/* ED Design · עדן חותמות · החנות והקטגוריות (ed-shop) v1.0.1 · 21.10.2026 */
body.ed-shop {
  --ct-ink: #111318;
  --ct-graphite: #1C1F26;
  --ct-red: #CB1817;
  --ct-red-d: #A91311;
  --ct-red-soft: #FBEDEC;
  --ct-paper: #FBFAF7;
  --ct-paper-2: #F3F0E8;
  --ct-text: #15171C;
  --ct-muted: #5B606B;
  --ct-line: #E5E2D9;
  --ct-line-2: #D3CDBF;
  --ct-h: "Rubik", "Assistant", Arial, sans-serif;
  --ct-b: "Assistant", Arial, sans-serif;
  --ct-sh: 0 1px 0 rgba(17, 19, 24, .04), 0 10px 30px rgba(17, 19, 24, .07);
  /* the ink of a real rubber impression (the homepage's): mostly solid, sparse speckles */
  --ed-ink: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Cfilter id='n' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.2' numOctaves='2' seed='5' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 -6 4.6'/%3E%3C/filter%3E%3Crect width='100' height='100' filter='url(%23n)'/%3E%3C/svg%3E");
  background: var(--ct-paper) !important;
}
body.ed-shop #main, body.ed-shop #wrapper { background-color: var(--ct-paper) !important; }
body.ed-shop :focus-visible { outline-color: var(--ct-red); }

/* =====================================================================
   1. THE TOP BAND: where you are, the name with its count stamped beside it, the categories, sorting
   ===================================================================== */
body.ed-shop .shop-page-title.page-title { position: relative; margin: 0 !important; padding: clamp(22px, 3vw, 40px) 0 clamp(18px, 2.4vw, 28px) !important; border-bottom: 1px solid var(--ct-line);
  background-color: var(--ct-paper) !important;
  background-image: linear-gradient(180deg, rgba(251, 250, 247, 0) 0, var(--ct-paper) 100%), linear-gradient(rgba(17, 19, 24, .05) 1px, transparent 1px), linear-gradient(90deg, rgba(17, 19, 24, .05) 1px, transparent 1px) !important;
  background-size: auto, 24px 24px, 24px 24px !important; }
/* the shop's seal, faintly, in the band's far corner (computers) */
body.ed-shop .shop-page-title.page-title::after { content: ""; position: absolute; top: 50%; left: max(15px, calc((100% - 1200px) / 2)); width: 190px; height: 190px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120'%3E%3Cg fill='none' stroke='%23CB1817'%3E%3Ccircle cx='60' cy='60' r='55' stroke-width='5'/%3E%3Ccircle cx='60' cy='60' r='46' stroke-width='1.6'/%3E%3Ccircle cx='60' cy='60' r='38' stroke-width='1.6' stroke-dasharray='3 4'/%3E%3C/g%3E%3Cpath fill='%23CB1817' d='M60 40l5.9 12 13.2 1.9-9.6 9.3 2.3 13.1L60 70.1l-11.8 6.2 2.3-13.1-9.6-9.3 13.2-1.9z'/%3E%3C/svg%3E") 50% 50% / contain no-repeat; opacity: .07; transform: translateY(-50%) rotate(-14deg); pointer-events: none; }
body.ed-shop .shop-page-title .page-title-inner { position: relative; z-index: 1; }
body.ed-shop .shop-page-title .page-title-inner { display: grid !important; grid-template-columns: auto minmax(0, 1fr) auto; grid-template-areas: "crumbs crumbs crumbs" "title tag tag" "cats cats cats" "filter count sort"; align-items: center; gap: 0 16px; max-width: 1230px !important; min-height: 0 !important; padding: 0 15px !important; text-align: start !important; }
/* Flatsome's two columns step aside: their parts sit on the band's own grid */
body.ed-shop .shop-page-title .page-title-inner > .flex-col { display: contents !important; }
body.ed-shop .shop-page-title .page-title-inner .is-larger, body.ed-shop .shop-page-title .page-title-inner .is-large { grid-area: crumbs; margin: 0 0 10px !important; font-size: inherit !important; }
body.ed-shop .shop-page-title .page-title-inner h1.shop-page-title { grid-area: title; }
body.ed-shop .shop-page-title .page-title-inner .ed-sh-count { grid-area: tag; justify-self: start; }
body.ed-shop .shop-page-title .page-title-inner .ed-sh-cats { grid-area: cats; }
body.ed-shop .shop-page-title .page-title-inner .category-filtering { grid-area: filter; }
body.ed-shop .shop-page-title .page-title-inner .woocommerce-result-count { grid-area: count; }
body.ed-shop .shop-page-title .page-title-inner .woocommerce-ordering { grid-area: sort; }
body.ed-shop .shop-page-title .page-title-inner .category-filtering .inline-block:empty { display: none; }
/* where you are */
body.ed-shop .shop-page-title .woocommerce-breadcrumb { display: flex; flex-wrap: wrap; align-items: center; gap: 2px 8px; margin: 0 !important; padding: 0 !important; font: 700 14.5px/1.5 var(--ct-b) !important; letter-spacing: 0 !important; text-transform: none !important; color: var(--ct-muted) !important; }
body.ed-shop .shop-page-title .woocommerce-breadcrumb a { color: var(--ct-ink) !important; font-weight: 700 !important; text-decoration: underline !important; text-decoration-color: rgba(203, 24, 23, .45) !important; text-underline-offset: 3px; }
body.ed-shop .shop-page-title .woocommerce-breadcrumb .divider { margin: 0 !important; color: var(--ct-line-2) !important; font-weight: 400 !important; opacity: 1 !important; }
/* the name */
body.ed-shop .shop-page-title h1.shop-page-title { margin: 0 !important; padding: 0 !important; font: 900 clamp(32px, 4vw, 52px)/1.08 var(--ct-h) !important; letter-spacing: -.015em !important; text-transform: none !important; color: var(--ct-ink) !important; text-align: start !important; }
/* its count, stamped beside it: a double frame in red ink */
body.ed-shop .ed-sh-count { position: relative; display: inline-block; margin: 6px 0 0; padding: .32em .62em .28em; border: 2.5px solid currentColor; border-radius: 7px; box-shadow: inset 0 0 0 2px var(--ct-paper), inset 0 0 0 3.5px currentColor; font: 800 clamp(15px, 1.4vw, 18px)/1 var(--ct-h); letter-spacing: .02em; color: var(--ct-red); white-space: nowrap; transform: rotate(-4deg); -webkit-mask: var(--ed-ink) 0 0 / 90px 90px; mask: var(--ed-ink) 0 0 / 90px 90px; }
/* the categories: chips with their counts (a row that scrolls on phones) */
body.ed-shop .ed-sh-cats { min-width: 0; margin: clamp(16px, 2vw, 22px) 0 0; }
body.ed-shop .ed-sh-cats__list { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 !important; padding: 0 !important; list-style: none !important; }
body.ed-shop .ed-sh-cats__list > li { margin: 0 !important; padding: 0 !important; list-style: none !important; }
body.ed-shop .ed-sh-cats__list a { display: inline-flex; align-items: center; gap: 8px; min-height: 42px; padding: 0 15px; border-radius: 999px; background: #fff; box-shadow: inset 0 0 0 1.5px var(--ct-line-2); font: 700 15px/1.1 var(--ct-b) !important; color: var(--ct-ink) !important; text-decoration: none !important; white-space: nowrap; }
body.ed-shop .ed-sh-cats__n { font: 700 13px/1 var(--ct-h); color: var(--ct-muted); font-variant-numeric: tabular-nums; }
body.ed-shop .ed-sh-cats__list a[aria-current="page"] { background: var(--ct-ink); box-shadow: inset 0 0 0 1.5px var(--ct-ink); color: #fff !important; }
body.ed-shop .ed-sh-cats__list a[aria-current="page"]::before { content: ""; flex: none; width: 8px; height: 8px; border-radius: 50%; background: var(--ct-red); box-shadow: 0 0 0 2px rgba(255, 255, 255, .9); }
body.ed-shop .ed-sh-cats__list a[aria-current="page"] .ed-sh-cats__n { color: #C9CCD3; }
body.ed-shop .ed-sh-cats__list a.ed-sh-cats__up { background: var(--ct-paper-2); box-shadow: inset 0 0 0 1.5px var(--ct-line); }
body.ed-shop .ed-sh-cats__list a.ed-sh-cats__up::before { content: "→"; font-weight: 800; color: var(--ct-red-d); }
body.ed-shop .ed-sh-cats__list a:focus-visible { outline: 3px solid var(--ct-red); outline-offset: 2px; }
/* filter (phones), count and sort: quiet pills on one line */
body.ed-shop .shop-page-title .category-filtering, body.ed-shop .shop-page-title .woocommerce-result-count, body.ed-shop .shop-page-title .woocommerce-ordering { margin: 18px 0 0 !important; }
body.ed-shop .shop-page-title .category-filtering { display: flex; align-items: center; gap: 10px; padding: 0 !important; }
body.ed-shop .shop-page-title .filter-button { display: inline-flex !important; align-items: center; gap: 8px; min-height: 44px; margin: 0 !important; padding: 0 18px !important; border-radius: 999px; background: #fff; box-shadow: inset 0 0 0 1.5px var(--ct-line-2); font: 800 15.5px/1 var(--ct-b) !important; letter-spacing: 0 !important; text-transform: none !important; color: var(--ct-ink) !important; }
body.ed-shop .shop-page-title .filter-button strong { font-weight: 800 !important; }
body.ed-shop .shop-page-title .filter-button i { font-size: 16px; color: var(--ct-red); }
body.ed-shop .shop-page-title .woocommerce-result-count { font: 600 14.5px/1.4 var(--ct-b) !important; letter-spacing: 0 !important; text-transform: none !important; color: var(--ct-muted) !important; }
body.ed-shop .shop-page-title .woocommerce-ordering select { width: auto; min-height: 44px; height: 44px; margin: 0 !important; padding: 0 16px 0 40px !important; border: 0 !important; border-radius: 999px !important; background-color: #fff !important; box-shadow: inset 0 0 0 1.5px var(--ct-line-2) !important; font: 700 15px/1 var(--ct-b) !important; color: var(--ct-ink) !important; cursor: pointer; }
body.ed-shop .shop-page-title .woocommerce-ordering select:focus-visible, body.ed-shop .shop-page-title .filter-button:focus-visible { outline: 3px solid var(--ct-red); outline-offset: 2px; }

/* =====================================================================
   2. THE PAGE: the category's text, the cards, the pages, help
   ===================================================================== */
body.ed-shop .category-page-row { max-width: 1230px !important; padding-top: clamp(22px, 2.8vw, 34px) !important; }
body.ed-shop .shop-container > .term-description { position: relative; max-width: 820px; margin: 0 0 clamp(20px, 2.4vw, 28px) !important; padding: 0 18px 0 0 !important; border-right: 3px solid var(--ct-red); font: 500 17px/1.75 var(--ct-b) !important; color: #3A3E47 !important; text-align: start !important; }
body.ed-shop .shop-container > .term-description p { margin: 0 0 .5em !important; }
body.ed-shop .shop-container > .term-description p:last-child { margin-bottom: 0 !important; }
body.ed-shop .shop-container > .term-description a { color: var(--ct-ink) !important; font-weight: 700; text-decoration: underline !important; text-decoration-color: var(--ct-red) !important; text-underline-offset: 3px; }

/* the cards: the homepage's – a white card, the photo on white, the name, the stars and the price */
body.ed-shop .products .product-small.col { padding-bottom: 18px !important; }
body.ed-shop .products .product-small.col > .col-inner { position: relative; display: flex; flex-direction: column; height: 100%; overflow: hidden; border-radius: 18px; background: #fff; box-shadow: inset 0 0 0 1px var(--ct-line), 0 1px 0 rgba(17, 19, 24, .03) !important; }
body.ed-shop .products .product-small.col > .col-inner:has(.product-title a:focus-visible) { box-shadow: inset 0 0 0 1px var(--ct-line), 0 0 0 3px var(--ct-red) !important; }
body.ed-shop .products .product-small.box { display: flex; flex-direction: column; flex: 1 1 auto; box-shadow: none !important; background: transparent !important; }
/* (Flatsome centres the picture with auto margins, which in a column would shrink it to nothing) */
body.ed-shop .products .product-small .box-image { position: relative; width: 100% !important; margin: 0 !important; overflow: visible; border-radius: 18px 18px 0 0 !important; background: #fff !important; box-shadow: inset 0 -1px 0 var(--ct-line); }
body.ed-shop .products .product-small .box-image .image-glow { overflow: hidden; border-radius: 18px 18px 0 0; }
body.ed-shop .products .product-small .box-image img { transition: none !important; }
body.ed-shop .products .product-small .image-glow::after, body.ed-shop .products .product-small .image-glow::before { display: none !important; }
body.ed-shop .products .product-small .image-tools:empty { display: none !important; }
/* "בעיצוב אישי": an ink stamp pressed across the photo's lower edge (on products made to order whose name doesn't say so) */
body.ed-shop .products .product-small.ed-personal .box-image::after { content: "בעיצוב אישי"; position: absolute; bottom: -13px; left: 14px; z-index: 2; padding: 7px 10px 6px; border-radius: 5px; background: rgba(255, 255, 255, .92); box-shadow: inset 0 0 0 2px var(--ct-red), inset 0 0 0 4px rgba(255, 255, 255, .92), inset 0 0 0 5px var(--ct-red); font: 800 12.5px/1 var(--ct-h); letter-spacing: .02em; color: var(--ct-red); white-space: nowrap; transform: rotate(-5deg); pointer-events: none; -webkit-mask: var(--ed-ink) 0 0 / 60px 60px; mask: var(--ed-ink) 0 0 / 60px 60px; }
/* the shop's seal is stamped on the photo when a mouse points at the card */
body.ed-shop .products .product-small .box-image::before { content: ""; position: absolute; top: 10px; left: 10px; z-index: 2; width: 58px; height: 58px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120'%3E%3Cg fill='none' stroke='%23CB1817'%3E%3Ccircle cx='60' cy='60' r='55' stroke-width='5'/%3E%3Ccircle cx='60' cy='60' r='46' stroke-width='1.6'/%3E%3Ccircle cx='60' cy='60' r='38' stroke-width='1.6' stroke-dasharray='3 4'/%3E%3C/g%3E%3Cpath fill='%23CB1817' d='M60 40l5.9 12 13.2 1.9-9.6 9.3 2.3 13.1L60 70.1l-11.8 6.2 2.3-13.1-9.6-9.3 13.2-1.9z'/%3E%3C/svg%3E") 50% 50% / contain no-repeat; opacity: 0; transform: scale(1.25) rotate(-14deg); pointer-events: none; }
/* the sale tag: a small red stamp */
body.ed-shop .products .product-small .badge-container { top: 12px !important; right: 12px !important; left: auto !important; margin: 0 !important; }
body.ed-shop .products .product-small .badge-container .badge { width: auto !important; height: auto !important; margin: 0 !important; }
body.ed-shop .products .product-small .badge-container .badge-inner { width: auto !important; height: auto !important; min-width: 0 !important; padding: 5px 9px 4px !important; border-radius: 5px !important; background: rgba(255, 255, 255, .92) !important; box-shadow: inset 0 0 0 2px var(--ct-red) !important; font: 800 13px/1.1 var(--ct-h) !important; color: var(--ct-red) !important; white-space: nowrap; transform: rotate(4deg); }
/* the text: the name, the stars, the price – and the button at the bottom */
body.ed-shop .products .product-small .box-text.box-text-products { display: flex; flex-direction: column; align-items: stretch; gap: 6px; flex: 1 1 auto; height: auto !important; min-height: 0 !important; padding: 18px 16px 16px !important; text-align: start !important; }
body.ed-shop .products .product-small .title-wrapper { margin: 0 !important; }
body.ed-shop .products .product-small .product-title { margin: 0 !important; padding: 0 !important; }
body.ed-shop .products .product-small .product-title a { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 2.7em; font: 700 16px/1.35 var(--ct-h) !important; color: var(--ct-ink) !important; text-decoration: none !important; }
/* the whole card opens the product (one link for keyboards and screen readers: the name) */
body.ed-shop .products .product-small .product-title a::after { content: ""; position: absolute; inset: 0; z-index: 1; }
body.ed-shop .products .product-small .product-title a:focus-visible { outline: none; }
body.ed-shop .products .product-small .price-wrapper { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; margin: 2px 0 0 !important; }
body.ed-shop .products .product-small .star-rating { margin: 0 !important; font-size: 12.5px !important; }
body.ed-shop .products .product-small .star-rating::before, body.ed-shop .products .product-small .star-rating span::before { color: var(--ct-red) !important; }
body.ed-shop .products .product-small .price { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: flex-start; gap: 2px 8px; margin: 0 !important; font: 800 18px/1.3 var(--ct-h) !important; color: var(--ct-ink) !important; }
body.ed-shop .products .product-small .price .amount { color: var(--ct-ink) !important; font-weight: 800 !important; }
body.ed-shop .products .product-small .price ins { order: 1; text-decoration: none !important; }
body.ed-shop .products .product-small .price del { order: 2; opacity: 1 !important; font: 500 14px/1.3 var(--ct-b) !important; color: var(--ct-muted) !important; }
body.ed-shop .products .product-small .price del :is(.amount, bdi, span) { opacity: 1 !important; color: var(--ct-muted) !important; font-weight: 500 !important; }
/* a price range shows where it starts: "החל מ-₪59" (screen readers keep WooCommerce's full range text) */
body.ed-shop .products .product-small .price:has(> .amount + span[aria-hidden="true"] + .amount) > .amount ~ .amount, body.ed-shop .products .product-small .price:has(> .amount + span[aria-hidden="true"] + .amount) > .amount + span[aria-hidden="true"] { display: none !important; }
body.ed-shop .products .product-small .price:has(> .amount + span[aria-hidden="true"] + .amount) > .amount:first-child::before { content: "החל מ-"; font: 600 14px/1 var(--ct-b); color: var(--ct-muted); }
body.ed-shop .products .product-small .add-to-cart-button { position: relative; z-index: 2; margin: auto 0 0 !important; padding-top: 10px; }
body.ed-shop .products .product-small .add-to-cart-button .button { display: flex !important; align-items: center; justify-content: center; gap: 8px; width: 100%; min-height: 44px; margin: 0 !important; padding: 0 14px !important; border: 0 !important; border-radius: 999px !important; background: #fff !important; background-image: none !important; box-shadow: inset 0 0 0 1.5px var(--ct-ink) !important; font: 800 15px/1.2 var(--ct-b) !important; letter-spacing: 0 !important; text-transform: none !important; color: var(--ct-ink) !important; }
body.ed-shop .products .product-small .add-to-cart-button .button::after { display: none !important; }
body.ed-shop .products .product-small .add-to-cart-button .button:focus-visible { outline: 3px solid var(--ct-red); outline-offset: 3px; }
body.ed-shop .products .product-small .add-to-cart-button .button.loading { opacity: .7; }

/* the pages: round stamps; the current one red */
body.ed-shop .woocommerce-pagination { margin: clamp(18px, 2.4vw, 30px) 0 0 !important; }
body.ed-shop .woocommerce-pagination ul.page-numbers { display: flex !important; flex-wrap: wrap; align-items: center; justify-content: center; gap: 8px; margin: 0 !important; padding: 0 !important; border: 0 !important; }
body.ed-shop .woocommerce-pagination ul.page-numbers li { margin: 0 !important; border: 0 !important; }
body.ed-shop .woocommerce-pagination .page-number { display: inline-grid !important; place-items: center; min-width: 46px; height: 46px; margin: 0 !important; padding: 0 10px !important; border: 0 !important; border-radius: 50% !important; background: #fff !important; box-shadow: inset 0 0 0 1.5px var(--ct-line-2), inset 0 0 0 4px #fff, inset 0 0 0 5px var(--ct-line-2) !important; font: 800 16px/1 var(--ct-h) !important; color: var(--ct-ink) !important; text-decoration: none !important; font-variant-numeric: tabular-nums; }
body.ed-shop .woocommerce-pagination ul.page-numbers li .page-number.current { background: var(--ct-red) !important; box-shadow: inset 0 0 0 2px var(--ct-red), inset 0 0 0 4px #fff, inset 0 0 0 5.5px var(--ct-red) !important; color: #fff !important; }
body.ed-shop .woocommerce-pagination .page-number.dots { min-width: 24px; padding: 0 !important; background: none !important; box-shadow: none !important; color: var(--ct-muted) !important; }
body.ed-shop .woocommerce-pagination a.page-number:focus-visible { outline: 3px solid var(--ct-red); outline-offset: 3px; }

/* the category's long text under the products (Flatsome's "bottom content", kept word for word): a readable column */
body.ed-shop .shop-container > hr { width: 100%; max-width: 820px; height: 0; margin: clamp(36px, 4.5vw, 56px) 0 clamp(18px, 2.4vw, 26px) !important; border: 0 !important; border-top: 2px dashed var(--ct-line-2) !important; background: none !important; opacity: 1 !important; }
body.ed-shop .shop-container > hr ~ :is(p, ul, ol, h2, h3, h4, table, div:not(.ed-sh-help)) { max-width: 820px; text-align: start !important; }
body.ed-shop .shop-container > hr ~ :is(p, ul, ol) { margin-top: 0 !important; margin-bottom: .9em !important; font: 500 16.5px/1.8 var(--ct-b) !important; color: #3A3E47 !important; }
body.ed-shop .shop-container > hr ~ :is(ul, ol) { padding-right: 1.4em !important; padding-left: 0 !important; }
body.ed-shop .shop-container > hr ~ :is(ul, ol) li { margin: 0 0 .6em !important; }
body.ed-shop .shop-container > hr ~ :is(ul, ol) li::marker { font-weight: 800; color: var(--ct-red); }
body.ed-shop .shop-container > hr ~ :is(ul, ol) li > :is(strong, b) { font-weight: 800; color: var(--ct-ink); }
body.ed-shop .shop-container > hr ~ :is(h2, h3, h4) { display: flex; align-items: baseline; gap: 10px; margin: 1.5em 0 .5em !important; padding: 0 !important; font: 800 clamp(20px, 2vw, 24px)/1.3 var(--ct-h) !important; letter-spacing: 0 !important; text-transform: none !important; color: var(--ct-ink) !important; }
body.ed-shop .shop-container > hr ~ :is(h2, h3, h4)::before { content: ""; flex: none; width: 9px; height: 9px; border-radius: 50%; background: var(--ct-red); transform: translateY(-.12em); }
body.ed-shop .shop-container > hr + :is(h2, h3, h4) { margin-top: 0 !important; }
body.ed-shop .shop-container > hr ~ * a { color: var(--ct-ink) !important; font-weight: 700; text-decoration: underline !important; text-decoration-color: var(--ct-red) !important; text-underline-offset: 3px; }

/* a product search also lists blog posts and pages after the products (Flatsome's sliders): titles in Hebrew (PHP), dates readable */
body.ed-shop .shop-container ~ hr { margin: clamp(30px, 4vw, 44px) 0 16px !important; border: 0 !important; border-top: 2px dashed var(--ct-line-2) !important; opacity: 1 !important; }
body.ed-shop .shop-container ~ h4 { display: flex; align-items: center; gap: 10px; margin: 0 0 14px !important; font: 800 20px/1.3 var(--ct-h) !important; letter-spacing: 0 !important; text-transform: none !important; color: var(--ct-ink) !important; text-align: start !important; }
body.ed-shop .shop-container ~ h4::before { content: ""; flex: none; width: 9px; height: 9px; border-radius: 50%; background: var(--ct-red); }
body.ed-shop .shop-container ~ .row .post-date .badge-inner { background: var(--ct-red) !important; color: #fff !important; }
body.ed-shop .shop-container ~ .row .post-date .badge-inner :is(.post-date-day, .post-date-month) { color: #fff !important; }
body.ed-shop .shop-container ~ .row .box-blog-post .post-title { font: 700 16px/1.35 var(--ct-h) !important; color: var(--ct-ink) !important; }

/* "didn't find it?" (printed by PHP after the pages) */
body.ed-shop .ed-sh-help { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 14px 28px; margin: clamp(30px, 4vw, 48px) 0 0; padding: clamp(20px, 2.8vw, 28px); border-radius: 20px; background: #fff; box-shadow: inset 0 0 0 1px var(--ct-line), var(--ct-sh); text-align: start; }
body.ed-shop .ed-sh-help__h { display: flex; align-items: center; gap: 12px; margin: 0 0 6px !important; padding: 0 !important; font: 800 clamp(19px, 2vw, 22px)/1.3 var(--ct-h) !important; letter-spacing: 0 !important; text-transform: none !important; color: var(--ct-ink) !important; }
body.ed-shop .ed-sh-help__h::before { content: ""; flex: none; width: 34px; height: 34px; border-radius: 50%; background: var(--ct-red) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.5 3.5h5v4.2l1.6 2.6H7.9l1.6-2.6z'/%3E%3Cpath d='M5 12.8h14v3.4H5z'/%3E%3Cpath d='M4 20h16'/%3E%3C/svg%3E") 50% 50% / 18px 18px no-repeat; box-shadow: inset 0 0 0 2px var(--ct-red), inset 0 0 0 4px #fff, inset 0 0 0 5.5px var(--ct-red); }
body.ed-shop .ed-sh-help p { margin: 0 !important; font: 500 16px/1.6 var(--ct-b); color: var(--ct-muted); }
body.ed-shop .ed-sh-help__btns { display: flex; flex-wrap: wrap; gap: 10px; }
body.ed-shop .ed-sh-btn { display: inline-flex !important; align-items: center; justify-content: center; gap: 9px; min-height: 50px; margin: 0 !important; padding: 0 22px !important; border-radius: 999px !important; font: 800 16px/1 var(--ct-h) !important; letter-spacing: 0 !important; text-transform: none !important; text-decoration: none !important; white-space: nowrap; }
body.ed-shop .ed-sh-btn::before { content: ""; flex: none; width: 19px; height: 19px; background: currentColor; -webkit-mask: var(--ed-sh-b) 50% 50% / contain no-repeat; mask: var(--ed-sh-b) 50% 50% / contain no-repeat; }
body.ed-shop .ed-sh-btn--wa { --ed-sh-b: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.5 11.6a8.5 8.5 0 0 1-12.6 7.4L3.5 20.5l1.6-4.2A8.5 8.5 0 1 1 20.5 11.6z'/%3E%3C/svg%3E"); background: var(--ct-ink) !important; color: #fff !important; }
body.ed-shop .ed-sh-btn--tel { --ed-sh-b: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' 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-2'/%3E%3C/svg%3E"); background: #fff !important; box-shadow: inset 0 0 0 1.5px var(--ct-line-2) !important; color: var(--ct-ink) !important; }
body.ed-shop .ed-sh-btn:focus-visible { outline: 3px solid var(--ct-red); outline-offset: 3px; }

/* =====================================================================
   3. THE SIDEBAR (computers) AND THE FILTER PANEL (phones: "סנן")
   ===================================================================== */
body.ed-shop #shop-sidebar .widget { margin: 0 0 26px !important; }
body.ed-shop #shop-sidebar .widget-title { display: flex !important; align-items: center; gap: 9px; margin: 0 0 12px !important; font: 800 17px/1.3 var(--ct-h) !important; letter-spacing: 0 !important; text-transform: none !important; color: var(--ct-ink) !important; }
body.ed-shop #shop-sidebar .widget-title::before { content: ""; flex: none; width: 8px; height: 8px; border-radius: 50%; background: var(--ct-red); }
body.ed-shop #shop-sidebar .is-divider { display: none !important; }
body.ed-shop #shop-sidebar .searchform .search-field { height: 46px !important; padding: 0 16px !important; border: 0 !important; border-radius: 999px 0 0 999px !important; background: #fff !important; box-shadow: inset 0 0 0 1.5px var(--ct-line-2) !important; font: 600 16px/1 var(--ct-b) !important; color: var(--ct-ink) !important; }
body.ed-shop #shop-sidebar .searchform .ux-search-submit, body.ed-shop #shop-sidebar .searchform button[type="submit"] { min-height: 46px !important; height: 46px !important; margin: 0 !important; padding: 0 16px !important; border: 0 !important; border-radius: 0 999px 999px 0 !important; background: var(--ct-red) !important; box-shadow: none !important; color: #fff !important; }
body.ed-shop #shop-sidebar .product-categories { margin: 0 !important; padding: 0 !important; list-style: none !important; }
body.ed-shop #shop-sidebar .product-categories li { margin: 0 !important; padding: 0 !important; border: 0 !important; list-style: none !important; }
body.ed-shop #shop-sidebar .product-categories > li { border-top: 1px dashed var(--ct-line-2) !important; }
body.ed-shop #shop-sidebar .product-categories > li:first-child { border-top: 0 !important; }
body.ed-shop #shop-sidebar .product-categories a { display: block; padding: 8px 0 !important; font: 700 15.5px/1.35 var(--ct-b) !important; color: #2A2E37 !important; text-decoration: none !important; }
body.ed-shop #shop-sidebar .product-categories > li > a { font: 800 16px/1.35 var(--ct-h) !important; color: var(--ct-ink) !important; }
body.ed-shop #shop-sidebar .product-categories .children { margin: 0 0 8px !important; padding: 0 14px 0 0 !important; border-right: 2px dashed var(--ct-line-2); }
body.ed-shop #shop-sidebar .product-categories .children a { padding: 5px 0 !important; font-size: 15px !important; }
body.ed-shop #shop-sidebar .product-categories .current-cat > a { display: flex; align-items: center; gap: 8px; color: var(--ct-red-d) !important; font-weight: 800 !important; }
body.ed-shop #shop-sidebar .product-categories .current-cat > a::before { content: ""; flex: none; width: 8px; height: 8px; border-radius: 50%; background: var(--ct-red); }
body.ed-shop #shop-sidebar .product-categories .toggle { color: var(--ct-muted) !important; }
body.ed-shop #shop-sidebar .flatsome_recent_posts ul { margin: 0 !important; padding: 0 !important; }
body.ed-shop #shop-sidebar .flatsome_recent_posts li { padding: 8px 0 !important; border-top: 1px dashed var(--ct-line-2) !important; list-style: none !important; }
body.ed-shop #shop-sidebar .flatsome_recent_posts li:first-child { border-top: 0 !important; }
body.ed-shop #shop-sidebar .flatsome_recent_posts a { font: 700 15px/1.4 var(--ct-b) !important; color: var(--ct-ink) !important; text-decoration: none !important; }
body.ed-shop #shop-sidebar .flatsome_recent_posts .badge.post-date { width: 52px !important; height: 52px !important; margin: 0 !important; }
body.ed-shop #shop-sidebar .flatsome_recent_posts .badge.post-date .badge-inner { border-radius: 12px !important; box-shadow: inset 0 0 0 1px var(--ct-line); }
body.ed-shop #shop-sidebar a:focus-visible { outline: 3px solid var(--ct-red); outline-offset: 2px; }

/* =====================================================================
   4. A MOUSE (never on touch: a tap would leave the hover stuck)
   ===================================================================== */
@media (hover: hover) and (pointer: fine) {
  body.ed-shop .products .product-small.col > .col-inner { transition: transform .16s ease, box-shadow .16s ease; }
  body.ed-shop .products .product-small.col > .col-inner:hover { transform: translateY(-3px); box-shadow: inset 0 0 0 1.5px var(--ct-ink), 0 14px 30px rgba(17, 19, 24, .12) !important; }
  body.ed-shop .products .product-small .box-image::before { transition: opacity .16s ease, transform .16s ease; }
  body.ed-shop .products .product-small.col > .col-inner:hover .box-image::before { opacity: .92; transform: scale(1) rotate(-14deg); }
  body.ed-shop .products .product-small.col > .col-inner:hover .add-to-cart-button .button { background: var(--ct-ink) !important; color: #fff !important; }
  body.ed-shop .ed-sh-cats__list a:not([aria-current="page"]):hover { box-shadow: inset 0 0 0 1.5px var(--ct-ink); }
  body.ed-shop .woocommerce-pagination a.page-number:hover { box-shadow: inset 0 0 0 1.5px var(--ct-ink), inset 0 0 0 4px #fff, inset 0 0 0 5px var(--ct-ink) !important; }
  body.ed-shop .shop-page-title .filter-button:hover, body.ed-shop .shop-page-title .woocommerce-ordering select:hover { box-shadow: inset 0 0 0 1.5px var(--ct-ink) !important; }
  body.ed-shop .shop-page-title .woocommerce-breadcrumb a:hover, body.ed-shop #shop-sidebar .product-categories a:hover, body.ed-shop #shop-sidebar .flatsome_recent_posts a:hover { color: var(--ct-red-d) !important; }
  body.ed-shop .ed-sh-btn--wa:hover { background: var(--ct-graphite) !important; }
  body.ed-shop .ed-sh-btn--tel:hover { box-shadow: inset 0 0 0 1.5px var(--ct-ink) !important; }
}
/* touch screens: none of it, even from an older copy of these rules (WP Rocket's used CSS keeps one until it is rebuilt) */
@media (hover: none), (pointer: coarse) {
  body.ed-shop .products .product-small .box-image::before { content: none !important; }
  body.ed-shop .products .product-small.col > .col-inner:hover { transform: none !important; box-shadow: inset 0 0 0 1px var(--ct-line), 0 1px 0 rgba(17, 19, 24, .03) !important; }
  body.ed-shop .products .product-small.col > .col-inner:hover .add-to-cart-button .button { background: #fff !important; color: var(--ct-ink) !important; }
}

/* =====================================================================
   5. TABLETS AND PHONES
   ===================================================================== */
@media (max-width: 849px) {
  body.ed-shop .shop-page-title.page-title::after { display: none; }
  body.ed-shop .shop-page-title .page-title-inner { grid-template-columns: auto minmax(0, 1fr) auto; }
  /* the categories: one row that scrolls sideways, fading at its ends */
  body.ed-shop .ed-sh-cats { margin-right: -15px; margin-left: -15px; }
  body.ed-shop .ed-sh-cats__list { flex-wrap: nowrap; padding: 2px 15px !important; overflow-x: auto; overscroll-behavior-x: contain; scrollbar-width: none; -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 22px, #000 calc(100% - 22px), transparent 100%); mask-image: linear-gradient(90deg, transparent 0, #000 22px, #000 calc(100% - 22px), transparent 100%); }
  body.ed-shop .ed-sh-cats__list::-webkit-scrollbar { display: none; }
  body.ed-shop .ed-sh-cats__list > li { flex: none; }
  body.ed-shop .products .product-small .box-text.box-text-products { padding: 16px 11px 12px !important; gap: 4px; }
  body.ed-shop .products .product-small .product-title a { font-size: 15px !important; }
  body.ed-shop .products .product-small .price { font-size: 16px !important; }
  body.ed-shop .products .product-small .add-to-cart-button .button { min-height: 42px; font-size: 14px !important; }
  body.ed-shop .products .product-small.ed-personal .box-image::after { left: 10px; bottom: -12px; padding: 6px 8px 5px; font-size: 11.5px; }
  body.ed-shop .woocommerce-pagination .page-number { min-width: 44px; height: 44px; }
  body.ed-shop .ed-sh-help { grid-template-columns: minmax(0, 1fr); }
  body.ed-shop .ed-sh-help__btns .ed-sh-btn { flex: 1 1 150px; }
}
@media (max-width: 549px) {
  /* the name and its stamp, then filter and sort side by side, each half the width (the count line is Flatsome's "hide for medium") */
  body.ed-shop .shop-page-title .page-title-inner { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); grid-template-areas: "crumbs crumbs" "title title" "tag tag" "cats cats" "filter sort"; gap: 0 10px; }
  body.ed-shop .shop-page-title .page-title-inner .woocommerce-result-count { display: none !important; }
  body.ed-shop .ed-sh-count { margin-top: 10px; }
  body.ed-shop .shop-page-title .woocommerce-ordering, body.ed-shop .shop-page-title .woocommerce-ordering select { width: 100%; }
  body.ed-shop .shop-page-title .filter-button { width: 100%; justify-content: center; }
  body.ed-shop .shop-container > .term-description { padding-right: 14px !important; font-size: 16px !important; }
  body.ed-shop .products .product-small.col { padding-bottom: 12px !important; }
  body.ed-shop .products .product-small.col > .col-inner { border-radius: 16px; }
}

/* =====================================================================
   6. LESS MOTION (the system setting, or il-a11y's "stop motion")
   ===================================================================== */
@media (prefers-reduced-motion: reduce) {
  body.ed-shop .products .product-small.col > .col-inner, body.ed-shop .products .product-small .box-image::before { transition: none !important; }
  body.ed-shop .products .product-small.col > .col-inner:hover { transform: none !important; }
}
html.il-a11y-stop-motion body.ed-shop .products .product-small.col > .col-inner, html.il-a11y-stop-motion body.ed-shop .products .product-small .box-image::before { transition: none !important; }
html.il-a11y-stop-motion body.ed-shop .products .product-small.col > .col-inner:hover { transform: none !important; }