/* Data-driven categories; no hard-coded depth or number of admin categories. */
.catalog-page{overflow-anchor:none}
.ct-navigation[aria-busy="true"] a,.ct-root-grid[aria-busy="true"] a{cursor:progress}
.catalog-page .ct-root-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;align-items:stretch!important;margin:16px 0 18px!important}
.ct-root{position:relative;display:flex;align-items:center;gap:12px;min-height:112px;min-width:0;padding:20px 16px;border:1px solid var(--line);border-radius:17px;background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm);transition:border-color .18s ease,background .18s ease,transform .18s ease}
.ct-root:hover{border-color:var(--primary);transform:translateY(-2px)}
.ct-root.is-active{border-color:var(--primary);background:var(--primary-soft)}
.ct-root-icon{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:13px;color:var(--primary-dark);background:var(--primary-soft);font-size:20px}
.ct-root-drops .ct-root-icon{color:#7c3aed;background:rgba(124,58,237,.10)}
.ct-root-skins .ct-root-icon{color:#0891b2;background:rgba(8,145,178,.10)}
.ct-root-sets .ct-root-icon{color:#d97706;background:rgba(217,119,6,.10)}
.ct-root-copy{display:grid;min-width:0;gap:4px}
.ct-root-copy strong{font-size:16px;line-height:1.35;letter-spacing:-.025em;overflow-wrap:anywhere}
.ct-root-copy small{font-size:10px;line-height:1.55;color:var(--muted);overflow-wrap:anywhere}
.ct-root-arrow{position:absolute;right:12px;top:12px;color:var(--muted-2);font-size:9px}
.catalog-page .ct-navigation{display:block!important;width:100%;padding:10px!important;overflow:visible!important;margin:0 0 20px!important;background:var(--surface);border:1px solid var(--line);border-radius:15px}
.ct-top-links,.ct-level-links{display:flex;align-items:center;flex-wrap:wrap;gap:7px;min-width:0}
.ct-chip{display:inline-flex;align-items:center;justify-content:center;min-height:40px;min-width:0;max-width:100%;padding:8px 14px;border:1px solid transparent;border-radius:10px;background:var(--surface-soft);color:var(--muted);font-size:12px;font-weight:700;line-height:1.5;text-align:center;white-space:normal;overflow-wrap:anywhere}
.ct-chip:hover{color:var(--primary-dark);background:var(--primary-soft)}
.ct-chip.is-active{border-color:var(--primary);color:#fff;background:#2563eb}
.ct-breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;list-style:none;padding:0;margin:14px 4px 0;color:var(--muted);font-size:11px;line-height:1.6}
.ct-breadcrumbs li{display:flex;align-items:center;gap:10px;min-width:0;max-width:100%;overflow-wrap:anywhere}
.ct-breadcrumbs a,.ct-breadcrumbs span{min-width:0;overflow-wrap:anywhere}
.ct-breadcrumbs a:hover{color:var(--primary-dark)}
.ct-breadcrumbs li>i{flex-shrink:0;font-size:8px;color:var(--muted-2)}
.ct-breadcrumbs [aria-current]{color:var(--text);font-weight:700}
.ct-level{padding-top:13px;margin-top:13px;border-top:1px solid var(--line)}
.ct-level p{margin:0 4px 9px;font-size:10px;color:var(--muted);font-weight:800;overflow-wrap:anywhere}
.ct-level .ct-chip{border-color:var(--line);background:var(--surface);font-size:11px}
.ct-level .ct-chip.is-active{border-color:var(--primary);background:var(--primary-soft);color:var(--primary-dark)}
.ct-product-path{margin:0 0 16px;gap:6px 9px;font-size:11px}
.ct-product-path li>i{font-size:8px}
.ct-root:focus-visible,.ct-chip:focus-visible,.ct-breadcrumbs a:focus-visible{outline:2px solid var(--primary);outline-offset:3px}
.ct-root,.ct-chip{scroll-margin-block:96px}
html[data-theme="dark"] .ct-root-drops .ct-root-icon{color:#c4b5fd}
html[data-theme="dark"] .ct-root-skins .ct-root-icon{color:#67e8f9}
html[data-theme="dark"] .ct-root-sets .ct-root-icon{color:#fcd34d}
@media(max-width:1000px){.ct-root{padding:17px 13px;gap:9px}.ct-root-icon{flex-basis:34px;width:34px;height:34px;font-size:17px}.ct-root-copy strong{font-size:14px}}
@media(max-width:740px){.catalog-page .ct-root-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.ct-root{min-height:94px;padding:16px 13px}.ct-root-copy strong{font-size:15px}.ct-root-copy small{font-size:10px}.catalog-page .ct-navigation{padding:9px!important}.ct-top-links,.ct-level-links{gap:6px}.ct-chip{min-height:42px;padding:8px 11px;font-size:11px}.ct-level .ct-chip{min-height:42px}.ct-breadcrumbs{margin-top:12px}}
@media(max-width:370px){.ct-root{gap:8px;padding:16px 10px}.ct-root-icon{flex-basis:28px;width:28px;height:32px;border-radius:9px;font-size:15px}.ct-root-copy strong{font-size:13px}.ct-root-copy small{font-size:9px}}
@media(prefers-reduced-motion:reduce){.ct-root{transition:none}.ct-root:hover{transform:none}}
.ct-chip-image{width:32px;height:32px;object-fit:contain;margin-right:7px;flex-shrink:0}
.ct-root-icon img{display:block;width:100%;height:100%;object-fit:contain}
.ct-skin-groups{display:flex;flex-wrap:wrap;gap:8px;padding-top:14px;margin-top:13px;border-top:1px solid var(--line);position:relative;z-index:20}
.ct-skin-group{position:relative;min-width:0;flex:1 1 120px}
.ct-skin-group summary{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px;padding:11px 14px;list-style:none;cursor:pointer;border:1px solid var(--line);border-radius:10px;background:var(--surface-soft);font-size:12px;font-weight:700;color:var(--muted);user-select:none}
.ct-skin-group summary::-webkit-details-marker{display:none}
.ct-skin-group summary span{min-width:0;overflow-wrap:anywhere}
.ct-skin-group summary i{font-size:9px;flex-shrink:0;transition:transform .15s}
.ct-skin-group[open]>summary,.ct-skin-group.is-active>summary{color:var(--primary-dark);border-color:var(--primary);background:var(--primary-soft)}
.ct-skin-group[open]>summary i{transform:rotate(180deg)}
.ct-skin-group summary:focus-visible,.ct-skin-item:focus-visible{outline:2px solid var(--primary);outline-offset:2px}
.ct-skin-menu{position:absolute;top:calc(100% + 6px);left:0;width:280px;max-width:calc(100vw - 48px);max-height:340px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--muted-2) transparent;padding:6px;border:1px solid var(--line);border-radius:13px;background:var(--surface);box-shadow:0 16px 42px rgba(0,0,0,.18)}
.ct-skin-group:last-child .ct-skin-menu{left:auto;right:0}
.ct-skin-item{display:flex;align-items:center;gap:10px;min-height:56px;padding:4px 10px;min-width:0;max-width:100%;border-radius:8px;color:var(--text);font-size:12px;line-height:1.45}
.ct-skin-item>span:last-of-type{flex:1;min-width:0;overflow-wrap:anywhere}
.ct-skin-item:hover,.ct-skin-item.is-active{background:var(--primary-soft);color:var(--primary-dark)}
.ct-skin-all{min-height:44px;margin-bottom:5px;border-bottom:1px solid var(--line);font-weight:700}
.ct-skin-all>i{width:48px;text-align:center;font-size:18px;flex-shrink:0}
.ct-skin-image{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;border-radius:9px;background:radial-gradient(circle,rgba(37,99,235,.12),transparent 75%)}
.ct-skin-image img{display:block;width:48px;height:48px;object-fit:contain}
.ct-skin-check{flex-shrink:0;font-size:10px;color:var(--primary-dark)}
@media(max-width:740px){.ct-skin-groups{display:block}.ct-skin-group{margin-bottom:6px}.ct-skin-group:last-child{margin-bottom:0}.ct-skin-menu{position:static;width:100%;max-width:100%;max-height:300px;margin-top:6px;box-shadow:none}.ct-skin-group summary{min-height:46px}.ct-skin-item{font-size:12px;min-height:54px}}
@media(prefers-reduced-motion:reduce){.ct-skin-group summary i{transition:none}}