/*
Theme Name: Sklep Budowlany
Description: Motyw blokowy pod sklep WooCommerce (chemia budowlana, akcesoria malarskie, dostawa InPost).
Version: 0.6.1
Requires at least: 6.6
Requires PHP: 8.0
License: GPL-2.0-or-later
Text Domain: sklep-budowlany
*/

:root {
	--sk-line: var(--wp--preset--color--line);
	--sk-heading: var(--wp--preset--font-family--heading);
	--sk-ink: var(--wp--preset--color--ink);
	--sk-yellow: var(--wp--preset--color--yellow);
	--sk-graphite: var(--wp--preset--color--graphite);
	--sk-muted: var(--wp--preset--color--muted);
	--sk-surface: var(--wp--preset--color--surface);
}

html { scroll-behavior: smooth; }
img { max-width: 100%; height: auto; }

/* ---------- pasek informacyjny (cienki) ---------- */
.top-bar {
	background: var(--sk-ink);
	color: #E9EDEF;
	font-size: 12px;
	line-height: 1.4;
	padding: 5px 40px;
	text-align: center;
}
.top-bar p { margin: 0; }

/* ---------- nagłówek (kompaktowy) ---------- */
.site-header-main {
	max-width: 1280px;
	margin: 0 auto;
	padding: 12px 40px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px 28px;
	box-sizing: border-box;
}
.site-header-main .brand { margin: 0; }
.site-header-main .brand a {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	text-decoration: none;
	font-family: var(--sk-heading);
	font-weight: 700;
	font-size: 26px;
	letter-spacing: .02em;
	text-transform: uppercase;
}
.site-header-main .brand a::before {
	content: "";
	width: 22px;
	height: 22px;
	background: var(--sk-yellow);
	border-radius: 4px;
}
.brand-logo { display: inline-flex; align-items: center; line-height: 0; flex: 0 0 auto; }
.brand-logo img { height: 40px; width: auto; }
.header-search { flex: 1 1 320px; min-width: 0; }
.header-search .wp-block-search__inside-wrapper { width: 100%; }
.header-search .wp-block-search__input {
	min-height: 44px;
	padding: 0 16px;
	font-size: 16px;
	border: 2px solid var(--sk-ink);
	border-right: 0;
	border-radius: 6px 0 0 6px;
}
.header-search .wp-block-search__button {
	min-height: 44px;
	margin: 0;
	padding: 0 22px;
	font-weight: 700;
	background: var(--sk-ink);
	color: #fff;
	border: 2px solid var(--sk-ink);
	border-radius: 0 6px 6px 0;
}

.nav-bar {
	border-top: 1px solid var(--sk-line);
	border-bottom: 1px solid var(--sk-line);
}
.nav-bar-inner {
	max-width: 1280px;
	margin: 0 auto;
	padding: 0 40px;
	box-sizing: border-box;
}
.nav-bar .wp-block-navigation { gap: 4px 28px; }
.nav-bar .wp-block-navigation-item a {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	font-size: 15px;
	font-weight: 600;
	text-decoration: none;
}

/* ---------- strona główna: bannery ---------- */
.banner-wrap { max-width: 1280px; margin: 0 auto; padding: 20px 40px 0; box-sizing: border-box; }
.banner-grid {
	display: grid;
	grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
	gap: 20px;
}
.banner-side-col { display: flex; flex-direction: column; gap: 20px; min-width: 0; }
.banner-side-col > .banner { flex: 1 1 0; }

.banner.wp-block-cover {
	border-radius: 10px;
	padding: 36px;
	box-sizing: border-box;
	overflow: hidden;
}
.banner-main.wp-block-cover { min-height: 420px; }
.banner-side.wp-block-cover { min-height: 200px; }
.banner-wide.wp-block-cover { min-height: 150px; }
.banner .wp-block-cover__inner-container { width: 100%; }
.banner h1 {
	font-size: clamp(44px, 6.5vw, 84px);
	line-height: .95;
	margin: 0;
	color: #fff;
}
.banner h1 .accent { color: var(--sk-yellow); }
.banner h2 { font-size: 34px; line-height: 1; margin: 0; }
.banner p { margin: 14px 0 0; font-size: 18px; line-height: 1.4; }
.banner .wp-block-buttons { margin-top: 24px; gap: 14px; }
.banner-yellow.wp-block-cover { color: var(--sk-ink); }
.banner-yellow h2, .banner-yellow p { color: var(--sk-ink); }
.banner-yellow .wp-block-button__link { background: var(--sk-ink); color: #fff; }
.banner .is-style-outline .wp-block-button__link {
	background: transparent;
	color: #fff;
	border: 2px solid #fff;
}
.banner-slot { margin: 0 !important; font-size: 12px !important; letter-spacing: .08em; text-transform: uppercase; opacity: .7; }

.section { max-width: 1280px; margin: 0 auto; padding: 48px 40px 8px; box-sizing: border-box; }
.section h2 { font-size: 40px; margin: 0 0 28px; }

/* WordPress dodaje odstęp między kolejnymi blokami grupy; w siatkach go zerujemy */
.banner-grid > *, .banner-side-col > *, .cat-grid > *, .banner-wrap > * { margin-block-start: 0 !important; margin-block-end: 0 !important; }
.nav-bar .wp-block-woocommerce-customer-account { display: none; }
.site-header-main .wp-block-woocommerce-customer-account { margin: 0; }

.cat-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.cat-tile {
	display: flex;
	flex-direction: column;
	gap: 10px;
	min-height: 150px;
	padding: 24px;
	background: var(--sk-surface);
	border-radius: 8px;
	box-sizing: border-box;
}
.cat-tile h3 { margin: 0; font-size: 28px; }
.cat-tile p { margin: 0; }
.cat-subs { font-size: 15px; line-height: 1.5; color: var(--sk-muted); }
.cat-more { margin-top: auto !important; font-weight: 700; font-size: 15px; }
.cat-tile a { text-decoration: none; }

/* ---------- strony wewnętrzne ---------- */
.page-wrap { max-width: 1280px; margin: 0 auto; padding: 32px 40px 72px; box-sizing: border-box; }
.page-wrap > h1, .page-wrap .page-title { font-size: 52px; line-height: 1; margin: 0 0 28px; }
.crumbs { font-size: 14px; color: var(--sk-muted); margin: 0 0 16px; }
.crumbs a { color: var(--sk-muted); }

/* ---------- WooCommerce: lista i karty produktów ---------- */
.shop-layout { display: flex; flex-wrap: wrap; gap: 32px; align-items: flex-start; }
.shop-sidebar { flex: 1 1 220px; max-width: 260px; min-width: 200px; }
.shop-sidebar h3 { font-size: 22px; margin: 0 0 10px; }
.shop-main { flex: 3 1 640px; min-width: 0; }
.shop-toolbar { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 20px; }

.wc-block-product-template,
.wp-block-woocommerce-product-template { gap: 20px; }
.wc-block-product,
.wp-block-woocommerce-product-template > li {
	display: flex;
	flex-direction: column;
	gap: 8px;
	background: #fff;
	border: 1px solid var(--sk-line);
	border-radius: 8px;
	padding: 16px;
	box-sizing: border-box;
}
.wc-block-product .wp-block-post-title,
.wp-block-woocommerce-product-template .wp-block-post-title {
	font-family: var(--wp--preset--font-family--body);
	font-size: 16px;
	font-weight: 600;
	line-height: 1.35;
	text-transform: none;
	margin: 0;
}
.wc-block-product .wp-block-post-title a { text-decoration: none; }
.wc-block-components-product-price,
.wp-block-woocommerce-product-price {
	font-family: var(--sk-heading);
	font-size: 30px;
	font-weight: 700;
	line-height: 1.1;
}
.wc-block-components-product-button .wp-block-button__link,
.wp-block-woocommerce-product-button .wp-block-button__link { width: 100%; text-align: center; }

.single-product-layout { display: flex; flex-wrap: wrap; gap: 48px; align-items: flex-start; }
.single-product-layout > * { flex: 1 1 440px; min-width: 0; }
.single-product-layout h1 { font-size: 44px; line-height: 1.05; margin: 0; }
.single-product-layout .wp-block-woocommerce-product-price { font-size: 56px; }
.ship-box { border: 1px solid var(--sk-line); border-radius: 8px; padding: 20px; margin-top: 8px; }
.ship-box h3 { font-size: 22px; margin: 0 0 6px; }
.ship-box p { margin: 0; font-size: 15px; color: var(--sk-muted); }

/* ---------- WooCommerce: koszyk i kasa ---------- */
.wc-block-cart__submit-button,
.wc-block-components-checkout-place-order-button {
	background: var(--sk-yellow);
	color: var(--sk-ink);
	font-weight: 700;
	font-size: 18px;
	min-height: 56px;
	border-radius: 6px;
}
.wc-block-components-sidebar-layout .wc-block-components-sidebar {
	background: var(--sk-surface);
	padding: 28px;
	border-radius: 10px;
	box-sizing: border-box;
}
.wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
	font-family: var(--sk-heading);
	font-size: 32px;
	font-weight: 700;
}

/* Koszyk, kasa, mini-koszyk: bez opisu produktu pod nazwą (opisy z Allegro zaczynają się od zdjęcia). */
.wc-block-components-product-metadata__description,
.wc-block-cart-item__product .wc-block-components-product-metadata__description,
.wc-block-components-order-summary-item .wc-block-components-product-metadata__description,
.wc-block-mini-cart__items .wc-block-components-product-metadata__description { display: none !important; }

/* ---------- stopka ---------- */
.site-footer { background: var(--sk-ink); color: #C9D0D4; }
.site-footer a { color: #C9D0D4; }
.footer-inner {
	max-width: 1280px;
	margin: 0 auto;
	padding: 48px 40px;
	display: flex;
	flex-wrap: wrap;
	gap: 40px;
	box-sizing: border-box;
}
.footer-col { flex: 1 1 200px; font-size: 15px; line-height: 1.9; }
.footer-col:first-child { flex-basis: 280px; }
.footer-col p { margin: 0; }
.footer-brand { font-family: var(--sk-heading); font-weight: 700; font-size: 28px; color: #fff; text-transform: uppercase; line-height: 1.3; }
.footer-title { color: #fff; font-weight: 700; }

.footer-bottom { border-top: 1px solid rgba(255,255,255,.12); }
.footer-bottom p { max-width: 1280px; margin: 0 auto; padding: 16px 40px; box-sizing: border-box; font-size: 13px; color: #9AA5AB; }
.site-footer .footer-brand { margin: 0 0 6px; }

/* ---------- kafle kategorii: link w nagłówku ---------- */
.cat-tile h3 a { color: inherit; }
.cat-tile:hover { outline: 2px solid var(--sk-yellow); }

/* ---------- karty produktów: równe zdjęcia, przycisk na dole ---------- */
.wc-block-product .wc-block-components-product-image img,
.wp-block-woocommerce-product-template .wc-block-components-product-image img {
	aspect-ratio: 1 / 1;
	object-fit: contain;
	background: #fff;
}
.wc-block-product .wp-block-woocommerce-product-button,
.wp-block-woocommerce-product-template .wp-block-woocommerce-product-button { margin-top: auto; }
.wc-block-components-product-price del { font-size: .6em; color: var(--sk-muted); font-weight: 400; }
.wc-block-components-product-price ins { text-decoration: none; }
.wc-block-components-product-sale-badge,
.onsale {
	background: var(--sk-yellow) !important;
	color: var(--sk-ink) !important;
	border: 0 !important;
	font-weight: 700;
	border-radius: 4px !important;
}

/* ---------- karta produktu ---------- */
/* Zdjęcie główne: limit wysokości (wysokie zdjęcia, np. butelki, nie zajmują całego ekranu). */
.single-product-layout .woocommerce-product-gallery__image img,
.single-product-layout .wp-block-woocommerce-product-image-gallery img.wp-post-image,
.single-product-layout .wc-block-components-product-image img {
	width: 100%;
	max-height: min(480px, 60vh);
	object-fit: contain;
	background: #fff;
}
.single-product-layout .woocommerce-product-gallery { border: 1px solid var(--sk-line); border-radius: 8px; padding: 12px; box-sizing: border-box; }
.single-product-layout .flex-control-thumbs { display: flex; flex-wrap: wrap; gap: 8px; margin: 12px 0 0; padding: 0; list-style: none; }
.single-product-layout .flex-control-thumbs li { width: 64px !important; float: none !important; }
.single-product-layout .flex-control-thumbs img { width: 64px; height: 64px; object-fit: contain; border: 1px solid var(--sk-line); border-radius: 4px; cursor: pointer; opacity: .7; }
.single-product-layout .flex-control-thumbs img.flex-active, .single-product-layout .flex-control-thumbs img:hover { opacity: 1; border-color: var(--sk-ink); }
/* Kolumna zdjęć węższa niż kolumna z ceną i przyciskiem. */
.single-product-layout > .wp-block-woocommerce-product-image-gallery { flex: 1 1 380px; max-width: 520px; }
.single-product-layout .wp-block-woocommerce-add-to-cart-form form.cart {
	display: flex;
	gap: 12px;
	align-items: stretch;
	margin: 20px 0 8px;
}
.single-product-layout form.cart .quantity input.qty {
	width: 80px;
	min-height: 52px;
	font-size: 18px;
	text-align: center;
	border: 2px solid var(--sk-line);
	border-radius: 6px;
}
.single-product-layout form.cart .single_add_to_cart_button {
	flex: 1 1 auto;
	min-height: 52px;
	font-size: 18px;
	font-weight: 700;
	background: var(--sk-yellow);
	color: var(--sk-ink);
	border: 0;
	border-radius: 6px;
	cursor: pointer;
}
.single-product-layout form.cart .single_add_to_cart_button:hover { background: var(--sk-ink); color: #fff; }
.single-product-layout .stock.in-stock { color: var(--wp--preset--color--green); font-weight: 600; }
.single-product-layout .wp-block-woocommerce-product-meta { margin-top: 16px; font-size: 14px; color: var(--sk-muted); }
.wp-block-woocommerce-product-details { margin-top: 48px; }
.wp-block-woocommerce-product-details .wc-tabs { border-bottom: 2px solid var(--sk-line); }
.wp-block-woocommerce-product-details .wc-tabs li.active a { border-bottom: 3px solid var(--sk-yellow); }

/* ---------- karuzela głównego banera ---------- */
.hero-slider { position: relative; display: grid; min-width: 0; }
.hero-slider > .hero-slide { grid-area: 1 / 1; margin: 0 !important; transition: opacity .6s ease, visibility .6s; }
.hero-slider > .hero-slide + .hero-slide { opacity: 0; visibility: hidden; }
.hero-slider.is-ready > .hero-slide { opacity: 0; visibility: hidden; }
.hero-slider.is-ready > .hero-slide.is-active { opacity: 1; visibility: visible; }
.banner .hero-title { font-size: clamp(44px, 6.5vw, 84px); line-height: .95; margin: 0; color: #fff; }
.banner-yellow .hero-title { color: var(--sk-ink); }
.banner-yellow .hero-title .accent { color: #fff; }
.hero-dots { position: absolute; left: 36px; bottom: 20px; z-index: 2; display: flex; gap: 8px; }
.hero-dots button {
	width: 28px; height: 6px; padding: 0; border: 0; border-radius: 3px; cursor: pointer;
	background: rgba(255,255,255,.45);
}
.hero-dots button[aria-current="true"] { background: var(--sk-yellow); }
.hero-slider.on-yellow .hero-dots button { background: rgba(27,34,39,.3); }
.hero-slider.on-yellow .hero-dots button[aria-current="true"] { background: var(--sk-ink); }
@media (max-width: 720px) { .hero-dots { left: 24px; bottom: 14px; } }

/* ---------- outlet ---------- */
.nav-bar .wp-block-navigation-item a[href*="/outlet/"] { background: var(--sk-yellow); padding: 0 12px; border-radius: 4px; }
.outlet-note {
	display: flex;
	gap: 10px;
	align-items: flex-start;
	margin: 16px 0;
	padding: 14px 16px;
	background: #FFF6D6;
	border-left: 4px solid var(--sk-yellow);
	border-radius: 6px;
	font-size: 15px;
	line-height: 1.45;
}
.outlet-note strong { font-family: var(--sk-heading); font-size: 18px; text-transform: uppercase; }

/* ---------- opisy produktów z Allegro (section > item-6/item-12) ---------- */
.wc-tab .section, .woocommerce-Tabs-panel .section {
	display: flex;
	flex-wrap: wrap;
	gap: 24px;
	align-items: center;
	margin: 0 0 32px;
}
.wc-tab .section .item, .woocommerce-Tabs-panel .section .item { flex: 1 1 100%; min-width: 0; }
.wc-tab .section .item-6, .woocommerce-Tabs-panel .section .item-6 { flex: 1 1 320px; }
.woocommerce-Tabs-panel .section img { display: block; max-width: 100%; height: auto; margin: 0 auto; border-radius: 8px; }
.woocommerce-Tabs-panel .section h2 { font-size: 26px; margin: 0 0 12px; }
.woocommerce-Tabs-panel .section ul { padding-left: 20px; }
.woocommerce-Tabs-panel .section li { margin: 4px 0; }

/* ---------- przeglądanie kategorii ---------- */
.cat-description { color: var(--sk-muted); max-width: 820px; margin: -12px 0 20px; }
.sk-subcats { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 24px; }
.sk-chip {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	min-height: 38px;
	padding: 0 14px;
	border: 1px solid var(--sk-line);
	border-radius: 999px;
	background: #fff;
	font-size: 15px;
	font-weight: 600;
	text-decoration: none;
}
.sk-chip span { color: var(--sk-muted); font-weight: 400; font-size: 13px; }
.sk-chip:hover { border-color: var(--sk-ink); }
.sk-chip.is-current { background: var(--sk-ink); border-color: var(--sk-ink); color: #fff; }
.sk-chip.is-current span { color: #C9D0D4; }
.sk-chip-all { background: var(--sk-surface); }
.shop-cat-tree ul { list-style: none; margin: 0; padding: 0; }
.shop-cat-tree ul ul { padding-left: 14px; }
.shop-cat-tree li { margin: 4px 0; font-size: 15px; }
.shop-cat-tree a { text-decoration: none; }
.shop-cat-tree .wc-block-product-categories-list-item-count { color: var(--sk-muted); font-size: 13px; }
.wp-block-query-pagination { margin-top: 32px; gap: 6px; font-weight: 600; }
.wp-block-query-pagination-numbers .page-numbers {
	display: inline-flex; align-items: center; justify-content: center;
	min-width: 40px; min-height: 40px; border: 1px solid var(--sk-line); border-radius: 6px; text-decoration: none;
}
.wp-block-query-pagination-numbers .page-numbers.current { background: var(--sk-ink); color: #fff; border-color: var(--sk-ink); }

/* ---------- podpowiedzi wyszukiwarki ---------- */
.sk-ls {
	position: absolute;
	top: calc(100% + 4px);
	left: 0;
	right: 0;
	z-index: 1000;
	background: #fff;
	border: 1px solid var(--sk-line);
	border-radius: 8px;
	box-shadow: 0 12px 32px rgba(27,34,39,.16);
	overflow: hidden;
}
.sk-ls-item { display: grid; grid-template-columns: 48px 1fr auto; gap: 12px; align-items: center; padding: 8px 12px; text-decoration: none; }
.sk-ls-item img, .sk-ls-noimg { width: 48px; height: 48px; object-fit: contain; background: var(--sk-surface); border-radius: 4px; }
.sk-ls-name { font-size: 14px; line-height: 1.3; }
.sk-ls-price { font-weight: 700; white-space: nowrap; }
.sk-ls-item:hover, .sk-ls-item.is-active { background: var(--sk-surface); }
.sk-ls-all, .sk-ls-empty { display: block; padding: 10px 12px; font-size: 14px; border-top: 1px solid var(--sk-line); }
.sk-ls-all { font-weight: 700; text-decoration: none; }

/* ---------- Omnibus, GPSR ---------- */
.sk-omnibus { display: block; margin-top: 4px; font-family: var(--wp--preset--font-family--body); font-size: 12px; font-weight: 400; line-height: 1.3; color: var(--sk-muted); }
.sk-gpsr h3 { font-size: 20px; margin: 20px 0 6px; }
.sk-gpsr p { margin: 0; }

/* ---------- odstąpienie od umowy ---------- */
.sk-wd { max-width: 720px; }
.sk-wd-form label { display: block; font-weight: 600; margin-bottom: 4px; }
.sk-wd-form input, .sk-wd-form textarea { width: 100%; box-sizing: border-box; min-height: 44px; padding: 8px 12px; font: inherit; border: 2px solid var(--sk-line); border-radius: 6px; }
.sk-wd-form input:focus, .sk-wd-form textarea:focus { border-color: var(--sk-ink); outline: none; }
.sk-wd-hp { position: absolute; left: -9999px; }
.sk-wd-errors { background: #FDECEC; border-left: 4px solid #B32D2E; padding: 12px 16px; border-radius: 6px; }
.sk-wd-preview { white-space: pre-wrap; font: 15px/1.5 var(--wp--preset--font-family--body); background: var(--sk-surface); padding: 20px; border-radius: 8px; }
.sk-wd-actions { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; }
.sk-wd-confirm { font-size: 18px; }
.sk-wd-back { background: none; border: 0; text-decoration: underline; cursor: pointer; font: inherit; }

/* ---------- strony prawne ---------- */
.legal-note { background: #FFF6D6; border-left: 4px solid var(--sk-yellow); padding: 12px 16px; border-radius: 6px; font-size: 14px; }
.legal { max-width: 860px; }
.legal h2 { font-size: 28px; margin: 36px 0 12px; }
.legal h3 { font-size: 21px; margin: 24px 0 8px; }
.legal ol, .legal ul { padding-left: 22px; }
.legal li { margin: 4px 0; }
.legal table { border-collapse: collapse; width: 100%; }
.legal td, .legal th { border: 1px solid var(--sk-line); padding: 8px 12px; text-align: left; }

/* ---------- kontakt ---------- */
.contact-lead { font-size: 18px; }
.contact-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 16px; margin: 20px 0 8px; }
.contact-card { background: var(--sk-surface); border-radius: 10px; padding: 18px 20px; border-top: 4px solid var(--sk-yellow); }
.contact-card h2 { font-size: 20px !important; margin: 0 0 8px !important; }
.contact-card p { margin: 6px 0; }
.contact-big { font-family: var(--sk-heading); font-size: 24px; font-weight: 700; word-break: break-word; }
.contact-big a { text-decoration: none; }

/* ---------- FAQ ---------- */
.faq details { border: 1px solid var(--sk-line); border-radius: 8px; margin: 8px 0; background: #fff; }
.faq summary { cursor: pointer; padding: 14px 44px 14px 16px; font-weight: 700; position: relative; list-style: none; }
.faq summary::-webkit-details-marker { display: none; }
.faq summary::after { content: "+"; position: absolute; right: 16px; top: 50%; transform: translateY(-50%); font-size: 22px; font-weight: 700; color: var(--sk-muted); }
.faq details[open] summary::after { content: "–"; }
.faq details[open] summary { border-bottom: 1px solid var(--sk-line); }
.faq details p { margin: 0; padding: 12px 16px 16px; }

/* ---------- podziękowanie za zamówienie, 404 ---------- */
.thanks-next { background: #FFF6D6; border-left: 4px solid var(--sk-yellow); border-radius: 8px; padding: 18px 22px; margin: 16px 0 28px; }
.thanks-next h2 { font-size: 26px; margin: 0 0 8px; }
.thanks-next ol { margin: 0 0 10px; padding-left: 22px; }
.thanks-next li { margin: 6px 0; }
.order-thanks .wc-block-order-confirmation-status { margin-bottom: 8px; }
.page-404 .err-code { color: var(--sk-muted); font-weight: 700; letter-spacing: .08em; text-transform: uppercase; margin: 0; }
.page-404 h1 .accent { color: var(--sk-yellow); }
.page-404 .search-404 { max-width: 640px; margin: 20px 0 24px; }

@media print {
	.top-bar, .site-header-main, .nav-bar, .site-footer, .sk-wd button { display: none !important; }
}

/* ---------- menu mobilne ---------- */
.nav-bar .wp-block-navigation__responsive-container-open { min-height: 44px; gap: 8px; font-weight: 700; }
.nav-bar .wp-block-navigation__responsive-container-open::after { content: "Kategorie"; font-size: 15px; }
.nav-bar .wp-block-navigation__responsive-container.is-menu-open { background: #fff; padding: 20px; }
.nav-bar .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item a { font-size: 20px; min-height: 48px; }

/* ---------- tablet i telefon ---------- */
@media (max-width: 900px) {
	.cat-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.banner-grid { grid-template-columns: minmax(0, 1fr); }
	.banner-side-col { flex-direction: row; flex-wrap: wrap; }
	.banner-side-col > .banner { flex: 1 1 260px; }
}
@media (max-width: 720px) {
	.cat-grid { grid-template-columns: minmax(0, 1fr); }
	.site-header-main { gap: 8px 12px; padding-top: 10px; padding-bottom: 10px; }
	.site-header-main .brand, .site-header-main .brand-logo { flex: 1 1 auto; }
	.brand-logo img { height: 30px; }
	.header-search { order: 3; flex: 1 1 100%; }
	.top-bar, .site-header-main, .nav-bar-inner, .banner-wrap, .section, .page-wrap, .footer-inner, .footer-bottom p { padding-left: 16px; padding-right: 16px; }
	.single-product-layout { gap: 24px; }
	.single-product-layout > .wp-block-woocommerce-product-image-gallery { max-width: none; }
	.single-product-layout .woocommerce-product-gallery__image img { max-height: 320px; }
	.single-product-layout h1 { font-size: 32px; }
	.shop-sidebar { max-width: none; flex-basis: 100%; }
	.banner.wp-block-cover { padding: 24px; }
	.banner-main.wp-block-cover { min-height: 320px; }
	.section h2 { font-size: 32px; }
	.page-wrap > h1, .page-wrap .page-title { font-size: 40px; }
	.single-product-layout .wp-block-woocommerce-product-price { font-size: 44px; }
}

/* pusty koszyk */
.empty-cart { text-align: center; max-width: 760px; margin: 12px auto 32px; }
.empty-cart .sk-subcats, .empty-cart .wp-block-buttons { justify-content: center; }
.empty-cart-title { font-size: 36px; }
.empty-cart-new { font-size: 28px; margin-top: 24px; }

/* ---------- nagłówek kasy (bez menu) ---------- */
.checkout-header { border-bottom: 1px solid var(--sk-line); background: #fff; }
.checkout-header-inner { max-width: 1280px; margin: 0 auto; padding: 14px 40px; box-sizing: border-box; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 24px; }
.checkout-header-info { display: flex; flex-wrap: wrap; gap: 4px 18px; font-size: 14px; color: var(--sk-muted); }
.checkout-header-info a { color: var(--sk-ink); font-weight: 700; text-decoration: none; }
.checkout-back { font-size: 14px; color: var(--sk-muted); }
.page-checkout > .wp-block-post-title, .page-cart > .wp-block-post-title { font-size: 40px; margin: 0 0 20px; }
.page-checkout .wc-block-checkout, .page-cart .wc-block-cart { margin-top: 0; }
@media (max-width: 720px) {
	.checkout-header-inner { padding: 10px 16px; }
	.checkout-header-info { order: 3; width: 100%; font-size: 13px; }
	.page-checkout > .wp-block-post-title, .page-cart > .wp-block-post-title { font-size: 30px; }
}

/* ---------- karta produktu na telefonie: niższe zdjęcie (galeria ustawia wysokość skryptem) ---------- */
/* Stała wysokość ramki + object-fit (szerokość 100% – tego oczekuje skrypt galerii FlexSlider). */
.single-product-layout .woocommerce-product-gallery__image img:not(.zoomImg) { width: 100% !important; height: min(480px, 60vh) !important; max-height: none !important; object-fit: contain; }
@media (max-width: 720px) {
	.single-product-layout .woocommerce-product-gallery__image img:not(.zoomImg) { height: 300px !important; }
}

/* ---------- pusty koszyk: nowości w 2 kolumnach na telefonie ---------- */
@media (max-width: 720px) {
	.wp-block-woocommerce-empty-cart-block .wc-block-grid__products { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: 0 !important; }
	.wp-block-woocommerce-empty-cart-block .wc-block-grid__product { max-width: none !important; flex: none !important; margin: 0 !important; padding: 0 !important; border: 0 !important; }
	.wp-block-woocommerce-empty-cart-block .wc-block-grid__product-title { font-size: 13px; }
}