.elementor-18 .elementor-element.elementor-element-9cf7ecf{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-18 .elementor-element.elementor-element-6227d79{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-18 .elementor-element.elementor-element-fd90650 .elementor-heading-title{color:#7B0323;}/* Start custom CSS for html, class: .elementor-element-319413f *//* Category title default color */
.chem-catalog .cc-toggle .cc-title {
  color: #7B0323;
  transition: color .16s ease, background-color .16s ease;
}

/* Category toggle default (transparent) and arrow color matching title */
.chem-catalog .cc-toggle {
  background: transparent;
  transition: background-color .16s ease, box-shadow .12s ease, transform .08s;
}
.chem-catalog .cc-toggle .cc-arrow {
  color: #7B0323;
  transition: color .16s ease, transform .16s ease;
}

/* Hover: fill with #7B0323 and make title + arrow white */
.chem-catalog .cc-toggle:hover,
.chem-catalog .cc-toggle:focus {
  background: #7B0323;
}
.chem-catalog .cc-toggle:hover .cc-title,
.chem-catalog .cc-toggle:focus .cc-title {
  color: #ffffff;
}
.chem-catalog .cc-toggle:hover .cc-arrow,
.chem-catalog .cc-toggle:focus .cc-arrow {
  color: #ffffff;
}

/* Expanded state: use the same filled style when aria-expanded="true" */
.chem-catalog .cc-toggle[aria-expanded="true"] {
  background: #7B0323;
}
.chem-catalog .cc-toggle[aria-expanded="true"] .cc-title {
  color: #ffffff;
}
.chem-catalog .cc-toggle[aria-expanded="true"] .cc-arrow {
  color: #ffffff;
  transform: rotate(90deg);
}

/* When not expanded keep arrow at original rotation but ensure color follows title */
.chem-catalog .cc-toggle[aria-expanded="false"] .cc-arrow {
  transform: rotate(0deg);
  color: #7B0323;
}

/* Preserve good contrast for counts (optional tweak if you want counts muted on filled background) */
.chem-catalog .cc-toggle .cc-count {
  color: #7B0323;
  font-weight:700;
}
.chem-catalog .cc-toggle[aria-expanded="true"] .cc-count,
.chem-catalog .cc-toggle:hover .cc-count,
.chem-catalog .cc-toggle:focus .cc-count {
  color: rgba(255,255,255,0.9);
}

/* Touch devices: avoid hover fill but keep tap/focus styles */
@media (hover: none) {
  .chem-catalog .cc-toggle:hover { background: transparent; }
  .chem-catalog .cc-toggle:focus,
  .chem-catalog .cc-toggle[aria-expanded="true"] { background: #7B0323; }
}

/* Small accessibility tweak: increase hit area */
.chem-catalog .cc-toggle { padding: 14px 18px; border-radius: 6px; }
/* Make the arrow white on hover/focus and when expanded */
.chem-catalog .cc-toggle:hover .cc-arrow,
.chem-catalog .cc-toggle:focus .cc-arrow,
.chem-catalog .cc-toggle[aria-expanded="true"] .cc-arrow {
  color: #ffffff !important;
}
/* Hide the per-category counts visually */
.chem-catalog .cc-count { display: none !important; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6227d79 *//* Core layout + visuals */
.chem-catalog{font-family:Inter,system-ui,Arial,Helvetica,sans-serif;max-width:1100px;margin:10px auto}
.cc-controls{display:flex;align-items:center;gap:8px;flex-wrap:nowrap}
.cc-search{flex:1 1 auto;min-width:220px;padding:8px 10px;border-radius:8px;border:1px solid #e6eef8}
.cc-btn{padding:8px 10px;border-radius:8px;border:1px solid #e6eef8;background:transparent;cursor:pointer;white-space:nowrap}
.cc-results{color:#6b7280;font-size:13px;margin-left:8px}
.cc-accordion{background:#fff;border:1px solid #e6eef8;border-radius:10px;overflow:hidden}
.cc-item{border-bottom:1px solid #eef6ff}
.cc-item:last-child{border-bottom:0}
.cc-toggle{width:100%;background:transparent;border:0;padding:14px 18px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-weight:600}
.cc-title{font-size:15px;color:#7B0323}
.cc-count{color:#7B0323;margin-left:8px;font-weight:700}
.cc-arrow{transition:transform .22s}
.cc-panel{max-height:0;overflow:hidden;transition:max-height .26s ease;padding:0 18px}
.cc-list{list-style:none;padding:12px 0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:6px}
.cc-list li{background:#fbfdff;border:1px solid #eef6ff;padding:8px 10px;border-radius:6px;font-size:13px;color:#334155}

/* Requested color customization for search & buttons */
.chem-catalog .cc-search:focus,
.chem-catalog .cc-search:active {
  outline: 2px solid #7B0323;
  box-shadow: 0 0 0 3px rgba(123,3,35,0.08);
}

/* Buttons next to search: default text color and outline #7B0323 */
.chem-catalog .cc-controls .cc-btn {
  color: #7B0323 !important;
  border-color: #7B0323 !important;
  background: transparent !important;
  transition: background-color .18s ease, color .18s ease, box-shadow .12s ease, transform .08s;
}

/* Hover: filled #7B0323 with white text */
.chem-catalog .cc-controls .cc-btn:hover {
  background: #7B0323 !important;
  color: #ffffff !important;
  border-color: #7B0323 !important;
  box-shadow: 0 6px 12px rgba(123,3,35,0.10);
  transform: translateY(-1px);
}

/* Focus / active */
.chem-catalog .cc-controls .cc-btn:focus,
.chem-catalog .cc-controls .cc-btn:active {
  outline: 2px solid #7B0323 !important;
  box-shadow: 0 0 0 4px rgba(123,3,35,0.08) !important;
}

/* Keep pointer events and stacking for controls */
.chem-catalog .cc-controls,
.chem-catalog .cc-controls * {
  pointer-events: auto !important;
  z-index: 50;
}

/* Hover for list items: subtle */
.chem-catalog .cc-list li:hover {
  background: rgba(123,3,35,0.04);
  color: #111827;
  border-color: rgba(123,3,35,0.10);
  transform: translateY(-2px);
  box-shadow: 0 6px 14px rgba(11,17,26,0.04);
}

/* Accessibility and small screens */
.cc-toggle:focus, .cc-search:focus, .cc-btn:focus { outline-offset: 2px; }
@media (max-width:480px){
  .cc-controls{flex-wrap:wrap}
  .cc-search{min-width:140px}
  .cc-controls .cc-btn{font-size:13px;padding:6px 8px}
  .cc-list{grid-template-columns:1fr}
}

/* Prevent touch devices from heavy transform */
@media (hover: none){
  .chem-catalog .cc-list li:hover{ transform:none; box-shadow:none; }
  .chem-catalog .cc-controls .cc-btn:hover{ background:transparent !important; color:#7B0323 !important; box-shadow:none !important; transform:none; }
}/* End custom CSS */