/* ==========================================================================
   Inear — strona główna UX
   Tokeny zgodne z obecnym wyglądem sklepu (akcent: zieleń liczników w nagłówku).
   ========================================================================== */

:root {
	--inear-accent: #0f7a6c;
	--inear-accent-ink: #ffffff;
	--inear-accent-soft: #e3f1ee;
	--inear-ink: #1b2422;
	--inear-muted: #5d6a67;
	--inear-line: #e2e7e5;
	--inear-ground: #f5f7f6;
	--inear-sale: #c0392b;
	--inear-radius: 10px;
	--inear-wrap: 1140px;
	--inear-font: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;
}

.inear-wrap {
	max-width: var(--inear-wrap);
	margin-inline: auto;
	padding-inline: 15px;
	box-sizing: border-box;
}

.inear-icon { width: 24px; height: 24px; flex: none; }

.inear-eyebrow {
	font: 600 12px/1 var(--inear-font);
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--inear-accent);
}

.inear-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 44px;
	padding: 0 20px;
	border-radius: 8px;
	font: 600 15px/1 var(--inear-font);
	text-decoration: none;
	transition: background-color .15s ease;
}
.inear-btn--primary { background: var(--inear-accent); color: var(--inear-accent-ink) !important; }
.inear-btn--primary:hover { background: #0b6358; }

.inear-home a:focus-visible,
.inear-home button:focus-visible,
.inear-catbar a:focus-visible {
	outline: 2px solid var(--inear-accent);
	outline-offset: 2px;
}

/* ─── Pasek kategorii ─────────────────────────────────────────────── */

.inear-catbar {
	background: #fff;
	border-bottom: 1px solid var(--inear-line);
	font-family: var(--inear-font);
}
.inear-catbar__list {
	display: flex;
	gap: 4px;
	margin: 0 auto;
	list-style: none;
	overflow-x: auto;
	scrollbar-width: none;
	-webkit-overflow-scrolling: touch;
}
.inear-catbar__list::-webkit-scrollbar { display: none; }
.inear-catbar li { margin: 0; flex: none; }
.inear-catbar a {
	display: block;
	padding: 12px 12px;
	font-size: 14px;
	font-weight: 500;
	color: var(--inear-ink);
	white-space: nowrap;
	text-decoration: none;
	border-bottom: 2px solid transparent;
}
.inear-catbar a:hover,
.inear-catbar a[aria-current="page"] { color: var(--inear-accent); border-bottom-color: var(--inear-accent); }
.inear-catbar__promo { margin-left: auto !important; }
.inear-catbar__promo a { color: var(--inear-sale); font-weight: 600; }

@media (max-width: 767px) {
	.inear-catbar a { padding: 10px 12px; font-size: 14px; }
	.inear-catbar__promo { margin-left: 0 !important; }
}

/* ─── Hero: Okazja dnia i niższy baner na telefonie ───────────────── */

.inear-deal-col .elementor-widget-wrap { height: 100%; }

.inear-deal {
	display: flex;
	flex-direction: column;
	gap: 10px;
	width: 100%;
	height: 100%;
	padding: 20px;
	background: #fff;
	border: 1px solid var(--inear-line);
	border-radius: 14px;
	box-sizing: border-box;
	font-family: var(--inear-font);
}
.inear-deal__head { display: flex; justify-content: space-between; align-items: center; }
.inear-deal__pct {
	padding: 5px 8px;
	border-radius: 6px;
	background: var(--inear-sale);
	color: #fff;
	font: 700 14px/1 var(--inear-font);
}
.inear-deal__img { display: block; margin: 0 auto; max-width: 180px; }
.inear-deal__img img { width: 100%; height: auto; aspect-ratio: 1; object-fit: contain; }
.inear-deal__title { margin: 0; font: 600 16px/1.35 var(--inear-font); text-wrap: balance; }
.inear-deal__title a { color: var(--inear-ink); text-decoration: none; }
.inear-deal__price { font-size: 20px; font-weight: 700; color: var(--inear-ink); }
.inear-deal__price ins { text-decoration: none; color: var(--inear-sale); }
.inear-deal__price del { font-size: 14px; font-weight: 400; color: var(--inear-muted); }
.inear-deal__meta { display: flex; flex-wrap: wrap; gap: 6px 14px; font-size: 13px; color: var(--inear-muted); font-variant-numeric: tabular-nums; }
.inear-deal__meta b { color: var(--inear-ink); }
.inear-deal__stock { color: var(--inear-sale); font-weight: 600; }
.inear-deal .inear-btn { margin-top: auto; }
.inear-deal .inear-discount-badge { display: none; } /* rabat jest już w nagłówku karty */

@media (max-width: 767px) {
	.inear-home .elementor-element-ec1eced .banner,
	.inear-home .elementor-element-ec1eced .elementor-widget-banner { max-height: 46vh; overflow: hidden; }
	.inear-home .elementor-element-ec1eced .banner img { height: 46vh; object-fit: cover; object-position: right center; }
	.inear-deal-col { width: 100% !important; margin-block: 12px; }
	.inear-deal { flex-direction: column; }
}

/* ─── Pasek korzyści ──────────────────────────────────────────────── */

.inear-usp { padding-block: 16px; font-family: var(--inear-font); }
.inear-usp__list {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 12px;
	margin: 0 auto;
	list-style: none;
}
.inear-usp__item {
	display: flex;
	gap: 12px;
	align-items: flex-start;
	margin: 0;
	padding: 14px 16px;
	background: var(--inear-ground);
	border-radius: var(--inear-radius);
	color: var(--inear-accent);
}
.inear-usp__item span { display: grid; gap: 2px; }
.inear-usp__item b { font-size: 14px; font-weight: 600; line-height: 1.3; color: var(--inear-ink); }
.inear-usp__item small { font-size: 12.5px; line-height: 1.35; color: var(--inear-muted); }

@media (max-width: 1024px) { .inear-usp__list { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 767px) {
	.inear-usp__list {
		display: flex;
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		scrollbar-width: none;
	}
	.inear-usp__list::-webkit-scrollbar { display: none; }
	.inear-usp__item { flex: 0 0 78%; scroll-snap-align: start; }
}

/* ─── Bloki produktowe ────────────────────────────────────────────── */

.inear-block { padding-block: 28px; font-family: var(--inear-font); }
.inear-block__head {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-end;
	gap: 8px 24px;
	margin-bottom: 18px;
}
.inear-block__title { margin: 0; font: 700 28px/1.2 var(--inear-font); color: var(--inear-ink); letter-spacing: -.01em; text-wrap: balance; }
.inear-block__lead { margin: 4px 0 0; font-size: 14px; color: var(--inear-muted); }
.inear-more {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 15px;
	font-weight: 600;
	color: var(--inear-accent);
	text-decoration: none;
	white-space: nowrap;
}
.inear-more .inear-icon { width: 18px; height: 18px; }
.inear-more:hover { text-decoration: underline; }

@media (max-width: 767px) {
	.inear-block { padding-block: 20px; }
	.inear-block__title { font-size: 23px; }
	.inear-products ul.products { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}

/* ─── Ceny: rabat i Omnibus ───────────────────────────────────────── */

.inear-price-extra {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 4px 8px;
	margin-top: 4px;
	width: 100%;
	font-family: var(--inear-font);
}
.inear-discount-badge {
	padding: 3px 6px;
	border-radius: 4px;
	background: var(--inear-sale);
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	line-height: 1;
}
.inear-omnibus {
	display: block;
	width: 100%;
	font-size: 11.5px;
	line-height: 1.35;
	font-weight: 400;
	color: var(--inear-muted);
}
.inear-omnibus .amount { font-weight: 500; color: var(--inear-muted); }

/* Komunikat wtyczki Omnibus (iWorks) na kartach produktów i w Okazji dnia. */
.price .iworks-omnibus,
.inear-deal__price .iworks-omnibus {
	display: block;
	width: 100%;
	margin: 4px 0 0;
	font: 400 11.5px/1.35 var(--inear-font);
	color: var(--inear-muted);
}
.price .iworks-omnibus .amount,
.inear-deal__price .iworks-omnibus .amount { font-size: inherit; font-weight: 500; color: inherit; }

/* ─── Ostatnio oglądane ───────────────────────────────────────────── */

.inear-recent__list {
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	gap: 14px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.inear-recent__list li { margin: 0; }
.inear-recent__list a { display: grid; gap: 6px; color: var(--inear-ink); text-decoration: none; }
.inear-recent__list img { width: 100%; aspect-ratio: 1; object-fit: contain; background: #fff; border: 1px solid var(--inear-line); border-radius: 8px; }
.inear-recent__name { font-size: 13.5px; line-height: 1.35; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.inear-recent__price { font-size: 14px; font-weight: 600; }
@media (max-width: 1024px) { .inear-recent__list { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (max-width: 767px) {
	.inear-recent__list { display: flex; overflow-x: auto; scrollbar-width: none; }
	.inear-recent__list li { flex: 0 0 38%; }
}

/* ─── Koszyk: pasek darmowej dostawy ──────────────────────────────── */

.inear-ship { margin: 0 0 16px; font-family: var(--inear-font); }
.inear-ship p { margin: 0 0 6px; font-size: 14px; color: var(--inear-ink); }
.inear-ship__bar { display: block; height: 6px; border-radius: 3px; background: var(--inear-line); overflow: hidden; }
.inear-ship__bar span { display: block; height: 100%; background: var(--inear-accent); border-radius: 3px; transition: width .3s ease; }
.inear-ship.is-free p { color: var(--inear-accent); }

/* ─── Kafle kategorii: jednolite tło zdjęć ────────────────────────── */

.inear-home .elementor-element-531885f img {
	aspect-ratio: 1;
	object-fit: contain;
	mix-blend-mode: multiply;
}
.inear-home .elementor-element-531885f .elementor-widget-etheme_categories .elementor-widget-container a:first-child,
.inear-home .elementor-element-531885f [class*="category"] [class*="image"] {
	background: var(--inear-ground);
	border-radius: var(--inear-radius);
	padding: 8%;
}
.elementor-widget-etheme_scroll_progress { display: none !important; }

/* ─── Typografia (moduł typography) ───────────────────────────────── */

body.inear-typo,
body.inear-typo p,
body.inear-typo li,
body.inear-typo input,
body.inear-typo select,
body.inear-typo textarea,
body.inear-typo button,
body.inear-typo .button,
body.inear-typo h1,
body.inear-typo h2,
body.inear-typo h3,
body.inear-typo h4,
body.inear-typo .elementor-heading-title,
body.inear-typo .woocommerce-loop-product__title,
body.inear-typo .price,
body.inear-typo .amount {
	font-family: var(--inear-font);
}

/* Nagłówki sekcji strony głównej: 28 px zamiast 17 px. */
body.inear-typo.inear-home :is(.elementor-element-531885f, .elementor-element-77b1421, .elementor-element-b2def24, .elementor-element-b8e0555) .elementor-widget-heading .elementor-heading-title {
	font-size: 28px;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: -.01em;
	color: var(--inear-ink);
	text-align: left;
}
body.inear-typo.inear-home .elementor-element-2f8d894 .elementor-heading-title {
	font-size: 20px;
	font-weight: 600;
	line-height: 1.3;
	color: var(--inear-ink);
}
@media (max-width: 767px) {
	body.inear-typo.inear-home :is(.elementor-element-531885f, .elementor-element-77b1421, .elementor-element-b2def24, .elementor-element-b8e0555) .elementor-widget-heading .elementor-heading-title { font-size: 23px; }
	body.inear-typo.inear-home .elementor-element-2f8d894 .elementor-heading-title { font-size: 17px; }
}

/* Karty produktów: czytelna cena i przyciski pisane zdaniem. */
body.inear-typo .etheme-product-grid-item .price,
body.inear-typo li.product .price { font-size: 16px; font-weight: 600; color: var(--inear-ink); }
body.inear-typo .etheme-product-grid-item .price ins,
body.inear-typo li.product .price ins { text-decoration: none; color: var(--inear-sale); }
body.inear-typo .etheme-product-grid-item .price del,
body.inear-typo li.product .price del { font-size: 13px; font-weight: 400; }

body.inear-typo .add_to_cart_button,
body.inear-typo .product_type_simple.button,
body.inear-typo .product_type_variable.button,
body.inear-typo .etheme-product-grid-button,
body.inear-typo .single_add_to_cart_button,
body.inear-typo .elementor-button,
body.inear-typo .banner-button,
body.inear-typo .btn {
	text-transform: none !important;
	letter-spacing: 0 !important;
	font-family: var(--inear-font) !important;
	font-weight: 600 !important;
}

/* Wyszukiwarka: czytelny placeholder. */
body.inear-typo .etheme-search-form-input::placeholder { color: #6b7572; opacity: 1; }

/* ─── Cookies: równorzędny przycisk „Odrzuć” ──────────────────────── */

.modal-cacsp-btns .modal-cacsp-btn-refuse {
	background: #fff !important;
	color: var(--inear-ink) !important;
	border: 1px solid var(--inear-ink) !important;
}

@media (prefers-reduced-motion: reduce) {
	.inear-btn, .inear-ship__bar span { transition: none; }
}