/* pg-site-core, design-global 1.5.4. Loads only when pg_design_active(). Every rule hangs on body.pg-design.
   Restyle only, the theme markup, items, links and order stay as they are. No external resources, icons are inline SVG masks. */

/* ---------- tokens, Midnight & Gold light, berry through the palette class ---------- */
.pg-design{
	/* 1.3.1, no beige or gray. fills, selected and borders are light tints of the palette brand hue */
	--pg-surface:#fff;--pg-surface-2:#f1f3fc;--pg-sel:#dee5f9;--pg-line:#d7ddef;--pg-line-strong:#7d89b0;--pg-ink:#1b1f2a;--pg-ink-2:#5b6170;--pg-brand:#16213e;
	--pg-nav-bg:var(--pg-deep);--pg-nav-fg:var(--pg-on-deep);--pg-nav-cur:var(--pg-on-deep);--pg-nav-line:transparent;--pg-nav-hover:rgba(255,255,255,.08);
	--pg-gold:#d8b26a;--pg-deep:#121a33;--pg-on-deep:#fff;--pg-on-deep-2:#c9cfdd;--pg-action:#b43c0e;--pg-on-action:#fff;
	--pg-focus:#1d4ed8;--pg-fab:#15803d;--pg-on-fab:#fff;
	--pg-shadow-2:0 2px 6px rgba(16,22,40,.06),0 24px 48px -12px rgba(16,22,40,.18);
	--pg-r-sm:8px;--pg-r-md:12px;--pg-r-lg:16px;--pg-pill:999px;--pg-dur:160ms;--pg-ease:cubic-bezier(.2,.7,.2,1);
	--pg-i-phone:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 4h4l2 5-2.5 1.5a11 11 0 0 0 5 5L15 13l5 2v4a2 2 0 0 1-2 2A16 16 0 0 1 3 6a2 2 0 0 1 2-2z'/%3E%3C/svg%3E");
	--pg-i-truck:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h11v10H3zM14 9h4l3 3v4h-7'/%3E%3Ccircle cx='7' cy='17.5' r='1.8'/%3E%3Ccircle cx='17' cy='17.5' r='1.8'/%3E%3C/svg%3E");
	--pg-i-search:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-3.5-3.5'/%3E%3C/svg%3E");
	--pg-i-bag:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linejoin='round'%3E%3Cpath d='M5 8h14l-1 12H6L5 8z'/%3E%3Cpath d='M9 8a3 3 0 0 1 6 0'/%3E%3C/svg%3E");
	--pg-i-down:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
}
.pg-design.pg-pal-berry{
	--pg-surface-2:#fcf1f4;--pg-sel:#f9dee8;--pg-line:#efd7df;--pg-line-strong:#ad7a8c;--pg-ink:#1f1a1c;--pg-ink-2:#5a5156;--pg-brand:#9e1f4c;
	--pg-gold:#c9a66a;--pg-deep:#3a0f22;--pg-on-deep-2:#ecd3de;--pg-action:#0b6b4d;
}

/* one mask recipe for every icon */
.pg-design .pg-ic--truck,.pg-design .pg-ic--phone::before,
.pg-design .site-search form.woocommerce-product-search button[type=submit]::before,
.pg-design #masthead .site-header-cart .cart-contents::after,
.pg-design #masthead .primary-navigation ul.menu>li.menu-item-has-children>a::after,
.pg-design #masthead .secondary-navigation ul.menu>li.menu-item-has-children>a::after,
.pg-design #masthead .handheld-navigation .dropdown-toggle::after,
.pg-design #colophon .storefront-handheld-footer-bar ul li>a::before,
.pg-design #phone_round a::before{
	content:"";display:block;flex:none;background-color:currentColor;font-family:inherit;
	-webkit-mask:var(--pg-i) center/contain no-repeat;mask:var(--pg-i) center/contain no-repeat;
}

/* ---------- top bar, one row at every width. shipping on the right, phone on the left, fixed height ----------
   the shipping side is two stacked lines with no gap, sizes come from the admin as --pg-tb-* vars on .pg-design */
.pg-topbar{background-color:var(--pg-deep);color:var(--pg-on-deep);line-height:1.2}
.pg-topbar__in{display:flex;flex-flow:row nowrap;align-items:center;justify-content:space-between;gap:12px;height:var(--pg-tb-h-m,44px);max-width:none;margin:0;
	padding-block:0;padding-inline:16px;box-sizing:border-box;overflow:hidden}
.pg-topbar--call .pg-topbar__in{justify-content:flex-end}
.pg-design .pg-topbar__call{order:2;display:flex;align-items:center;gap:6px;flex:none;height:var(--pg-tb-h-m,44px);min-height:36px;margin:0;padding:0;
	color:var(--pg-on-deep);font-weight:700;font-size:13px;line-height:1;text-decoration:none;white-space:nowrap;border:0}
.pg-ic--phone{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:var(--pg-pill);background-color:var(--pg-fab);color:var(--pg-on-fab)}
.pg-design .pg-ic--phone::before{--pg-i:var(--pg-i-phone);width:16px;height:16px}
.pg-topbar__lbl{color:var(--pg-on-deep-2);font-weight:400}
.pg-topbar__num{flex:none;font-size:16px;letter-spacing:.01em;color:var(--pg-on-deep);font-variant-numeric:tabular-nums}
.pg-design .pg-topbar__call:hover .pg-topbar__num{color:var(--pg-gold);text-decoration:underline;text-underline-offset:4px}
.pg-design .pg-topbar__call:focus-visible{outline:3px solid var(--pg-gold);outline-offset:-3px;border-radius:var(--pg-r-sm)}
.pg-topbar__msg{order:1;display:flex;align-items:center;gap:6px;flex:0 1 auto;min-width:0;height:auto;margin:0;padding:0;color:var(--pg-on-deep-2)}
.pg-design .pg-ic--truck{--pg-i:var(--pg-i-truck);width:18px;height:18px;color:var(--pg-gold)}
.pg-topbar__ship{display:block;min-width:0;margin:0;padding:0}
.pg-topbar__l1,.pg-topbar__l2{display:block;margin:0;padding:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:var(--pg-tb-lh,1.1)}
.pg-topbar__l1{font-size:var(--pg-tb-l1-m,13px);font-weight:var(--pg-tb-w1,700);color:var(--pg-on-deep)}
.pg-topbar__l2{font-size:var(--pg-tb-l2-m,11px);font-weight:var(--pg-tb-w2,400);color:var(--pg-on-deep);opacity:var(--pg-tb-op,.85)}
/* very narrow phones, the label stays for screen readers, the number never shrinks */
@media (max-width:379.98px){
	.pg-topbar__in{gap:8px;padding-inline:12px}
	.pg-topbar__lbl{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
}
@media (min-width:768px){
	.pg-topbar__in{height:var(--pg-tb-h-d,44px);padding-inline:max(24px,calc((100% - 1200px) / 2))}
	.pg-design .pg-topbar__call{height:var(--pg-tb-h-d,44px);gap:8px;font-size:15px}
	.pg-topbar__num{font-size:18px}
	.pg-topbar__msg{gap:8px}
	.pg-topbar__l1{font-size:var(--pg-tb-l1-d,15px)}
	.pg-topbar__l2{font-size:var(--pg-tb-l2-d,12px)}
	.pg-topbar:not(.pg-topbar--desk2) .pg-topbar__ship{display:flex;align-items:baseline;gap:6px}
}

/* ---------- delivery and phone in the header, next to the logo, the default since 1.3.1. the header row does not grow ---------- */
.pg-hinfo{display:flex;align-items:center;gap:20px;margin:0;color:var(--pg-ink)}
.pg-hinfo__ship{display:flex;align-items:center;gap:8px;margin:0;padding:0}
.pg-design .pg-hinfo .pg-ic--truck{color:var(--pg-brand)}
.pg-hinfo__txt{display:block}
.pg-hinfo__l1,.pg-hinfo__l2{display:block;margin:0;white-space:nowrap;line-height:var(--pg-tb-lh,1.1)}
.pg-hinfo__l1{font-size:var(--pg-tb-l1-d,15px);font-weight:var(--pg-tb-w1,700);color:var(--pg-ink)}
.pg-hinfo__l2{font-size:var(--pg-tb-l2-d,12px);font-weight:var(--pg-tb-w2,400);color:var(--pg-ink);opacity:var(--pg-tb-op,.85)}
.pg-design .pg-hinfo__call{display:flex;align-items:center;gap:8px;min-height:44px;margin:0;padding:0;color:var(--pg-ink);text-decoration:none;white-space:nowrap}
.pg-hinfo__ship+.pg-hinfo__call{padding-inline-start:20px;border-inline-start:1px solid var(--pg-line)}
.pg-hinfo__cw{display:flex;flex-direction:column;justify-content:center;line-height:1.1}
.pg-hinfo__lbl{color:var(--pg-ink-2);font-size:12px;font-weight:400}
.pg-hinfo__num{color:var(--pg-ink);font-size:18px;font-weight:700;letter-spacing:.01em;font-variant-numeric:tabular-nums}
.pg-hinfo__sub{display:none}
.pg-design .pg-hinfo .pg-ic--phone{width:36px;height:36px}
.pg-design .pg-hinfo .pg-ic--phone::before{width:18px;height:18px}
.pg-design .pg-hinfo__call:hover .pg-hinfo__num{color:var(--pg-brand);text-decoration:underline 2px var(--pg-gold);text-underline-offset:4px}
.pg-design .pg-hinfo__call:focus-visible{outline:3px solid var(--pg-focus);outline-offset:2px;border-radius:var(--pg-r-sm)}
@media (min-width:768px){
	.pg-design #masthead .pg-hinfo{grid-area:info;justify-self:center;align-self:center}
}
@media (min-width:768px) and (max-width:1099.98px){
	.pg-design #masthead .pg-hinfo__ship,.pg-design #masthead .pg-hinfo__lbl{display:none}
	.pg-design #masthead .pg-hinfo__ship+.pg-hinfo__call{padding-inline-start:0;border:0}
}
@media (min-width:768px) and (max-width:1023.98px){.pg-design #masthead .site-search{width:280px}}
/* phone, the header row stays as it is. the phone sits at the end of the logo row, one small line under the number */
@media (max-width:767.98px){
	.pg-design #masthead{position:relative}
	.pg-design #masthead .pg-hinfo{position:absolute;top:8px;inset-inline-end:16px;height:56px;gap:0}
	.pg-design #masthead .pg-hinfo__ship,.pg-design #masthead .pg-hinfo__lbl{display:none}
	.pg-design #masthead .pg-hinfo__call,.pg-design #masthead .pg-hinfo__ship+.pg-hinfo__call{gap:6px;min-height:44px;padding-inline-start:0;border:0}
	.pg-design #masthead .pg-hinfo .pg-ic--phone{width:28px;height:28px}
	.pg-design #masthead .pg-hinfo .pg-ic--phone::before{width:15px;height:15px}
	.pg-design #masthead .pg-hinfo__num{font-size:16px}
	.pg-design #masthead .pg-hinfo__sub{display:block;margin-top:2px;color:var(--pg-ink-2);font-size:var(--pg-tb-l2-m,11px);font-weight:400;white-space:nowrap;line-height:1.15}
	.pg-design #masthead .pg-hinfo__s1,.pg-design #masthead .pg-hinfo__s2{display:block}
	.pg-design #masthead .pg-hinfo__s2{font-size:10px;opacity:.9}
}
@media (max-width:359.98px){
	.pg-design #masthead .pg-hinfo{inset-inline-end:12px}
	.pg-design #masthead .pg-hinfo .pg-ic--phone{display:none}
	.pg-design #masthead .pg-hinfo__num{font-size:15px}
}

/* ---------- header, shared ---------- */
.pg-design #masthead{background-color:var(--pg-surface);color:var(--pg-ink);border-bottom:1px solid var(--pg-line);padding:0}
.pg-design #masthead a:focus-visible,.pg-design #masthead button:focus-visible{outline:3px solid var(--pg-focus);outline-offset:-3px}
.pg-design #masthead .site-branding,.pg-design #masthead .site-branding a{float:none;width:auto;margin:0;padding:0;border:0;height:auto;z-index:auto}
.pg-design #masthead .site-branding img{display:block;width:auto;max-width:none}
.pg-design #masthead #site-navigation{position:static;top:auto}
.pg-design #masthead .col-full{max-width:none;margin:0;padding:0}
.pg-design #masthead button:focus:not(:focus-visible){outline:0}

/* search form, the header one on desktop and the one in the phone footer bar */
.pg-design .site-search form.woocommerce-product-search{display:flex;align-items:center;gap:8px;min-height:52px;margin:0;padding:4px;padding-inline-start:20px;box-sizing:border-box;
	border:1px solid var(--pg-line-strong);border-radius:var(--pg-pill);background-color:var(--pg-surface);box-shadow:none;
	transition:border-color var(--pg-dur) var(--pg-ease),background-color var(--pg-dur) var(--pg-ease),box-shadow var(--pg-dur) var(--pg-ease)}
.pg-design .site-search form.woocommerce-product-search::before{display:none}
.pg-design .site-search form.woocommerce-product-search:hover{border-color:var(--pg-ink-2)}
.pg-design .site-search form.woocommerce-product-search:focus-within{background-color:var(--pg-surface);border-color:var(--pg-focus);box-shadow:0 0 0 4px rgba(29,78,216,.18)}
.pg-design .site-search form.woocommerce-product-search input[type=search]{flex:1;min-width:0;width:auto;min-height:44px;margin:0;padding:0;border:0;border-radius:0;
	background:transparent;box-shadow:none;color:var(--pg-ink);font:inherit;font-size:16px;line-height:1.2}
.pg-design .site-search form.woocommerce-product-search input[type=search]::placeholder{color:var(--pg-ink-2);opacity:1}
.pg-design .site-search form.woocommerce-product-search input[type=search]:focus{outline:0}
/* the button holds the text node "חיפוש", so flex and not grid, the hidden text must not become a second row */
.pg-design .site-search form.woocommerce-product-search button[type=submit]{position:static;display:flex;align-items:center;justify-content:center;gap:0;flex:none;width:44px;height:44px;min-height:0;
	margin:0;padding:0;clip:auto;clip-path:none;overflow:hidden;border:0;border-radius:var(--pg-pill);background-color:var(--pg-ink);color:var(--pg-surface);
	font-size:0;line-height:0;letter-spacing:0;text-indent:0;text-shadow:none;box-shadow:none;vertical-align:middle;
	transition:background-color var(--pg-dur) var(--pg-ease),transform 120ms var(--pg-ease)}
.pg-design .site-search form.woocommerce-product-search button[type=submit]::before{--pg-i:var(--pg-i-search);width:20px;height:20px}
.pg-design .site-search form.woocommerce-product-search button[type=submit]:hover{background-color:var(--pg-brand)}
.pg-design .site-search form.woocommerce-product-search button[type=submit]:active{transform:scale(.94)}
.pg-design .site-search form.woocommerce-product-search button[type=submit]:focus-visible{outline:3px solid var(--pg-focus);outline-offset:2px}

/* ---------- header, phone and small tablet ---------- */
@media (max-width:767.98px){
	.pg-design #masthead{padding:8px 16px}
	.pg-design #masthead .site-branding{display:flex;align-items:center;min-height:56px;padding-inline-start:56px}
	.pg-design #masthead .site-branding img{height:48px}
	.pg-design #masthead button.menu-toggle{position:absolute;top:14px;inset-inline-start:16px;float:none;width:44px;height:44px;max-width:none;margin:0;padding:0;
		border:1px solid var(--pg-line);border-radius:var(--pg-pill);background-color:var(--pg-surface);font-size:0}
	.pg-design #masthead button.menu-toggle::before,.pg-design #masthead button.menu-toggle::after,.pg-design #masthead button.menu-toggle span::before{right:12px;width:18px;background-color:var(--pg-ink)}
	.pg-design #masthead .main-navigation.toggled button.menu-toggle{background-color:var(--pg-ink);border-color:var(--pg-ink)}
	.pg-design #masthead .main-navigation.toggled button.menu-toggle::before,.pg-design #masthead .main-navigation.toggled button.menu-toggle::after{background-color:var(--pg-surface)}
	.pg-design #masthead .handheld-navigation{position:static;top:auto}
	.pg-design #masthead .main-navigation.toggled .handheld-navigation{margin-top:8px;padding-block:8px 16px;border-top:1px solid var(--pg-line)}
	.pg-design #masthead .handheld-navigation ul.menu>li{border-bottom:1px solid var(--pg-line)}
	.pg-design #masthead .handheld-navigation ul.menu>li:last-child{border-bottom:0}
	.pg-design #masthead .handheld-navigation ul.menu li a{display:flex;align-items:center;min-height:52px;padding:0 12px;border:0;border-radius:var(--pg-r-md);
		color:var(--pg-ink);font-size:18px;font-weight:700;text-decoration:none;transition:background-color var(--pg-dur) var(--pg-ease)}
	.pg-design #masthead .handheld-navigation ul.menu li.menu-item-has-children>a{padding-inline-end:60px}
	.pg-design #masthead .handheld-navigation ul.menu li a:hover{background-color:var(--pg-surface-2)}
	.pg-design #masthead .handheld-navigation ul.menu li a:active{background-color:var(--pg-line)}
	.pg-design #masthead ul.menu li.current-menu-item>a{background-color:var(--pg-sel)!important;border:0;border-start-start-radius:0;border-end-start-radius:0;color:var(--pg-brand);box-shadow:inset -3px 0 0 var(--pg-gold)}
	.pg-design #masthead .handheld-navigation .dropdown-toggle{top:4px;left:4px;width:44px;height:44px;padding:0;border:1px solid var(--pg-line);border-radius:var(--pg-pill);
		background-color:var(--pg-surface);color:var(--pg-ink-2)}
	.pg-design #masthead .handheld-navigation .dropdown-toggle::after{--pg-i:var(--pg-i-down);width:18px;height:18px;margin:auto}
	.pg-design #masthead .handheld-navigation .dropdown-toggle.toggled-on{background-color:var(--pg-ink);border-color:var(--pg-ink);color:var(--pg-surface)}
	.pg-design #masthead .handheld-navigation ul.menu ul.sub-menu{margin:0;padding:0;border:0;border-radius:var(--pg-r-lg);background-color:var(--pg-surface-2)!important}
	.pg-design #masthead .handheld-navigation ul.menu ul.sub-menu.toggled-on{margin-bottom:12px;padding:4px}
	.pg-design #masthead .handheld-navigation ul.menu ul.sub-menu li a{min-height:48px;padding-inline-start:16px;font-size:16px;font-weight:400}
	.pg-design #masthead .handheld-navigation ul.menu ul.sub-menu li a:hover{background-color:var(--pg-surface)}
}

/* ---------- header, 768 and up, one grid over the existing boxes. 1.5.4, the desktop menu rules hang on .primary-navigation, so the menu button list of nav-fold.css is never touched by them ---------- */
@media (min-width:768px){
	.pg-design #masthead{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;grid-template-areas:"sec sec sec sec" "brand info search search" "main main main cart";column-gap:24px;
		padding-inline:max(24px,calc((100% - 1200px) / 2))}
	.pg-design #masthead>.col-full,.pg-design #masthead .storefront-primary-navigation,.pg-design #masthead .storefront-primary-navigation>.col-full{display:contents}
	.pg-design #masthead::before,.pg-design #masthead::after,.pg-design #masthead .col-full::before,.pg-design #masthead .col-full::after,
	.pg-design #masthead .storefront-primary-navigation::before,.pg-design #masthead .storefront-primary-navigation::after{display:none}
	/* top menu strip, the top edge of the site since 1.3.1. full width colour drawn with border-image so the dropdown is never clipped.
	   colours from --pg-nav-*, dark by default, white or brand tint from the admin */
	.pg-design #masthead .secondary-navigation{grid-area:sec;float:none;width:auto!important;margin:0;clear:none;line-height:1.3;
		border-image:linear-gradient(to top,var(--pg-nav-line) 1px,var(--pg-nav-bg) 1px) fill 0/0/0 100vmax}
	.pg-design #masthead .secondary-navigation .menu{display:flex;flex-wrap:wrap;justify-content:flex-end;float:none;width:auto;margin:0;font-size:14px}
	.pg-design #masthead .secondary-navigation .menu a{display:flex;align-items:center;min-height:44px;padding:0 12px;border-radius:var(--pg-r-sm);color:var(--pg-ink-2);font-weight:400;text-decoration:none;
		transition:color var(--pg-dur) var(--pg-ease),background-color var(--pg-dur) var(--pg-ease)}
	/* 1.3.6, white text on the dark strip, by Dudi. 500 weight, the current page 700 with a gold underline, hover and focus a gold underline with the text staying white.
	   On the white or tint strip the same variables give ink text. */
	.pg-design #masthead .secondary-navigation .menu>li>a{gap:6px;color:var(--pg-nav-fg);background-color:transparent;font-weight:500}
	.pg-design #masthead .secondary-navigation .menu>li>a:hover,.pg-design #masthead .secondary-navigation .menu>li:hover>a,.pg-design #masthead .secondary-navigation .menu>li.focus>a{background-color:var(--pg-nav-hover);color:var(--pg-nav-fg);text-decoration:underline 2px var(--pg-gold);text-underline-offset:6px}
	.pg-design #masthead .secondary-navigation .menu>li>a:focus-visible{outline:3px solid var(--pg-gold);outline-offset:-3px;color:var(--pg-nav-fg);text-decoration:underline 2px var(--pg-gold);text-underline-offset:6px}
	.pg-design #masthead .secondary-navigation ul.menu>li.menu-item-has-children>a::after{--pg-i:var(--pg-i-down);width:12px;height:12px;margin:0;color:var(--pg-nav-fg);transition:transform var(--pg-dur) var(--pg-ease)}
	.pg-design #masthead .secondary-navigation ul.menu>li.menu-item-has-children:hover>a::after,.pg-design #masthead .secondary-navigation ul.menu>li.focus>a::after{transform:rotate(180deg)}
	.pg-design #masthead .secondary-navigation ul.menu>li.menu-item-has-children:hover::after{display:none}
	.pg-design #masthead .secondary-navigation ul.menu ul.sub-menu li a{color:var(--pg-ink);font-weight:500}
	.pg-design #masthead .secondary-navigation ul.menu ul.sub-menu{z-index:99999}
	.pg-design #masthead .secondary-navigation ul.menu>li.current-menu-item>a{background-color:transparent!important;border:0;color:var(--pg-nav-cur);font-weight:700;
		text-decoration:underline 2px var(--pg-gold);text-underline-offset:6px}
	/* logo and search row */
	.pg-design #masthead .site-branding{grid-area:brand;display:flex;align-items:center;min-height:88px}
	.pg-design #masthead .site-branding img{height:64px}
	.pg-design #masthead .site-search{grid-area:search;align-self:center;width:360px;float:none;margin:0;padding:0;font-size:16px}
	/* category menu, a full width line above it, gold underline for the current branch */
	.pg-design #masthead .main-navigation{grid-area:main;width:auto;min-width:0;clear:none;border-top:1px solid;
		border-image:linear-gradient(var(--pg-line),var(--pg-line)) 1/1px 0 0/0 100vmax}
	.pg-design #masthead .primary-navigation ul.menu{display:flex;flex-wrap:nowrap;gap:4px;margin:0;padding-block:4px}
	.pg-design #masthead .primary-navigation ul.menu>li>a{display:flex;align-items:center;gap:6px;min-height:48px;padding:0 12px;border:0;border-radius:var(--pg-r-sm);
		color:var(--pg-ink-2);font-size:16px;font-weight:700;white-space:nowrap;text-decoration:none;transition:color var(--pg-dur) var(--pg-ease),background-color var(--pg-dur) var(--pg-ease)}
	.pg-design #masthead .primary-navigation ul.menu>li>a:hover,.pg-design #masthead .primary-navigation ul.menu>li:hover>a{color:var(--pg-ink);background-color:var(--pg-surface-2)}
	.pg-design #masthead .primary-navigation ul.menu>li.current-menu-item>a,.pg-design #masthead .primary-navigation ul.menu>li.current-menu-ancestor>a,
	.pg-design #masthead .primary-navigation ul.menu>li.current-menu-parent>a{color:var(--pg-ink);background-color:transparent!important;border:0;box-shadow:inset 0 -2px 0 var(--pg-gold)}
	.pg-design #masthead .primary-navigation ul.menu>li.menu-item-has-children>a::after{--pg-i:var(--pg-i-down);width:12px;height:12px;margin:0;opacity:.7;transition:transform var(--pg-dur) var(--pg-ease)}
	.pg-design #masthead .primary-navigation ul.menu>li.menu-item-has-children:hover>a::after,.pg-design #masthead .primary-navigation ul.menu>li.focus>a::after{transform:rotate(180deg)}
	.pg-design #masthead .primary-navigation ul.menu>li.menu-item-has-children:hover::after{display:none}
	/* dropdowns, a soft card */
	.pg-design #masthead .primary-navigation ul.menu ul.sub-menu,.pg-design #masthead .secondary-navigation ul.menu ul.sub-menu{min-width:240px;margin:0;padding:8px;
		border:1px solid var(--pg-line);border-radius:var(--pg-r-lg);background-color:var(--pg-surface)!important;box-shadow:var(--pg-shadow-2)}
	.pg-design #masthead .primary-navigation ul.menu li:hover>ul.sub-menu,.pg-design #masthead .secondary-navigation ul.menu li:hover>ul.sub-menu{animation:pg-dd var(--pg-dur) var(--pg-ease)}
	.pg-design #masthead :where(.primary-navigation,.secondary-navigation) ul.menu ul.sub-menu li a{display:flex;align-items:center;width:auto;min-height:44px;padding:0 12px;border-radius:var(--pg-r-sm);
		background:transparent;color:var(--pg-ink);font-size:15px;font-weight:400;white-space:nowrap}
	.pg-design #masthead :where(.primary-navigation,.secondary-navigation) ul.menu ul.sub-menu li a:hover,.pg-design #masthead :where(.primary-navigation,.secondary-navigation) ul.menu ul.sub-menu li:hover>a{background-color:var(--pg-surface-2);color:var(--pg-brand)}
	.pg-design #masthead :where(.primary-navigation,.secondary-navigation) ul.menu ul.sub-menu li.current-menu-item>a{background-color:var(--pg-sel)!important;border:0;font-weight:700}
	/* cart, at the far end of the category menu */
	.pg-design #masthead .site-header-cart{grid-area:cart;align-self:center;justify-self:end;width:auto;float:none;margin:0;border-top:1px solid transparent}
	.pg-design #masthead .site-header-cart .cart-contents{display:flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border:1px solid var(--pg-line);border-radius:var(--pg-pill);
		background-color:var(--pg-surface);color:var(--pg-ink);text-decoration:none;transition:background-color var(--pg-dur) var(--pg-ease),border-color var(--pg-dur) var(--pg-ease)}
	.pg-design #masthead .site-header-cart .cart-contents::after{--pg-i:var(--pg-i-bag);order:-1;float:none;width:20px;height:20px;line-height:1}
	.pg-design #masthead .site-header-cart .cart-contents:hover{background-color:var(--pg-surface-2);border-color:var(--pg-ink-2)}
	.pg-design #masthead .site-header-cart .cart-contents .amount{margin:0;font-weight:700}
	.pg-design #masthead .site-header-cart .cart-contents .count{opacity:1;color:var(--pg-ink-2);font-size:14px}
	.pg-design #masthead .site-header-cart .widget_shopping_cart{width:320px;padding:8px;border:1px solid var(--pg-line);border-radius:var(--pg-r-lg);background-color:var(--pg-surface);box-shadow:var(--pg-shadow-2)}
	.pg-design #masthead .site-header-cart:hover .widget_shopping_cart,.pg-design #masthead .site-header-cart.focus .widget_shopping_cart{right:auto;left:0}
}
/* 1.5.4, the category menu never wraps. The cart has its own column, so the menu takes all the width up to it, the search above no longer narrows it.
   Between 768 and 1280 the spaces get tighter, the text stays 15px. Below the width where it still does not fit, nav-fold.css shows the menu button instead */
@media (min-width:768px) and (max-width:1279.98px){
	.pg-design #masthead{column-gap:16px}
	.pg-design #masthead .primary-navigation ul.menu{gap:0}
	.pg-design #masthead .primary-navigation ul.menu>li>a{gap:4px;padding:0 8px;font-size:15px}
}
@keyframes pg-dd{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}

/* ---------- footer, same widgets on the deep surface ---------- */
.pg-design #colophon{background-color:var(--pg-deep);color:var(--pg-on-deep-2);padding:0}
.pg-design #colophon>.col-full{max-width:1200px;margin-inline:auto;padding-inline:16px;box-sizing:border-box}
.pg-design #colophon .footer-widgets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px;padding-block:40px 24px;border:0}
.pg-design #colophon .footer-widgets::before,.pg-design #colophon .footer-widgets::after{display:none}
.pg-design #colophon .footer-widgets .block{width:auto;float:none;margin:0}
.pg-design #colophon .footer-widget-4{grid-column:1/-1}
.pg-design #colophon .widget{margin:0;padding:0}
.pg-design #colophon .widget-title{display:flex;align-items:baseline;gap:8px;margin:0 0 8px;padding:0;border:0;color:var(--pg-on-deep);font-size:18px;font-weight:700;letter-spacing:-.01em}
.pg-design #colophon .widget-title::before{content:"";flex:none;align-self:center;width:16px;height:2px;border-radius:var(--pg-pill);background-color:var(--pg-gold)}
.pg-design #colophon .widget ul{margin:0;padding:0;list-style:none}
.pg-design #colophon .widget ul li{margin:0;padding:0;line-height:1.35}
.pg-design #colophon .widget ul li::before{display:none}
.pg-design #colophon a{color:var(--pg-on-deep-2);text-decoration:none;transition:color var(--pg-dur) var(--pg-ease)}
.pg-design #colophon .widget ul a{display:inline-flex;align-items:center;min-height:44px}
.pg-design #colophon .widget a:hover{color:var(--pg-on-deep);text-decoration:underline;text-decoration-color:var(--pg-gold);text-underline-offset:4px}
.pg-design #colophon .widget a:active{color:var(--pg-gold)}
.pg-design #colophon a:focus-visible{outline:3px solid var(--pg-gold);outline-offset:2px;border-radius:4px}
.pg-design #colophon .textwidget p{margin:0 0 12px;color:var(--pg-on-deep-2);font-size:15px;line-height:1.6;overflow-wrap:anywhere}
.pg-design #colophon .textwidget strong{color:var(--pg-on-deep)}
.pg-design #colophon .textwidget a{color:var(--pg-on-deep);font-weight:700}
.pg-design #colophon .site-info{padding-block:16px;border-top:1px solid rgba(255,255,255,.14);color:var(--pg-on-deep);font-size:14px;text-align:start}
@media (min-width:768px){
	.pg-design #colophon>.col-full{padding-inline:24px}
	.pg-design #colophon .footer-widgets{grid-template-columns:repeat(4,minmax(0,1fr));gap:32px}
	.pg-design #colophon .footer-widget-4{grid-column:auto}
}

/* ---------- phone footer bar, phone, search and cart ---------- */
@media (max-width:767.98px){
	.pg-design #colophon{padding-bottom:calc(72px + env(safe-area-inset-bottom))}
	.pg-design #colophon .storefront-handheld-footer-bar{border-top:1px solid var(--pg-line);background-color:var(--pg-surface);box-shadow:0 -8px 24px -12px rgba(16,22,40,.28);padding-bottom:env(safe-area-inset-bottom)}
	.pg-design #colophon .storefront-handheld-footer-bar ul li>a{height:56px;border:0;background:var(--pg-surface)!important;color:var(--pg-ink)}
	.pg-design #colophon .storefront-handheld-footer-bar ul li>a::before{position:absolute;inset:0;width:24px;height:24px;margin:auto;text-indent:0}
	.pg-design #colophon .storefront-handheld-footer-bar ul li.phone>a{color:var(--pg-fab)}
	.pg-design #colophon .storefront-handheld-footer-bar ul li.phone>a::before{--pg-i:var(--pg-i-phone)}
	.pg-design #colophon .storefront-handheld-footer-bar ul li.search>a::before{--pg-i:var(--pg-i-search)}
	.pg-design #colophon .storefront-handheld-footer-bar ul li.cart>a::before{--pg-i:var(--pg-i-bag)}
	.pg-design #colophon .storefront-handheld-footer-bar ul li>a:active{background:var(--pg-surface-2)!important}
	.pg-design #colophon .storefront-handheld-footer-bar ul li>a:focus-visible{outline:3px solid var(--pg-focus);outline-offset:-3px}
	.pg-design #colophon .storefront-handheld-footer-bar ul li.cart .count{top:8px;right:auto;left:calc(50% + 4px);width:auto;min-width:18px;height:18px;padding:0 4px;box-sizing:border-box;
		border:0;border-radius:var(--pg-pill);background-color:var(--pg-action);color:var(--pg-on-action);font-size:11px;font-weight:700;line-height:18px}
	.pg-design #colophon .storefront-handheld-footer-bar ul li.search .site-search{padding:12px 16px;border-top:1px solid var(--pg-line);background-color:var(--pg-surface)}
	.pg-design #colophon .storefront-handheld-footer-bar ul li.search.active>a{color:var(--pg-brand);background:var(--pg-sel)!important;box-shadow:inset 0 3px 0 var(--pg-gold)}
	.pg-design:has(.storefront-handheld-footer-bar li.search.active) #float_phone{opacity:0;visibility:hidden;pointer-events:none}
}

/* ---------- the existing floating phone, green round, bottom left above the bar ---------- */
@media screen and (max-width:768px){
	.pg-design #float_phone{top:auto;right:auto;left:16px;bottom:calc(56px + 12px + env(safe-area-inset-bottom));z-index:9998}
	.pg-design #phone_round{width:56px;height:56px;border-radius:var(--pg-pill);background-color:var(--pg-fab);box-shadow:0 8px 24px -6px rgba(21,128,61,.6),0 2px 6px rgba(0,0,0,.18);
		transition:transform var(--pg-dur) var(--pg-ease)}
	.pg-design #phone_round a{display:grid;place-items:center;width:100%;height:100%;border-radius:inherit;color:var(--pg-on-fab)}
	.pg-design #phone_round a::before{--pg-i:var(--pg-i-phone);width:26px;height:26px}
	.pg-design #phone_round .fa-phone{display:none}
	.pg-design #phone_round:active{transform:scale(.96)}
	.pg-design #phone_round a:focus-visible{outline:3px solid var(--pg-focus);outline-offset:3px}
}

/* ---------- Smart WooCommerce Search popup, design only. the plugin puts it inside the form, without top or left ---------- */
.pg-design .site-search form.woocommerce-product-search{position:relative}
.pg-design .site-search form.woocommerce-product-search .smart-search-popup{position:absolute;top:calc(100% + 8px);bottom:auto;inset-inline:-1px;width:auto!important;min-width:calc(100% + 2px);max-width:calc(100vw - 32px);
	margin:0;box-sizing:border-box;border:1px solid var(--pg-line);border-radius:16px;background-color:var(--pg-surface);box-shadow:0 18px 40px -16px rgba(16,22,40,.35);overflow:hidden;z-index:10000;text-align:start}
.pg-design .site-search .smart-search-popup .smart-search-results-inner{scrollbar-width:thin;overflow-x:hidden}
.pg-design .site-search .smart-search-popup .smart-search-suggestions,.pg-design .site-search .smart-search-popup .smart-search-suggestions .autocomplete-suggestion{box-sizing:border-box;max-width:100%}
.pg-design .site-search .smart-search-popup .smart-search-results .nano-pane{right:auto;left:0}
.pg-design .site-search .smart-search-popup .smart-search-results.has-scrollbar{padding-right:0;padding-left:10px}
.pg-design .site-search .smart-search-popup .smart-search-suggestions .autocomplete-suggestion{padding:0;border-bottom:1px solid var(--pg-line);background-color:transparent;opacity:1}
.pg-design .site-search .smart-search-popup .smart-search-suggestions .autocomplete-suggestion:last-child{border-bottom:0}
.pg-design .site-search .smart-search-popup .smart-search-suggestions .autocomplete-suggestion:hover,.pg-design .site-search .smart-search-popup .smart-search-suggestions .autocomplete-suggestion.autocomplete-selected{background-color:var(--pg-surface-2);opacity:1}
.pg-design .site-search .smart-search-popup .autocomplete-suggestion a{display:block;color:var(--pg-ink);text-decoration:none}
.pg-design .site-search .smart-search-popup .autocomplete-suggestion a:focus-visible{outline:3px solid var(--pg-focus);outline-offset:-3px}
.pg-design .site-search .smart-search-popup .smart-search-post{display:grid;grid-template-columns:56px minmax(0,1fr);align-items:center;column-gap:12px;row-gap:2px;padding:10px 14px;color:var(--pg-ink)}
.pg-design .site-search .smart-search-popup .smart-search-post>*{grid-column:2;min-width:0}
.pg-design .site-search .smart-search-popup .smart-search-post .smart-search-post-icon{grid-column:1;grid-row:1/span 2;align-self:center;float:none;width:56px;height:56px;margin:0;border-radius:10px;overflow:hidden;
	background-color:#fff;box-shadow:inset 0 0 0 1px var(--pg-line)}
.pg-design .site-search .smart-search-popup .smart-search-suggestions .autocomplete-suggestion .smart-search-post-icon>img{display:block;width:100%;height:100%;object-fit:contain}
.pg-design .site-search .smart-search-popup .smart-search-post-title{display:-webkit-box;margin:0;padding:0;overflow:hidden;color:var(--pg-ink);font-size:15px;font-weight:600;line-height:1.3;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.pg-design .site-search .smart-search-popup .smart-search-post-title strong{display:inline;color:var(--pg-brand);font-weight:700}
.pg-design .site-search .smart-search-popup .smart-search-post-price-holder{margin:0;overflow:visible}
.pg-design .site-search .smart-search-popup .smart-search-post-price{color:var(--pg-ink);font-size:15px;font-weight:700;line-height:1.3}
.pg-design .site-search .smart-search-popup .smart-search-post-price del{margin-inline-end:6px;color:var(--pg-ink-2);font-size:13px;font-weight:400}
.pg-design .site-search .smart-search-popup .smart-search-post-price ins{text-decoration:none}
.pg-design .site-search .smart-search-popup .smart-search-clear{display:none}
.pg-design .site-search .smart-search-popup .smart-search-view-all-holder{padding:8px 12px;border-top:1px solid var(--pg-line);background-color:var(--pg-surface)}
.pg-design .site-search .smart-search-popup .smart-search-view-all-holder .smart-search-view-all{height:44px;border-radius:var(--pg-pill);background-color:var(--pg-ink);color:var(--pg-surface);font-size:15px;font-weight:700;letter-spacing:0}
.pg-design .site-search .smart-search-popup .smart-search-view-all-holder .smart-search-view-all:hover{opacity:1;background-color:var(--pg-brand)}
.pg-design .site-search .smart-search-popup .smart-search-view-all-holder .smart-search-view-all:focus-visible{outline:3px solid var(--pg-focus);outline-offset:2px}
.pg-design .site-search .sws-no-results .smart-search-popup .smart-search-suggestions{display:grid!important;place-items:center;min-height:40px;padding:0 14px;color:var(--pg-ink-2);text-align:center}
@media (min-width:768px){
	.pg-design #masthead .site-search form.woocommerce-product-search .smart-search-popup{inset-inline-start:-1px;inset-inline-end:auto;min-width:min(420px,calc(100% + max(16px,(100vw - 1200px) / 2 - 8px)))}
}
/* the phone footer bar search sits at the bottom of the screen, so its popup opens upward and fits between the top of the screen and the form */
.pg-design .storefront-handheld-footer-bar form.woocommerce-product-search .smart-search-popup{top:auto!important;bottom:calc(100% + 8px);inset-inline:-1px;width:auto!important;min-width:0;max-width:none}
/* the child theme paints every link in the footer bar red with !important, the popup links take the site look back */
.pg-design .storefront-handheld-footer-bar .smart-search-popup .autocomplete-suggestion a{background:transparent!important;color:var(--pg-ink)}
.pg-design .storefront-handheld-footer-bar .smart-search-popup .smart-search-view-all-holder .smart-search-view-all{background:var(--pg-ink)!important;color:var(--pg-surface)}
.pg-design .storefront-handheld-footer-bar .site-search .smart-search-popup .smart-search-results{max-height:min(400px,calc(100dvh - 212px - env(safe-area-inset-bottom)))!important}

/* ---------- sidebar #secondary, same widgets, items and links, new look ---------- */
.pg-design #secondary .widget{margin:0 0 16px;padding:16px;border:1px solid var(--pg-line);border-radius:var(--pg-r-lg);background-color:var(--pg-surface);font-size:15px}
.pg-design #secondary .widget-title{display:block;margin:0 0 8px;padding:0;border:0;color:var(--pg-ink);font-size:17px;font-weight:700;line-height:1.3}
.pg-design #secondary .widget_search form.search-form{position:relative;margin:0}
.pg-design #secondary .widget_search form.search-form::before{content:"";position:absolute;top:50%;left:auto;right:auto;inset-inline-start:16px;width:18px;height:18px;margin-top:-9px;
	background-color:var(--pg-ink-2);font-family:inherit;-webkit-mask:var(--pg-i-search) center/contain no-repeat;mask:var(--pg-i-search) center/contain no-repeat}
.pg-design #secondary .widget_search form.search-form label{display:block;margin:0}
.pg-design #secondary .widget_search input.search-field{display:block;width:100%;min-height:48px;margin:0;padding-block:0;padding-inline:44px 16px;box-sizing:border-box;
	border:1px solid var(--pg-line-strong);border-radius:var(--pg-pill);background-color:var(--pg-surface);box-shadow:none;color:var(--pg-ink);font:inherit;font-size:16px;line-height:1.2}
.pg-design #secondary .widget_search input.search-field::placeholder{color:var(--pg-ink-2);opacity:1}
.pg-design #secondary .widget_search input.search-field:focus{outline:0;background-color:var(--pg-surface);border-color:var(--pg-focus);box-shadow:0 0 0 4px rgba(29,78,216,.18)}
.pg-design #secondary .widget ul{margin:0;padding:0;list-style:none}
.pg-design #secondary .widget ul li{margin:0;padding:0;border:0;line-height:1.3}
.pg-design #secondary .widget ul li::before{display:none;content:none}
.pg-design #secondary .widget ul li a{display:flex;align-items:center;min-height:44px;padding:4px 12px;box-sizing:border-box;border-radius:var(--pg-r-sm);color:var(--pg-ink);font-weight:400;text-decoration:none;
	transition:background-color var(--pg-dur) var(--pg-ease),color var(--pg-dur) var(--pg-ease)}
.pg-design #secondary .widget ul li a:hover{background-color:var(--pg-surface-2);color:var(--pg-brand)}
.pg-design #secondary .widget ul li a:focus-visible{outline:3px solid var(--pg-focus);outline-offset:-3px}
.pg-design #secondary .widget_product_categories ul.children{margin:0 0 4px;padding-inline-start:12px;border-inline-start:1px solid var(--pg-line);margin-inline-start:12px}
.pg-design #secondary .widget_product_categories li.cat-parent>a,.pg-design #secondary .widget_product_categories>ul>li>a{font-weight:700}
.pg-design #secondary .widget_product_categories li.current-cat>a{background-color:var(--pg-sel);border-start-start-radius:0;border-end-start-radius:0;color:var(--pg-brand);font-weight:700;box-shadow:inset -3px 0 0 var(--pg-gold)}
.pg-design #secondary .widget_media_image img{display:block;max-width:100%;height:auto;margin-inline:auto}

/* ---------- 1.3.3, every call button shows the number. the phone in the footer bar and the green float get the number from --pg-phone ---------- */
@media (max-width:767.98px){
	.pg-design #colophon .storefront-handheld-footer-bar ul li.phone>a::before{inset:0 0 auto;top:8px;margin:0 auto}
	.pg-design #colophon .storefront-handheld-footer-bar ul li.phone>a::after{content:var(--pg-phone,"");position:absolute;inset-inline:0;bottom:7px;text-indent:0;color:var(--pg-fab);
		font-size:12px;font-weight:700;line-height:1;text-align:center;direction:ltr;font-variant-numeric:tabular-nums}
}
/* 1.5.1, דודי, the white pill with the number next to the green float is gone on every page. The round button stays, the number stays in the footer bar */

/* ---------- 1.3.2, desktop from 1100, a tighter header so the products rise. 4px scale, tap targets stay 44 ---------- */
@media (min-width:1100px){
	.pg-design #masthead .site-branding{min-height:76px}
	.pg-design #masthead .site-branding img{height:56px}
	.pg-design #masthead .primary-navigation ul.menu{padding-block:2px}
	.pg-design #masthead .primary-navigation ul.menu>li>a{min-height:44px}
	.pg-design .storefront-breadcrumb{padding:12px 0 8px}
}

@media (prefers-reduced-motion:reduce){
	.pg-design #masthead *,.pg-design #colophon *,.pg-design #secondary *,.pg-design #phone_round{animation:none!important;transition:none!important}
}
@media print{.pg-topbar,.pg-design #float_phone,.pg-design .storefront-handheld-footer-bar{display:none}}

/* 1.5.26, Lighthouse. the crossed old price was faded by the theme's del opacity, contrast below 4.5 */
.pg-design .price del,.pg-design .price del *,.pg-design ul.products li.product .price del,.pg-design ul.products li.product .price del *{opacity:1!important;color:var(--pg-ink-2)!important}
/* the mobile footer bar's search panel sat closed just under the bar and overlapped the bar's links, hidden until it opens. the field and button get 44px */
.pg-design .storefront-handheld-footer-bar ul li.search:not(.active) .site-search{visibility:hidden}
.pg-design .storefront-handheld-footer-bar .site-search :is(.search-field,button[type=submit]){min-height:44px}