/* Shop: the category tree in the sidebar, the breadcrumb, the "refine" row and the active-filter chips. */
.crumb{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px}
.crumb a{color:var(--blue2);font-weight:600}
.crumb a:hover{text-decoration:underline}
.crumb [aria-current]{color:var(--navy);font-weight:750}

/* ---- sidebar tree */
.cat-tree{margin-bottom:6px}
.cat-tree-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.cat-tree-head h4{margin-top:0}
.cat-clear{font-size:12px;font-weight:750;color:var(--blue2);text-decoration:underline;text-underline-offset:2px}
.cat-clear:hover{color:var(--orange2)}
.cat-search{position:relative;margin:2px 0 8px}
.cat-search svg{position:absolute;inset-inline-start:10px;top:50%;width:15px;height:15px;transform:translateY(-50%);fill:none;stroke:#7f93a8;stroke-width:2;stroke-linecap:round}
.cat-search input{width:100%;padding:8px 10px 8px 32px;border:1px solid var(--line);border-radius:9px;font:inherit;font-size:12.5px;background:#f7f9fc}
[dir="rtl"] .cat-search input{padding:8px 32px 8px 10px}
.cat-search input:focus{outline:none;border-color:var(--blue);background:#fff;box-shadow:0 0 0 3px rgba(28,122,196,.14)}
.cat-list{margin-inline:-6px;padding-inline:6px}
.cat-node[hidden],.cat-kid[hidden]{display:none}
.cat-row{display:flex;align-items:center;gap:2px}
.cat-toggle,.cat-toggle-gap{flex:none;width:24px;height:28px}
.cat-toggle{display:grid;place-items:center;padding:0;border:0;background:transparent;border-radius:7px;color:#6b7f93;cursor:pointer}
.cat-toggle:hover{background:#eaf2fa;color:var(--blue2)}
.cat-toggle svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .18s ease}
[dir="rtl"] .cat-toggle svg{transform:scaleX(-1)}
.cat-node.is-open>.cat-row .cat-toggle svg{transform:rotate(90deg)}
.cat-main{flex:1;min-width:0;display:flex;align-items:center;gap:8px;padding:5px 6px;border-radius:8px;font-weight:650}
.cat-main:hover,.cat-kid:hover{background:#f1f6fb}
.cat-count{margin-inline-start:auto;flex:none;font-size:11px;font-weight:700;color:#6b7f93;background:#eef3f8;border-radius:999px;padding:1px 8px;min-width:24px;text-align:center}
.cat-main:has(input:checked) .cat-count,.cat-kid:has(input:checked) .cat-count{background:var(--blue);color:#fff}
.cat-main:has(input:checked) .facet-name,.cat-kid:has(input:checked) .facet-name{color:var(--navy);font-weight:800}
.cat-kids-wrap{display:grid;grid-template-rows:0fr;transition:grid-template-rows .22s ease}
.cat-node.is-open>.cat-kids-wrap{grid-template-rows:1fr}
.cat-kids{overflow:hidden;min-height:0;margin-inline-start:15px;padding-inline-start:12px;border-inline-start:2px solid #e3ebf3;visibility:hidden;transition:visibility 0s .22s}
.cat-node.is-open>.cat-kids-wrap>.cat-kids{visibility:visible;transition-delay:0s}
.cat-kid{display:flex;align-items:center;gap:8px;padding:4px 6px;border-radius:8px;font-size:12.5px;color:#33465a}
.cat-empty{font-size:12.5px;color:var(--muted);padding:8px 4px}
.cat-main input,.cat-kid input{accent-color:var(--blue)}

/* ---- refine within a category */
.shop-refine{margin:0 0 14px;padding:12px 14px;background:linear-gradient(115deg,#f4f8fd 0%,#fff8f0 100%);border:1px solid #d9e3ed;border-radius:14px}
.shop-refine-label{display:block;margin-bottom:8px;font-size:11.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#5d7288}
.shop-refine-row{display:flex;gap:8px;overflow-x:auto;padding:4px 3px 8px;margin:-4px -3px -4px;scrollbar-width:thin;scroll-snap-type:x proximity}
.shop-refine-row>a{flex:none;display:inline-flex;align-items:center;gap:8px;padding:6px 12px 6px 7px;border:1px solid #d3deea;border-radius:999px;background:#fff;color:var(--navy);font-size:12.5px;scroll-snap-align:start;transition:border-color .15s,box-shadow .15s}
.shop-refine-row>a:first-child{padding-inline-start:14px}
.shop-refine-row>a:hover{border-color:var(--blue);box-shadow:0 0 0 1px var(--blue),0 4px 12px rgba(28,122,196,.16)}
.shop-refine-row>a.is-on{background:var(--navy);border-color:var(--navy);color:#fff}
.shop-refine-row .cmark{width:24px;height:24px;font-size:11px}
.shop-refine-row b{font-weight:700;white-space:nowrap}
.shop-refine-row small{font-size:11px;opacity:.7}

/* ---- active filters */
.shop-chips{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 14px}
.shop-chip{display:inline-flex;align-items:center;gap:8px;max-width:100%;padding:5px 10px 5px 12px;border-radius:999px;background:#e8f2fb;border:1px solid #c6dcf0;color:var(--navy);font-size:12.5px;font-weight:650;transition:background .15s}
.shop-chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.shop-chip i{font-style:normal;display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#fff;color:#c0392b;font-size:10px;font-weight:900;flex:none}
.shop-chip:hover{background:#fdecea;border-color:#f0b9b2}
.shop-chip-clear{font-size:12.5px;font-weight:750;color:var(--blue2);text-decoration:underline;text-underline-offset:2px;padding:4px 4px}
.shop-chip-clear:hover{color:var(--orange2)}
.shop-title{display:block}
.shop-top>div:first-child{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px}
@media (prefers-reduced-motion:reduce){.cat-kids-wrap,.cat-toggle svg,.shop-refine-row>a{transition:none}}
@media (max-width:900px){.shop-refine{padding:10px 12px}}

/* ---- industry facet and the "Categories in <industry>" row */
.shop-industry-cats{background:linear-gradient(115deg,#fff8f0 0%,#f4f8fd 100%)}

.ind-facet [data-ind-text][hidden]{display:none}