/* ============================================================
   FUNNY FEET — 2026 product archive (shop, categories, brands)
   Restyles Blocksy + WooCommerce + Filter Everything + Variation
   Swatches + Advanced Woo Labels. Everything is scoped to
   body.ffa, which funnyfeet-archive.js / the PHP adds on archives.
   ============================================================ */
body.ffa{
  --ffa-o:#FF8A1F; --ffa-od:#F06414; --ffa-ot:#C2410C; --ffa-ink:#034220; --ffa-soft:#4F7B63;
  --ffa-green:#00803C; --ffa-lime:#B4F025; --ffa-sky:#3BAFFD; --ffa-sun:#FFC928; --ffa-pink:#E91ED0; --ffa-pinkt:#B8078F;
  --ffa-peach:#FFF3EA; --ffa-mist:#EAF6FF; --ffa-limet:#F2FCDD; --ffa-sunt:#FFF6D6; --ffa-pinkbg:#FDE7F9; --ffa-line:#F1E3D8; --ffa-card:#FFF6EF;
  --ffa-boy:#0A6FB8; --ffa-girl:#B8078F;
  --ffa-display:"M PLUS Rounded 1c", system-ui, sans-serif;
  --ffa-body:"Geologica", system-ui, -apple-system, "Segoe UI", sans-serif;
  --ffa-doodle:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20340%20340%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272.6%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cg%20transform%3D%27translate%2814%2018%29%20rotate%28-12%2032%2032%29%27%3E%3Cpath%20d%3D%27M6%2044V34c0-8%204-14%2010-16h8c2%206%207%209%2014%2010l12%202c6%201%2010%205%2010%2010v4z%27%2F%3E%3Cpath%20d%3D%27M4%2044h56v3a3%203%200%200%201-3%203H7a3%203%200%200%201-3-3z%27%2F%3E%3Cpath%20d%3D%27M28%2025l4-4M33%2027l4-4M38%2028l4-4%27%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%27translate%28190%2010%29%20rotate%2810%2032%2032%29%27%3E%3Cpath%20d%3D%27M18%208h20v28c10%201%2018%205%2020%2012v4H16v-4c0-6%202-10%202-14z%27%2F%3E%3Cpath%20d%3D%27M18%2015h20M16%2048h42%27%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%27translate%28120%20120%29%20rotate%28-6%2032%2032%29%27%3E%3Cpath%20d%3D%27M6%2046c0-4%204-6%2010-6h36c5%200%208%202%208%206s-3%204-8%204H12c-4%200-6-1-6-4z%27%2F%3E%3Cpath%20d%3D%27M14%2040c0-10%206-14%2012-14%204%200%206%204%206%2014M36%2040c2-8%208-10%2014-6%204%202%204%206%204%206M20%2033h8%27%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%27translate%28250%20150%29%20rotate%2818%2032%2032%29%27%3E%3Cpath%20d%3D%27M32%208l6%2014%2015%201-12%209%204%2015-13-8-13%208%204-15-12-9%2015-1z%27%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%27translate%2820%20200%29%20rotate%288%2032%2032%29%27%3E%3Cpath%20d%3D%27M6%2042c0-6%206-8%2012-6%208%202%2016%202%2024%200%2010-2%2018%200%2018%206%200%204-4%206-10%206H14c-5%200-8-2-8-6z%27%2F%3E%3Cpath%20d%3D%27M22%2037c2-7%2014-7%2016%200M30%2033l-5-4v7zM30%2033l5-4v7z%27%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%27translate%28200%20240%29%20rotate%28-20%2032%2032%29%27%3E%3Cellipse%20cx%3D%2730%27%20cy%3D%2744%27%20rx%3D%2713%27%20ry%3D%2717%27%2F%3E%3Ccircle%20cx%3D%2717%27%20cy%3D%2722%27%20r%3D%273%27%2F%3E%3Ccircle%20cx%3D%2723%27%20cy%3D%2716%27%20r%3D%273.5%27%2F%3E%3Ccircle%20cx%3D%2731%27%20cy%3D%2713%27%20r%3D%274%27%2F%3E%3Ccircle%20cx%3D%2741%27%20cy%3D%2716%27%20r%3D%275.5%27%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%27translate%28110%20280%29%27%3E%3Ccircle%20cx%3D%2710%27%20cy%3D%2710%27%20r%3D%274%27%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%27translate%28300%2070%29%27%3E%3Ccircle%20cx%3D%2710%27%20cy%3D%2710%27%20r%3D%273%27%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%27translate%28120%2030%29%27%3E%3Cpath%20d%3D%27M4%2012c6-8%2014%208%2020%200%27%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  font-family:var(--ffa-body); color:var(--ffa-ink);
}
body.ffa :focus-visible{ outline:3px solid var(--ffa-sky); outline-offset:3px; border-radius:8px; }

/* ---------- category header (built by the JS, above both columns) ---------- */
body.ffa .hero-section{ display:none !important; }            /* old title, replaced */
body.ffa .ffa-hero{ position:relative; overflow:hidden; isolation:isolate; background:var(--ffa-peach); padding:30px 0 34px; --ffa-hc:var(--ffa-ink); --ffa-dc:rgba(255,138,31,.13); }
body.ffa .ffa-hero.is-boy{ background:var(--ffa-mist); --ffa-hc:var(--ffa-boy); --ffa-dc:rgba(59,175,253,.2); }
body.ffa .ffa-hero.is-girl{ background:var(--ffa-pinkbg); --ffa-hc:var(--ffa-girl); --ffa-dc:rgba(233,30,208,.14); }
body.ffa .ffa-hero::before{ content:""; position:absolute; inset:0; z-index:-1; background:var(--ffa-dc);
  -webkit-mask-image:var(--ffa-doodle); mask-image:var(--ffa-doodle); -webkit-mask-size:340px; mask-size:340px; }
body.ffa .ffa-crumbs{ display:flex; flex-wrap:wrap; gap:8px; align-items:center; font-size:14px; color:var(--ffa-soft); margin:0 0 14px; }
body.ffa .ffa-crumbs a{ color:inherit; text-decoration:none; }
body.ffa .ffa-crumbs a:hover{ color:var(--ffa-ot); text-decoration:underline; }
body.ffa .ffa-crumbs .sep{ opacity:.5; }
body.ffa .ffa-title{ display:flex; flex-wrap:wrap; align-items:flex-end; gap:14px 20px; }
body.ffa .ffa-title h1{ margin:0; font:900 clamp(44px,7vw,92px)/1 var(--ffa-display); letter-spacing:-.04em; color:var(--ffa-hc); text-transform:none; }
body.ffa .ffa-count{ display:inline-flex; align-items:center; gap:10px; background:#fff; border-radius:99px; padding:7px 14px 7px 8px; font:600 14px var(--ffa-body); color:var(--ffa-ink); margin-bottom:10px; }
body.ffa .ffa-toes{ display:inline-flex; gap:3px; align-items:flex-end; }
body.ffa .ffa-toes i{ display:block; border-radius:50%; }
body.ffa .ffa-toes i:nth-child(1){ width:7px; height:7px; background:#F0331C; }
body.ffa .ffa-toes i:nth-child(2){ width:8px; height:8px; background:var(--ffa-o); }
body.ffa .ffa-toes i:nth-child(3){ width:9px; height:9px; background:var(--ffa-sun); }
body.ffa .ffa-toes i:nth-child(4){ width:10px; height:10px; background:var(--ffa-sky); }
body.ffa .ffa-toes i:nth-child(5){ width:13px; height:13px; background:var(--ffa-pink); }
body.ffa .ffa-desc{ margin:12px 0 0; color:var(--ffa-soft); max-width:640px; font-size:16px; line-height:1.55; }
body.ffa .ffa-desc p{ margin:0 0 .5em; }
body.ffa .ffa-subs{ display:flex; gap:10px; overflow-x:auto; scrollbar-width:none; padding:4px 2px 6px; margin:20px -2px 0; }
body.ffa .ffa-subs::-webkit-scrollbar{ display:none; }
body.ffa .ffa-sub{ flex:none; display:flex; align-items:center; gap:10px; background:#fff; border:2px solid transparent; border-radius:99px; padding:6px 16px 6px 6px;
  font:800 15px var(--ffa-display); color:var(--ffa-ink); text-decoration:none; transition:border-color .2s, transform .15s; }
body.ffa .ffa-sub:hover{ border-color:var(--ffa-ink); transform:translateY(-2px); color:var(--ffa-ink); }
body.ffa .ffa-sub.is-current{ border-color:var(--ffa-ink); background:var(--ffa-o); }
body.ffa .ffa-sub i{ font-style:normal; width:36px; height:36px; border-radius:50%; display:grid; place-items:center; font-size:18px; background:var(--c); }

/* ---------- toolbar: count + mobile filter button + sorting ---------- */
body.ffa .woo-listing-top{ display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px; margin:0 0 18px; }
body.ffa .woocommerce-result-count{ margin:0; font:400 15px var(--ffa-body); color:var(--ffa-soft); display:block !important; text-transform:none !important; letter-spacing:0 !important; }
body.ffa .woocommerce-result-count b{ color:var(--ffa-ink); font-weight:600; }
body.ffa .ffa-bar-right{ display:flex; gap:10px; align-items:center; margin-left:auto; }
body.ffa .woocommerce-ordering{ position:relative; margin:0; }
body.ffa .woocommerce-ordering select{ -webkit-appearance:none; appearance:none; height:auto; min-height:0; font:600 15px var(--ffa-body); color:var(--ffa-ink);
  background:#fff; border:2px solid var(--ffa-line); border-radius:99px; padding:11px 42px 11px 18px; cursor:pointer; box-shadow:none; }
body.ffa .woocommerce-ordering select:focus{ outline:none; border-color:var(--ffa-o); }
body.ffa .woocommerce-ordering svg{ right:16px; }
body.ffa .wpc-filters-open-button-container{ margin:0 !important; }
body.ffa .wpc-filters-open-widget{ display:inline-flex !important; align-items:center; gap:8px; font:800 15px var(--ffa-display) !important; color:#fff !important;
  background:var(--ffa-green) !important; border:0 !important; border-radius:99px !important; padding:11px 18px !important; text-decoration:none !important; box-shadow:none !important; }
body.ffa .wpc-filters-open-widget .wpc-icon-html-wrapper span{ background:#fff !important; }
body.ffa .wpc-filters-open-widget .wpc-filters-button-text{ color:#fff !important; }

/* chips of selected filters */
body.ffa .woocommerce-products-header{ margin:0; padding:0; }
body.ffa .wpc-filter-chips-list{ display:flex; flex-wrap:wrap; gap:8px; margin:-6px 0 18px !important; padding:0 !important; }
body.ffa .wpc-filter-chips-list.wpc-empty-chips-container{ display:none; }
body.ffa .wpc-filter-chips-list li{ margin:0 !important; list-style:none; }
body.ffa .wpc-filter-chips-list li a{ display:inline-flex !important; align-items:center; gap:8px; background:var(--ffa-peach) !important; border:2px solid var(--ffa-line) !important;
  border-radius:99px !important; padding:6px 12px 6px 14px !important; font:600 14px var(--ffa-body) !important; color:var(--ffa-ink) !important; text-decoration:none !important; }
body.ffa .wpc-filter-chips-list li a:hover{ border-color:var(--ffa-ink) !important; }
body.ffa .wpc-filter-chips-list li.wpc-chip-reset-all a{ background:#fff !important; color:var(--ffa-ot) !important; }

/* ---------- filters (desktop sidebar + Filter Everything popup on phones) ---------- */
body.ffa #sidebar .ct-sidebar{ position:sticky; top:150px; background:#fff; border:2px solid var(--ffa-line); border-radius:24px; padding:6px 18px 14px; }
body.ffa #sidebar .ct-widget{ margin:0 !important; }
body.ffa #sidebar .wp-block-heading{ margin:12px 0 6px; font:800 22px var(--ffa-display); color:var(--ffa-ink); }
body.ffa .wpc-filters-section{ border-top:1px solid var(--ffa-line) !important; margin:0 !important; padding:4px 0 12px !important; }
body.ffa .wpc-filter-header{ padding:12px 0 !important; margin:0 !important; }
body.ffa .wpc-filter-title{ font:800 16px var(--ffa-display) !important; color:var(--ffa-ink) !important; text-transform:none !important; letter-spacing:0 !important; margin:0 !important; }
body.ffa .wpc-filters-ul-list{ margin:0 !important; padding:0 !important; max-height:none !important; }
body.ffa .wpc-filters-ul-list li{ list-style:none; margin:0 !important; padding:0 !important; }
/* checkbox lists (Φύλο, Μάρκα) */
body.ffa .wpc-term-item-content-wrapper{ display:flex !important; align-items:center; gap:10px; padding:6px 4px !important; border-radius:10px; }
body.ffa .wpc-term-item-content-wrapper:hover{ background:var(--ffa-peach); }
body.ffa .wpc-term-item input[type=checkbox]{ -webkit-appearance:none; appearance:none; width:20px; height:20px; min-width:20px; margin:0 !important; border-radius:6px; border:2px solid #cfc3b8;
  background:#fff; display:grid; place-items:center; cursor:pointer; position:static !important; opacity:1 !important; }
body.ffa .wpc-term-item input[type=checkbox]:checked{ background:var(--ffa-o); border-color:var(--ffa-o); }
body.ffa .wpc-term-item input[type=checkbox]:checked::after{ content:""; width:9px; height:5px; border:2.5px solid var(--ffa-ink); border-top:0; border-right:0; transform:rotate(-45deg) translate(1px,-1px); }
body.ffa .wpc-term-item label{ display:flex !important; align-items:center; gap:8px; margin:0 !important; padding:0 !important; font:400 15px var(--ffa-body) !important; color:var(--ffa-ink) !important; cursor:pointer; }
body.ffa .wpc-term-item label::before, body.ffa .wpc-term-item label::after{ display:none !important; }
body.ffa .wpc-filter-link{ color:var(--ffa-ink) !important; text-decoration:none !important; }
body.ffa .wpc-term-image-wrapper{ display:none !important; }                    /* brand logos: names only */
body.ffa .wpc-term-disabled{ opacity:.45; }
/* sizes as a button grid */
body.ffa .wpc-filter-pa_magethos .wpc-filters-ul-list{ display:grid !important; grid-template-columns:repeat(6,minmax(0,1fr)); gap:6px; }
body.ffa .wpc-filter-pa_magethos .wpc-term-item-content-wrapper{ padding:0 !important; }
body.ffa .wpc-filter-pa_magethos input[type=checkbox]{ position:absolute !important; opacity:0 !important; width:1px; height:1px; min-width:0; pointer-events:none; }
body.ffa .wpc-filter-pa_magethos label{ width:100%; }
body.ffa .wpc-filter-pa_magethos .wpc-filter-link{ display:grid !important; place-items:center; width:100%; height:38px; border-radius:10px; border:2px solid var(--ffa-line);
  background:#fff; font:800 14px var(--ffa-display) !important; transition:border-color .15s; white-space:nowrap; }
body.ffa .wpc-filter-pa_magethos li.is-range{ grid-column:span 2; }
body.ffa .wpc-filter-pa_magethos .is-range .wpc-filter-link{ font-size:12.5px !important; }
body.ffa .wpc-filter-pa_magethos .wpc-filter-link:hover{ border-color:var(--ffa-ink); }
body.ffa .wpc-filter-pa_magethos .wpc-term-selected .wpc-filter-link{ background:var(--ffa-o); border-color:var(--ffa-o); box-shadow:0 3px 0 var(--ffa-od); }
/* colours as dots */
body.ffa .wpc-filter-pa_xrwma .wpc-filters-ul-list{ display:grid !important; grid-template-columns:repeat(4,1fr); gap:10px 6px; }
body.ffa .wpc-filter-pa_xrwma .wpc-term-item-content-wrapper{ padding:0 !important; justify-content:center; }
body.ffa .wpc-filter-pa_xrwma .wpc-term-item-content-wrapper:hover{ background:none; }
body.ffa .wpc-filter-pa_xrwma input[type=checkbox]{ position:absolute !important; opacity:0 !important; width:1px; height:1px; min-width:0; pointer-events:none; }
body.ffa .wpc-filter-pa_xrwma label{ flex-direction:column; gap:5px !important; font-size:12.5px !important; text-align:center; line-height:1.2; }
body.ffa .wpc-filter-pa_xrwma .wpc-filter-link{ display:flex !important; flex-direction:column; align-items:center; gap:5px; font-size:12px !important; word-break:break-word; }
body.ffa .ffa-dot{ width:34px; height:34px; border-radius:50%; background:var(--c); box-shadow:inset 0 0 0 1px rgba(0,0,0,.12); transition:box-shadow .15s; flex:none; }
body.ffa .wpc-term-selected .ffa-dot{ box-shadow:0 0 0 3px #fff, 0 0 0 5px var(--ffa-o); }
/* "show all" toggles (added by the JS) */
body.ffa .ffa-hide{ display:none !important; }
body.ffa .ffa-more{ margin-top:10px; font:600 14px var(--ffa-body); color:var(--ffa-ot); background:none; border:0; padding:0; cursor:pointer; text-decoration:underline; text-underline-offset:3px; box-shadow:none; min-height:0; }
body.ffa .ffa-more:hover{ background:none; color:var(--ffa-od); }
/* popup on phones/tablets */
body.ffa .wpc-filters-widget-content{ font-family:var(--ffa-body); }
body.ffa .wpc-widget-close-container{ border-bottom:1px solid var(--ffa-line); }
body.ffa .wpc-widget-popup-title{ font:800 22px var(--ffa-display) !important; color:var(--ffa-ink) !important; }
body.ffa .wpc-filters-widget-controls-container{ border-top:1px solid var(--ffa-line); background:#fff; }
body.ffa .wpc-filters-apply-button{ background:var(--ffa-o) !important; color:var(--ffa-ink) !important; border:0 !important; border-radius:99px !important; box-shadow:0 5px 0 var(--ffa-od) !important;
  font:800 16px var(--ffa-display) !important; padding:13px 18px !important; text-decoration:none !important; }
body.ffa .wpc-filters-close-button{ background:#fff !important; color:var(--ffa-ink) !important; border:2px solid var(--ffa-green) !important; border-radius:99px !important;
  font:800 16px var(--ffa-display) !important; padding:11px 18px !important; text-decoration:none !important; }

/* ---------- product grid + cards ---------- */
body.ffa ul.products{ gap:18px !important; margin:0 !important; }
body.ffa ul.products li.product{ position:relative; display:flex !important; flex-direction:column; gap:0; padding:10px 10px 14px !important; margin:0 !important; background:#fff;
  border:1.5px solid var(--ffa-line); border-radius:20px; transition:transform .2s, box-shadow .2s, border-color .2s; text-align:left; }
body.ffa ul.products li.product:hover{ transform:translateY(-4px); box-shadow:0 1px 0 rgba(3,66,32,.04), 0 12px 30px -12px rgba(3,66,32,.22); border-color:transparent; }
body.ffa ul.products li.product figure{ order:0; position:relative; margin:0 !important; border-radius:14px; overflow:hidden; background:var(--ffa-card); aspect-ratio:1/1; }
body.ffa ul.products li.product figure .ct-media-container{ display:block; width:100%; height:100%; padding:6%; background:transparent !important; border-radius:0 !important; }
body.ffa ul.products li.product figure img{ width:100% !important; height:100% !important; object-fit:contain !important; aspect-ratio:auto !important; mix-blend-mode:multiply; }
body.ffa .ffa-brand{ order:1; margin:12px 4px 2px; font:600 12px var(--ffa-body); letter-spacing:.08em; text-transform:uppercase; color:var(--ffa-ot); }
body.ffa ul.products li.product .woocommerce-loop-product__title{ order:2; margin:2px 4px 0 !important; font:500 14.5px/1.35 var(--ffa-body) !important; color:var(--ffa-ink) !important;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; min-height:2.7em; text-transform:none !important; }
body.ffa ul.products li.product .woocommerce-loop-product__title a{ color:inherit !important; text-decoration:none; }
body.ffa ul.products li.product .price{ order:3; margin:8px 4px 0 !important; display:flex; flex-wrap:wrap; align-items:baseline; gap:8px; font:800 19px var(--ffa-display) !important; color:var(--ffa-ink) !important; }
body.ffa ul.products li.product .price del{ order:2; font:500 13.5px var(--ffa-body); color:#8d8d8d; opacity:1; }
body.ffa ul.products li.product .price ins{ order:1; color:var(--ffa-pinkt); text-decoration:none; background:none; }
body.ffa ul.products li.product .cfvsw_variations_form{ order:4; margin:10px 4px 0 !important; }
body.ffa ul.products li.product .cfvsw_variations_form table, body.ffa ul.products li.product .cfvsw_variations_form td{ border:0 !important; padding:0 !important; margin:0 !important; background:none !important; }
body.ffa .cfvsw-shop-container{ display:flex !important; flex-wrap:wrap; gap:4px !important; justify-content:flex-start !important; }
body.ffa .cfvsw-shop-container .cfvsw-swatches-option{ min-width:26px !important; min-height:0 !important; margin:0 !important; padding:5px 4px !important; border:0 !important; border-radius:7px !important;
  background:var(--ffa-mist) !important; box-shadow:none !important; outline:0 !important; }
body.ffa .cfvsw-shop-container .cfvsw-swatch-inner{ font:500 11.5px/1 var(--ffa-body) !important; color:var(--ffa-ink) !important; text-align:center; }
body.ffa .cfvsw-shop-container .cfvsw-swatches-option:hover{ background:var(--ffa-lime) !important; }
body.ffa .cfvsw-shop-container .cfvsw-selected-swatch{ background:var(--ffa-o) !important; }
body.ffa .cfvsw-shop-container [class*="disable"], body.ffa .cfvsw-shop-container [class*="blur"]{ background:transparent !important; box-shadow:inset 0 0 0 1px #ececec !important; opacity:1 !important; }
body.ffa .cfvsw-shop-container [class*="disable"]::before, body.ffa .cfvsw-shop-container [class*="disable"]::after{ display:none !important; }
body.ffa .cfvsw-shop-container [class*="disable"] .cfvsw-swatch-inner, body.ffa .cfvsw-shop-container [class*="blur"] .cfvsw-swatch-inner{ color:#b3b3b3 !important; text-decoration:line-through; }
body.ffa ul.products .reset_variations{ display:none !important; }
/* badges: discount (Advanced Woo Labels), sold out (Blocksy), lights/anatomical (JS) */
body.ffa ul.products .advanced-woo-labels{ top:8px !important; left:8px !important; width:auto !important; gap:5px; flex-direction:column !important; align-items:flex-start; }
body.ffa ul.products .awl-label-text{ background:var(--ffa-pink) !important; border-radius:99px !important; padding:4px 9px !important; font:800 12px var(--ffa-display) !important; color:#fff !important; }
body.ffa ul.products .awl-product-label{ font-size:12px !important; }
body.ffa ul.products .out-of-stock-badge{ top:auto !important; bottom:8px !important; left:8px !important; right:auto !important; background:#fff !important; color:var(--ffa-ink) !important;
  border-radius:99px !important; padding:5px 10px !important; font:700 12px var(--ffa-body) !important; box-shadow:0 2px 8px rgba(0,0,0,.08); z-index:3; }
body.ffa ul.products li.product.outofstock figure img{ opacity:.55; }
body.ffa .ffa-badges{ position:absolute; z-index:4; left:8px; top:8px; display:flex; flex-direction:column; gap:5px; align-items:flex-start; pointer-events:none; }
body.ffa .advanced-woo-labels ~ .ffa-badges, body.ffa .ffa-badges.has-awl{ top:38px; }
body.ffa .ffa-badges span{ font:800 12px var(--ffa-display); padding:4px 9px; border-radius:99px; color:var(--ffa-ink); }
body.ffa .ffa-badges .lights{ background:var(--ffa-sun); }
body.ffa .ffa-badges .anat{ background:var(--ffa-lime); }

/* ---------- pagination ---------- */
body.ffa .ct-pagination{ display:flex; justify-content:center; align-items:center; flex-wrap:wrap; gap:8px; margin-top:40px; border:0 !important; }
body.ffa .ct-pagination > div{ display:flex !important; flex-wrap:wrap; gap:8px; }
body.ffa .ct-pagination .page-numbers{ min-width:46px; height:46px; border-radius:99px !important; display:inline-grid !important; place-items:center; padding:0 14px !important; margin:0 !important;
  font:800 16px var(--ffa-display) !important; color:var(--ffa-ink) !important; background:#fff !important; border:2px solid var(--ffa-line) !important; text-decoration:none !important; }
body.ffa .ct-pagination a.page-numbers:hover{ border-color:var(--ffa-ink) !important; }
body.ffa .ct-pagination .page-numbers.current{ background:var(--ffa-o) !important; border-color:var(--ffa-o) !important; box-shadow:0 4px 0 var(--ffa-od); }
body.ffa .ct-pagination .page-numbers.dots{ border:0 !important; background:none !important; min-width:24px; padding:0 !important; }
body.ffa .ct-pagination .next, body.ffa .ct-pagination .prev{ display:inline-flex !important; gap:8px; padding:0 18px !important; text-transform:none !important; letter-spacing:0 !important; }

/* ---------- responsive ---------- */
@media (max-width:999px){
  body.ffa ul.products{ display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:12px !important; }
  body.ffa .woocommerce-ordering, body.ffa .woocommerce-ordering select{ width:auto !important; max-width:none !important; }
  body.ffa .woocommerce-ordering select{ font-size:14px; padding:10px 38px 10px 16px; }
  body.ffa .woocommerce-ordering svg{ display:none !important; }
  body.ffa .woocommerce-ordering::after{ content:""; position:absolute; right:16px; top:50%; width:8px; height:8px; margin-top:-6px; border:solid var(--ffa-ink); border-width:0 2px 2px 0; transform:rotate(45deg); pointer-events:none; }
  body.ffa .ffa-hero{ padding:22px 0 26px; }
}
@media (max-width:689px){
  body.ffa .woocommerce-result-count{ flex-basis:100%; }
  body.ffa .ffa-bar-right{ width:100%; justify-content:space-between; margin-left:0; }
  body.ffa .ct-pagination .page-numbers{ min-width:40px; height:40px; padding:0 10px !important; font-size:15px !important; }
  body.ffa ul.products li.product .price{ font-size:17px !important; }
}
@media (prefers-reduced-motion:reduce){ body.ffa *, body.ffa *::before{ transition:none !important; } }
