/* PACKMEN Child — design tokeny z packmen.pl (brief, sekcja 4.3). Nie zmieniać wartości bez decyzji właściciela. */
:root {
	--pmh-green: #183723;
	--pmh-green-2: #22482f;
	--pmh-green-3: #2f5d3e;
	--pmh-cream: #faf6f0;
	--pmh-cream-2: #f4ede4;
	--pmh-border: #e9dfd5;
	--pmh-text: #171d19;
	--pmh-muted: #657067;
	--pmh-white: #fff;
	--pmh-shadow: 0 14px 35px rgba(32, 49, 37, .08);
	--pmh-shadow-sm: 0 4px 14px rgba(32, 49, 37, .1);
	--pmh-radius: 12px;
	--pmh-ease: cubic-bezier(.4, 0, .2, 1);
}

/* Dostępność: widoczny fokus w kolorze marki dla klawiatury, bez natywnej niebieskiej obwódki */
body.pmh-page :focus-visible {
	outline: 2px solid var(--pmh-green-3);
	outline-offset: 2px;
	border-radius: 4px;
}
body.pmh-page ::selection { background: var(--pmh-green-3); color: #fff; }

/* Etykieta „eyebrow" nad tytułami sekcji */
.pmh-eyebrow {
	margin: 0 0 8px;
	font-size: 12.5px;
	font-weight: 700;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--pmh-green-3);
	text-align: center;
}
.pmh-why .pmh-eyebrow { text-align: left; }

body.pmh-page {
	margin: 0;
	background: #fff;
	color: var(--pmh-text);
	font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
	line-height: 1.45;
}
body.pmh-page a { text-decoration: none; }
body.pmh-page img { max-width: 100%; height: auto; }

.pmh-container { width: min(1240px, calc(100% - 48px)); margin-inline: auto; position: relative; }
.pmh-icon { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; flex: 0 0 auto; }
.pmh-site { overflow: hidden; background: #fff; }
.pmh-site > * { margin-block: 0; }

/* Górny pasek */
.pmh-topbar { background: var(--pmh-green); color: #fff; font-size: 13px; }
.pmh-topbar__inner { display: flex; justify-content: space-between; align-items: center; gap: 16px; min-height: 32px; flex-wrap: wrap; }
.pmh-topbar a { color: #fff; margin-left: 20px; }
.pmh-topbar a:hover { text-decoration: underline; }
.pmh-topbar__usp { display: flex; align-items: center; gap: 22px; flex-wrap: wrap; opacity: .92; }
.pmh-topbar__usp span { display: inline-flex; align-items: center; gap: 7px; white-space: nowrap; }
.pmh-topbar__usp .pmh-icon { width: 15px; height: 15px; flex: 0 0 auto; }

/* Nagłówek — przyklejony do góry przy przewijaniu */
.pmh-header {
	background: #fff;
	border-bottom: 1px solid var(--pmh-border);
	position: sticky;
	top: 0;
	z-index: 40;
	box-shadow: 0 6px 20px -14px rgba(23, 29, 25, .18);
}
.pmh-header__inner { display: flex; align-items: center; gap: 28px; min-height: 100px; }
.pmh-logo { display: inline-flex; align-items: center; color: var(--pmh-green); }
.pmh-logo img { display: block; width: 128px; height: 128px; margin: -14px -12px; object-fit: contain; }
.pmh-logo__text { font-weight: 800; font-size: 26px; letter-spacing: .04em; }
.pmh-header .pmh-nav { flex: 1 1 auto; font-weight: 600; font-size: 15px; }
.pmh-header .pmh-nav a { color: var(--pmh-text); padding: 6px 2px; border-bottom: 2px solid transparent; }
.pmh-header .pmh-nav a:hover,
.pmh-header .pmh-nav .current-menu-item > a { border-bottom-color: var(--pmh-green); }
.pmh-header .pmh-search { max-width: 240px; }
.pmh-header .pmh-search .wp-block-search__inside-wrapper { border: 1px solid var(--pmh-border); border-radius: 10px; overflow: hidden; }
.pmh-header .pmh-search input { border: 0; padding: 10px 12px; font-size: 15px; }
.pmh-header .pmh-search button { background: transparent; color: var(--pmh-green); border: 0; }
.pmh-header .pmh-account, .pmh-header .pmh-cart { color: var(--pmh-green); }

/* Przyciski */
.pmh-btn { display: inline-flex; align-items: center; gap: 10px; padding: 14px 20px; border-radius: 8px; font-weight: 700; font-size: 15px; border: 1px solid var(--pmh-border); line-height: 1; transition: background-color .18s var(--pmh-ease), border-color .18s var(--pmh-ease), transform .12s var(--pmh-ease), box-shadow .18s var(--pmh-ease); }
.pmh-btn--primary { background: var(--pmh-green); border-color: var(--pmh-green); color: #fff !important; box-shadow: var(--pmh-shadow); }
.pmh-btn--primary:hover { background: var(--pmh-green-2); box-shadow: var(--pmh-shadow-sm); }
.pmh-btn--ghost { background: #fff; color: var(--pmh-text) !important; }
.pmh-btn--ghost:hover { border-color: var(--pmh-green-3); background: var(--pmh-cream); }
.pmh-btn:active { transform: translateY(1px); }
.pmh-btn .pmh-icon { width: 18px; height: 18px; transition: transform .18s var(--pmh-ease); }
.pmh-btn:hover .pmh-icon { transform: translateX(2px); }

/* Rozwijane menu „Sklep" z kategoriami (tylko na desktopie — na mobile działa natywny panel WP) */
@media (min-width: 1001px) {
	.pmh-nav .wp-block-navigation-submenu { position: relative; }
	.pmh-nav .wp-block-navigation-submenu__toggle { display: none; }
	.pmh-nav .wp-block-navigation__submenu-container {
		display: block;
		visibility: hidden;
		opacity: 0;
		pointer-events: none;
		position: absolute;
		top: calc(100% + 14px);
		left: -14px;
		margin: 0;
		min-width: 280px;
		background: #fff;
		border: 1px solid var(--pmh-border);
		border-radius: var(--pmh-radius);
		box-shadow: var(--pmh-shadow);
		padding: 10px;
		z-index: 50;
		transition: opacity .15s var(--pmh-ease), visibility .15s var(--pmh-ease);
	}
	.pmh-nav .wp-block-navigation-submenu:hover > .wp-block-navigation__submenu-container,
	.pmh-nav .wp-block-navigation-submenu:focus-within > .wp-block-navigation__submenu-container {
		visibility: visible;
		opacity: 1;
		pointer-events: auto;
	}
	.pmh-nav .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
		display: block;
		padding: 10px 12px;
		border-radius: 8px;
		font-size: 14px;
		font-weight: 600;
		color: var(--pmh-text);
		border-bottom: 0;
	}
	.pmh-nav .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover {
		background: var(--pmh-cream);
		color: var(--pmh-green);
	}
	.pmh-nav .wp-block-navigation__submenu-container li:first-child a {
		font-weight: 800;
		color: var(--pmh-green);
		border-bottom: 1px solid var(--pmh-border);
		border-radius: 8px 8px 0 0;
		margin-bottom: 4px;
	}
	.pmh-nav .wp-block-navigation-item.wp-block-navigation-submenu > .wp-block-navigation-item__content::after {
		content: "";
		display: inline-block;
		width: 6px;
		height: 6px;
		margin-left: 6px;
		border-right: 1.6px solid currentColor;
		border-bottom: 1.6px solid currentColor;
		transform: rotate(45deg) translateY(-2px);
	}
}

/* Hero */
.pmh-hero { background: var(--pmh-cream); padding: 36px 0 44px; }
.pmh-hero__grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr); gap: 48px; align-items: center; }
.pmh-hero h1 { margin: 0 0 20px; font-size: clamp(38px, 5vw, 62px); line-height: 1.04; font-weight: 800; color: var(--pmh-green); letter-spacing: -.02em; }
.pmh-hero p { margin: 0 0 28px; color: var(--pmh-muted); font-size: 18px; max-width: 32em; }
.pmh-hero__actions { display: flex; flex-wrap: wrap; gap: 14px; margin-bottom: 34px; }
.pmh-hero__media img { display: block; width: 100%; border-radius: 6px; }
.pmh-trust { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 26px; }
.pmh-trust li { display: flex; align-items: center; gap: 10px; font-size: 13px; color: var(--pmh-muted); max-width: 190px; }
.pmh-trust strong { display: block; color: var(--pmh-text); font-weight: 600; }
.pmh-trust .pmh-icon { color: var(--pmh-green); }

/* Sekcje */
.pmh-section { padding: 36px 0; }
.pmh-section--tight { padding-top: 8px; }
.pmh-section__title { text-align: center; margin: 0 0 26px; font-size: 28px; font-weight: 800; }

/* Kategorie */
.pmh-cats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; }
.pmh-cat { display: flex; align-items: stretch; background: #fff; border: 1px solid var(--pmh-border); border-radius: 12px; overflow: hidden; color: var(--pmh-text); transition: box-shadow .2s, transform .2s; }
.pmh-cat:hover { box-shadow: var(--pmh-shadow); transform: translateY(-2px); }
.pmh-cat__icon { display: grid; place-items: center; flex: 0 0 110px; background: linear-gradient(135deg, var(--pmh-cream), #fff); color: var(--pmh-green); }
.pmh-cat__icon .pmh-icon { width: 44px; height: 44px; }
.pmh-cat__body { display: flex; flex-direction: column; gap: 4px; padding: 16px 14px; font-size: 13px; color: var(--pmh-muted); }
.pmh-cat__body strong { color: var(--pmh-text); font-size: 16px; line-height: 1.2; }
.pmh-cat__body em { font-style: normal; font-weight: 700; color: var(--pmh-green); margin-top: 6px; display: inline-flex; align-items: center; gap: 6px; }
.pmh-cat__body em .pmh-icon { width: 14px; height: 14px; }

/* Dlaczego PACKMEN */
.pmh-why { background: var(--pmh-cream); border-block: 1px solid var(--pmh-border); padding: 26px 0; }
.pmh-why h2 { margin: 0 0 18px; font-size: 24px; font-weight: 800; }
.pmh-why__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)) auto; gap: 0; align-items: center; }
.pmh-why__item { display: flex; gap: 14px; align-items: flex-start; padding: 0 22px; border-left: 1px solid var(--pmh-border); font-size: 13px; color: var(--pmh-muted); }
.pmh-why__item:first-child { padding-left: 0; border-left: 0; }
.pmh-why__item .pmh-icon { width: 34px; height: 34px; color: var(--pmh-green); }
.pmh-why__item strong { display: block; color: var(--pmh-text); font-size: 14px; margin-bottom: 4px; }
.pmh-why__mark { opacity: .16; width: 150px; height: auto; margin-left: 12px; }

/* WooCommerce: karty produktów (shortcode [products], archiwa) — stała proporcja 1:1, także dla placeholdera */
.pmh-page .woocommerce ul.products { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 16px; margin: 0; padding: 0; }
.pmh-page .woocommerce ul.products::before, .pmh-page .woocommerce ul.products::after { display: none; }
.pmh-page .woocommerce ul.products li.product { float: none; width: auto; margin: 0; display: flex; flex-direction: column; background: #fff; border: 1px solid var(--pmh-border); border-radius: 10px; overflow: hidden; padding: 0 0 14px; transition: box-shadow .2s var(--pmh-ease), transform .2s var(--pmh-ease), border-color .2s var(--pmh-ease); }
.pmh-page .woocommerce ul.products li.product:hover { box-shadow: var(--pmh-shadow); transform: translateY(-3px); border-color: var(--pmh-green-3); }
.pmh-page .woocommerce ul.products li.product .woocommerce-loop-product__link { display: block; overflow: hidden; }
.pmh-page .woocommerce ul.products li.product a img,
.pmh-page .wc-block-components-product-image img,
.pmh-page .wp-block-woocommerce-product-image img,
.pmh-page .woocommerce div.product div.images img {
	aspect-ratio: 1 / 1;
	width: 100%;
	height: auto;
	object-fit: contain;
	background: var(--pmh-cream);
	margin: 0;
	transition: transform .35s var(--pmh-ease);
}
.pmh-page .woocommerce ul.products li.product:hover .woocommerce-loop-product__link img { transform: scale(1.04); }
/* Tytuł ucięty do dokładnie 2 linii (niektóre nazwy produktów są bardzo długie) i cena o stałej wysokości,
   żeby przycisk „Dodaj do koszyka” zawsze siedział w jednej linii między kartami, niezależnie od treści nad nim. */
.pmh-page .woocommerce ul.products li.product .woocommerce-loop-product__title {
	padding: 12px 12px 0;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.3;
	height: 2.6em;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow-wrap: anywhere;
}
.pmh-page .woocommerce ul.products li.product .price { padding: 6px 12px 10px; font-size: 16px; font-weight: 800; color: var(--pmh-text); min-height: 2.8em; display: flex; flex-direction: column; justify-content: center; }
.pmh-page .woocommerce ul.products li.product a.button.wp-element-button,
.pmh-page .woocommerce ul.products li.product a.button {
	margin: auto 12px 0;
	align-self: stretch;
	text-align: center;
	font-size: 14px;
	line-height: 1.2;
	padding: 11px 12px;
}

.pmh-page .woocommerce a.button,
.pmh-page .woocommerce button.button,
.pmh-page .wp-block-button__link,
.pmh-page .wc-block-components-button:not(.is-link) {
	background: var(--pmh-green);
	color: #fff;
	border-radius: 8px;
	font-weight: 700;
}
.pmh-page .woocommerce a.button:hover,
.pmh-page .woocommerce button.button:hover,
.pmh-page .wp-block-button__link:hover { background: var(--pmh-green-2); color: #fff; }

/* Karta produktu: tytuł i opis w stylu PACKMEN */
.pmh-page .product_title,
.pmh-page .wp-block-post-title,
.pmh-page h1.entry-title { font-size: clamp(26px, 3vw, 36px); font-weight: 800; line-height: 1.15; letter-spacing: -.01em; color: var(--pmh-text); }
.pmh-page .woocommerce-product-details__short-description,
.pmh-page .woocommerce div.product .woocommerce-product-details__short-description p { font-size: 16px; color: var(--pmh-muted); }
.pmh-page .woocommerce div.product .woocommerce-product-gallery { border: 1px solid var(--pmh-border); border-radius: 12px; overflow: hidden; background: var(--pmh-cream); }
.pmh-page .breadcrumb, .pmh-page .woocommerce-breadcrumb { font-size: 13px; color: var(--pmh-muted); }
.pmh-page .woocommerce-breadcrumb a { color: var(--pmh-muted); }
.pmh-page .woocommerce-breadcrumb a:hover { color: var(--pmh-green); text-decoration: underline; }

/* Karta produktu: cena BRUTTO główna, NETTO pomocnicza (dane z PACKMEN CORE) */
.pmh-page .woocommerce div.product p.price,
.pmh-page .woocommerce div.product span.price { color: var(--pmh-text); font-weight: 800; }

/* Panel zakupu: opcja ilościowa + ilość + „Dodaj do koszyka" w jednej spójnej karcie.
   Uwaga: w blokowym szablonie produktu „.woocommerce” i „.product” to ta sama klasa jednego diva
   (nie zagnieżdżenie), więc celujemy bezpośrednio w „form.cart” w zasięgu „.pmh-page”. */
.pmh-page form.cart {
	background: var(--pmh-cream);
	border: 1px solid var(--pmh-border);
	border-radius: var(--pmh-radius);
	padding: 18px 20px;
	margin: 20px 0;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	gap: 14px 16px;
}
.pmh-page .packmen-purchase-options { flex: 1 1 220px; }
.pmh-page .packmen-purchase-options label { display: block; margin-bottom: 6px; font-size: 13px; font-weight: 700; color: var(--pmh-text); }
.pmh-page .packmen-purchase-options select,
.pmh-page form.cart .quantity .qty {
	border: 1px solid var(--pmh-border);
	border-radius: 8px;
	background: #fff;
	padding: 11px 12px;
	font: inherit;
	font-size: 15px;
	height: 44px;
}
.pmh-page .packmen-purchase-options select { width: 100%; }
.pmh-page form.cart .quantity .qty { width: 70px; text-align: center; }
.pmh-page .packmen-purchase-options select:focus,
.pmh-page form.cart .quantity .qty:focus { border-color: var(--pmh-green-3); }
.pmh-page .packmen-selected-price { margin-top: 6px; font-size: 13px; color: var(--pmh-muted); font-weight: 700; }
.pmh-page form.cart .single_add_to_cart_button { height: 44px; margin: 0; }

/* Zakładki opisu/opinii — podkreślenie aktywnej zamiast domyślnej ramki WooCommerce */
.pmh-page .woocommerce-tabs ul.tabs { list-style: none; display: flex; gap: 26px; padding: 0; margin: 0 0 20px; border-bottom: 1px solid var(--pmh-border); }
.pmh-page .woocommerce-tabs ul.tabs::before { display: none; }
.pmh-page .woocommerce-tabs ul.tabs li { margin: 0; padding: 0; border: 0; background: none; }
.pmh-page .woocommerce-tabs ul.tabs li a { display: inline-block; padding: 4px 2px 14px; font-weight: 700; font-size: 15px; color: var(--pmh-muted); border-bottom: 2px solid transparent; }
.pmh-page .woocommerce-tabs ul.tabs li.active a { color: var(--pmh-text); border-bottom-color: var(--pmh-green); }
.pmh-page .woocommerce-tabs .panel > h2 { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }

/* Meta: SKU i kategoria jako subtelne „pigułki" zamiast surowego tekstu */
.pmh-page .product_meta { margin-top: 18px; padding-top: 14px; border-top: 1px solid var(--pmh-border); display: flex; flex-wrap: wrap; gap: 8px; font-size: 12.5px; }
.pmh-page .product_meta > span { background: var(--pmh-cream); border: 1px solid var(--pmh-border); border-radius: 999px; padding: 5px 12px; color: var(--pmh-muted); }
.pmh-page .product_meta a { color: var(--pmh-text); font-weight: 600; }

/* Katalog — spis działów wzorowany na drukowanym katalogu PDF PACKMEN */
.pmh-offer-hero { background: var(--pmh-cream); padding: 40px 0 32px; border-bottom: 1px solid var(--pmh-border); }
.pmh-offer-hero h1 { margin: 0 0 10px; font-size: clamp(32px, 4vw, 46px); font-weight: 800; color: var(--pmh-green); letter-spacing: -.02em; }
.pmh-offer-hero p { margin: 0 0 8px; color: var(--pmh-muted); max-width: 44em; }
.pmh-offer-stats { margin: 0 0 22px; font-size: 14px; font-weight: 700; color: var(--pmh-green-3); }

.pmh-catalog-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.pmh-catalog-card { display: flex; flex-direction: column; border: 1px solid var(--pmh-border); border-radius: var(--pmh-radius); overflow: hidden; background: #fff; transition: box-shadow .2s var(--pmh-ease), transform .2s var(--pmh-ease); }
.pmh-catalog-card:hover { box-shadow: var(--pmh-shadow); transform: translateY(-2px); }
.pmh-catalog-card__head { display: flex; align-items: center; gap: 14px; padding: 18px 20px; background: var(--pmh-green); color: #fff; }
.pmh-catalog-card__num { font-size: 26px; font-weight: 800; color: #a9c9b4; line-height: 1; flex: 0 0 auto; }
.pmh-catalog-card__icon { flex: 0 0 auto; color: #cfe2d6; }
.pmh-catalog-card__icon .pmh-icon { width: 26px; height: 26px; }
.pmh-catalog-card__title { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.pmh-catalog-card__title strong { font-size: 15px; font-weight: 800; letter-spacing: .01em; line-height: 1.25; }
.pmh-catalog-card__title em { font-style: normal; font-size: 11px; font-weight: 600; letter-spacing: .04em; color: #a9c9b4; }
.pmh-catalog-card__body { flex: 1 1 auto; display: flex; flex-direction: column; padding: 16px 20px 18px; background: var(--pmh-cream); }
.pmh-catalog-card__body p { margin: 0 0 auto; font-size: 14px; color: var(--pmh-muted); }
.pmh-catalog-card__foot { margin-top: 14px; display: flex; align-items: center; justify-content: space-between; gap: 12px; font-size: 13px; }
.pmh-catalog-card__foot > span { color: var(--pmh-muted); font-weight: 600; }
.pmh-catalog-card__foot a { display: inline-flex; align-items: center; gap: 6px; font-weight: 700; color: var(--pmh-green); white-space: nowrap; }
.pmh-catalog-card__foot a:hover { color: var(--pmh-green-2); }
.pmh-catalog-card__foot .pmh-icon { width: 14px; height: 14px; }

.pmh-catalog-cta { display: flex; align-items: center; justify-content: space-between; gap: 20px; flex-wrap: wrap; background: var(--pmh-cream); border: 1px solid var(--pmh-border); border-radius: var(--pmh-radius); padding: 22px 26px; }
.pmh-catalog-cta strong { display: block; font-size: 17px; margin-bottom: 4px; }
.pmh-catalog-cta span { color: var(--pmh-muted); font-size: 14px; }

/* Stopka */
.pmh-footer { background: var(--pmh-green); color: #e7efe9; margin-top: 48px; font-size: 14px; }
.pmh-footer a { color: #fff; }
.pmh-footer a:hover { text-decoration: underline; }
.pmh-footer__grid { display: grid; grid-template-columns: 1.3fr 1fr 1fr 1.4fr; gap: 32px; padding: 44px 0 32px; }
.pmh-footer strong { display: block; color: #fff; margin-bottom: 12px; font-size: 15px; }
.pmh-footer__brand { font-size: 22px !important; letter-spacing: .04em; }
.pmh-footer ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.pmh-footer p { margin: 0; max-width: 28em; }
.pmh-footer address { font-style: normal; line-height: 1.7; }
.pmh-footer__allegro { display: inline-flex; align-items: center; gap: 6px; margin-top: 14px; font-weight: 700; font-size: 13px; color: #fff !important; }
.pmh-footer__allegro .pmh-icon { width: 14px; height: 14px; transition: transform .18s var(--pmh-ease); }
.pmh-footer__allegro:hover .pmh-icon { transform: translateX(2px); }
.pmh-footer__badges { background: var(--pmh-green-2); border-top: 1px solid rgba(255, 255, 255, .12); }
.pmh-footer__badges-inner { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px 32px; padding: 16px 0; font-size: 13px; font-weight: 600; color: #dcebe1; }
.pmh-footer__badges-inner span { display: inline-flex; align-items: center; gap: 9px; }
.pmh-footer__badges-inner .pmh-icon { width: 18px; height: 18px; color: #a9c9b4; }
.pmh-footer__legal { border-top: 1px solid rgba(255, 255, 255, .16); padding: 16px 0; font-size: 12.5px; color: #b9c9be; }

/* Przycisk szybkiego kontaktu telefonicznego — widoczny tylko na urządzeniach dotykowych/mobilnych */
.pmh-floating-call {
	display: none;
	position: fixed;
	right: 16px;
	bottom: 16px;
	z-index: 60;
	width: 54px;
	height: 54px;
	border-radius: 50%;
	background: var(--pmh-green);
	color: #fff !important;
	align-items: center;
	justify-content: center;
	box-shadow: 0 10px 24px rgba(24, 55, 35, .35);
	transition: background-color .18s var(--pmh-ease), transform .12s var(--pmh-ease);
}
.pmh-floating-call:hover { background: var(--pmh-green-2); }
.pmh-floating-call:active { transform: scale(.94); }
.pmh-floating-call .pmh-icon { width: 24px; height: 24px; }

/* Tablet */
@media (max-width: 1000px) {
	.pmh-hero__grid { grid-template-columns: 1fr; }
	.pmh-cats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.pmh-why__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 20px; }
	.pmh-why__item:nth-child(3) { border-left: 0; padding-left: 0; }
	.pmh-why__mark { display: none; }
	.pmh-page .woocommerce ul.products { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.pmh-footer__grid { grid-template-columns: 1fr 1fr; }
	.pmh-header__inner { flex-wrap: wrap; gap: 12px; padding-block: 10px; }
	.pmh-header .pmh-search { order: 5; max-width: none; flex: 1 1 100%; }
	.pmh-catalog-grid { grid-template-columns: 1fr; }
}

/* Telefon */
@media (max-width: 600px) {
	.pmh-container { width: calc(100% - 32px); }
	.pmh-topbar__usp span:not(:first-child) { display: none; }
	.pmh-topbar a { margin-left: 0; margin-right: 14px; }
	.pmh-floating-call { display: flex; }
	.pmh-page form.cart { padding: 14px; }
	.pmh-cats { grid-template-columns: 1fr; }
	.pmh-why__grid { grid-template-columns: 1fr; }
	.pmh-why__item { border-left: 0; padding-left: 0; }
	.pmh-page .woocommerce ul.products { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
	.pmh-footer__grid { grid-template-columns: 1fr; }
	.pmh-hero { padding: 24px 0 32px; }
	.pmh-trust { gap: 16px; }

	/* Nagłówek na telefonie: mniejsze logo i niższy pasek, żeby nie zajmował połowy ekranu */
	.pmh-header__inner { min-height: 72px; gap: 10px; }
	.pmh-logo img { width: 76px; height: 76px; margin: -6px -4px; }
	.pmh-logo__text { font-size: 20px; }

	/* Katalog: jedna kolumna kart i pionowy układ dolnego CTA */
	.pmh-catalog-grid { grid-template-columns: 1fr; }
	.pmh-offer-hero { padding: 28px 0 24px; }
	.pmh-catalog-cta { flex-direction: column; align-items: flex-start; padding: 20px; }
	.pmh-catalog-cta .pmh-btn { align-self: stretch; justify-content: center; }

	/* Panel zakupu na karcie produktu: opcja i ilość jedna pod drugą, przycisk na całą szerokość */
	.pmh-page form.cart { flex-direction: column; align-items: stretch; }
	.pmh-page form.cart .quantity,
	.pmh-page form.cart .quantity .qty,
	.pmh-page form.cart .single_add_to_cart_button { width: 100%; }
}