/* PKE 2026 commerce foundation: one calm palette, compact chrome, mobile first. */
:root {
	--pke-brand-font: "Estedad FD", "Estedad", Tahoma, Arial, sans-serif;
	--pke-shop-green: #2f7d32;
	--pke-shop-green-dark: #236329;
	--pke-shop-lime: #73b62c;
	--pke-shop-ink: #19251d;
	--pke-shop-muted: #68736c;
	--pke-shop-soft: #f6f8f5;
	--pke-shop-pale: #edf5e9;
	--pke-shop-line: #e2e8df;
}

html { scroll-behavior: smooth; }
body.pke-storefront-active {
	background: #fff;
	color: var(--pke-shop-ink);
	font-family: var(--pke-brand-font) !important;
	-webkit-font-smoothing: antialiased;
}
body.pke-storefront-active :where(h1,h2,h3,h4,h5,h6,p,a,span,small,strong,input,select,textarea,button) { font-family: inherit; }

/* A quieter, denser header inspired by good marketplace information hierarchy. */
body.pke-storefront-active .pke-trust-bar {
	height: 28px;
	border-color: #e6ebe4;
	background: #fafbf9;
	color: #59645c;
}
body.pke-storefront-active .pke-trust-bar__inner { font-size: 9.5px; }
body.pke-storefront-active .pke-trust-links > span:last-of-type { background: #a8c98c; }
body.pke-storefront-active .pke-site-header {
	border-bottom: 1px solid #e8ede6;
	background: rgba(255,255,255,.98);
	box-shadow: 0 4px 15px rgba(26,48,31,.045);
	backdrop-filter: blur(12px);
}
body.pke-storefront-active .pke-site-header.pke-is-scrolled { box-shadow: 0 8px 22px rgba(26,48,31,.08); }
body.pke-storefront-active .pke-site-header__inner { height: 70px; gap: 24px; }
body.pke-storefront-active .pke-site-header .pke-brand { width: 205px; }
body.pke-storefront-active .pke-brand-mark {
	width: 44px;
	height: 44px;
	border: 0;
	border-radius: 13px;
	background: #edf5e9;
	box-shadow: none;
}
body.pke-storefront-active .pke-brand-mark::after { display: none; }
body.pke-storefront-active .pke-brand-mark__svg { width: 40px; height: 40px; }
body.pke-storefront-active .pke-brand-mark__stone { fill: #275f2d; }
body.pke-storefront-active .pke-brand-mark__layer { stroke: #fff; }
body.pke-storefront-active .pke-brand-mark__pore { fill: #87bd58; stroke: #fff; }
body.pke-storefront-active .pke-brand-copy strong { font-size: 23px; letter-spacing: -.045em; }
body.pke-storefront-active .pke-brand-copy small { color: #7a847d; font-size: 8.5px; }
body.pke-storefront-active .pke-site-search__field {
	height: 44px;
	border-color: #e6eae4;
	border-radius: 11px;
	background: #f6f7f5;
}
body.pke-storefront-active .pke-site-search__field input[type="search"] { height: 40px; font-size: 12px; }
body.pke-storefront-active .pke-site-search__field button { height: 34px; min-width: 70px; border-radius: 9px; }
body.pke-storefront-active .pke-header-account,
body.pke-storefront-active .pke-header-cart { min-height: 44px; border-radius: 11px; background: #fff; }
body.pke-storefront-active .pke-header-cart { min-width: 144px; }
body.pke-storefront-active .pke-cart-count { background: var(--pke-shop-green); }
body.pke-storefront-active .pke-header-nav-row { border-color: #edf0eb; }
body.pke-storefront-active .pke-header-nav-row__inner { height: 47px; }
body.pke-storefront-active .pke-header-nav-row .pke-desktop-nav > ul { gap: 20px; }
body.pke-storefront-active .pke-header-cta { min-height: 38px; border-radius: 9px; box-shadow: none; }

/* The footer is light and practical instead of becoming a second visual theme. */
body.pke-storefront-active .pke-footer-cta {
	border-top: 1px solid var(--pke-shop-line);
	background: #eef5ea;
	color: var(--pke-shop-ink);
}
body.pke-storefront-active .pke-footer-cta__inner { min-height: 142px; padding-block: 26px; }
body.pke-storefront-active .pke-footer-cta h2 { max-width: 720px; color: var(--pke-shop-ink); font-size: clamp(18px,2vw,25px); }
body.pke-storefront-active .pke-footer-cta__button { border: 0; background: var(--pke-shop-green); box-shadow: none; color: #fff !important; }
body.pke-storefront-active .pke-footer-cta__phone { border-color: #cbdac7; background: #fff; color: var(--pke-shop-green-dark) !important; }
body.pke-storefront-active .pke-footer-main { background: #f7f8f6; color: var(--pke-shop-ink); }
body.pke-storefront-active .pke-footer-main::after { display: none; }
body.pke-storefront-active .pke-footer-grid { gap: clamp(24px,3vw,48px); padding-block: 48px 42px; }
body.pke-storefront-active .pke-footer-brand .pke-brand { color: var(--pke-shop-ink) !important; }
body.pke-storefront-active .pke-footer-brand .pke-brand-copy small,
body.pke-storefront-active .pke-footer-brand > p,
body.pke-storefront-active .pke-footer-contact > p { color: #6d7870; }
body.pke-storefront-active .pke-footer-tags span { border-color: #dce5d8; background: #fff; color: #5e6b62; }
body.pke-storefront-active .pke-footer-column h2,
body.pke-storefront-active .pke-footer-contact h2 { color: var(--pke-shop-ink); }
body.pke-storefront-active .pke-footer-column h2::after,
body.pke-storefront-active .pke-footer-contact h2::after { background: var(--pke-shop-green); }
body.pke-storefront-active .pke-footer-column li + li { border-color: #e4e9e2; }
body.pke-storefront-active .pke-footer-column a { color: #536057 !important; }
body.pke-storefront-active .pke-footer-column a:hover { color: var(--pke-shop-green) !important; }
body.pke-storefront-active .pke-footer-contact li > a,
body.pke-storefront-active .pke-footer-contact li > span { border-color: #dfe6dc; background: #fff; color: var(--pke-shop-ink) !important; }
body.pke-storefront-active .pke-footer-contact small { color: #7a857d; }
body.pke-storefront-active .pke-footer-bottom { border-color: #e1e7df; background: #fff; color: #68746b; }
body.pke-storefront-active .pke-footer-bottom a { color: #546159 !important; }

@media (max-width: 849px) {
	body.pke-storefront-active .pke-trust-bar { display: none; }
	body.pke-storefront-active .pke-site-header { position: sticky; top: 0; z-index: 1000; }
	body.pke-storefront-active .pke-site-header__inner {
		height: 58px;
		width: min(calc(100% - 22px), 520px);
		gap: 9px;
	}
	body.pke-storefront-active .pke-site-header .pke-brand { width: auto; gap: 7px; }
	body.pke-storefront-active .pke-site-header .pke-brand-mark { width: 37px; height: 37px; border-radius: 10px; }
	body.pke-storefront-active .pke-site-header .pke-brand-mark__svg { width: 34px; height: 34px; }
	body.pke-storefront-active .pke-site-header .pke-brand-copy strong { font-size: 19px; }
	body.pke-storefront-active .pke-site-header .pke-brand-copy small { display: none; }
	body.pke-storefront-active .pke-header-actions { gap: 6px; }
	body.pke-storefront-active .pke-header-account { display: none; }
	body.pke-storefront-active .pke-header-cart {
		width: 55px;
		min-width: 55px;
		min-height: 40px;
		justify-content: center;
		padding: 0 8px;
	}
	body.pke-storefront-active .pke-header-cart-copy { display: none; }
	body.pke-storefront-active .pke-header-cart .pke-cart-count { position: absolute; top: -5px; left: -4px; min-width: 17px; height: 17px; font-size: 8px; }
	body.pke-storefront-active .pke-menu-toggle { width: 40px; height: 40px; border: 1px solid #e3e9e0; border-radius: 10px; background: #f7f9f6; }
	body.pke-storefront-active .pke-header-search,
	body.pke-storefront-active .pke-header-nav-row { display: none !important; }
	body.pke-storefront-active .pke-mobile-drawer__head { background: #fff; }
	body.pke-storefront-active .pke-mobile-drawer__actions { background: #fff; }
	body.pke-storefront-active .pke-mobile-drawer .pke-site-search input[type="search"] { font-size: 16px; }
	body.pke-storefront-active .pke-footer-cta__inner { display: block; min-height: 0; padding-block: 27px; }
	body.pke-storefront-active .pke-footer-cta h2 { margin-bottom: 17px; font-size: 18px; line-height: 1.75; }
	body.pke-storefront-active .pke-footer-cta__actions { display: grid; grid-template-columns: 1fr; }
	body.pke-storefront-active .pke-footer-cta__phone,
	body.pke-storefront-active .pke-footer-cta__button { width: 100%; min-height: 46px; }
	body.pke-storefront-active .pke-footer-grid {
		grid-template-columns: 1fr 1fr;
		gap: 28px 18px;
		padding-block: 36px 32px;
	}
	body.pke-storefront-active .pke-footer-brand,
	body.pke-storefront-active .pke-footer-contact { grid-column: 1 / -1; }
	body.pke-storefront-active .pke-footer-brand > p { margin-block: 16px; font-size: 11px; }
	body.pke-storefront-active .pke-footer-column h2,
	body.pke-storefront-active .pke-footer-contact h2 { margin-bottom: 13px; }
	body.pke-storefront-active .pke-footer-column a { min-height: 37px; padding-block: 7px; font-size: 10.5px; }
	body.pke-storefront-active .pke-footer-bottom .pke-chrome-container { gap: 12px; text-align: center; }
}

@media (max-width: 370px) {
	body.pke-storefront-active .pke-site-header__inner { width: calc(100% - 16px); }
	body.pke-storefront-active .pke-site-header .pke-brand-copy strong { font-size: 18px; }
	body.pke-storefront-active .pke-footer-grid { grid-template-columns: 1fr; }
	body.pke-storefront-active .pke-footer-column,
	body.pke-storefront-active .pke-footer-contact,
	body.pke-storefront-active .pke-footer-brand { grid-column: 1; }
}