/* codecex v1.18.13: structural-only header, theme-safe cards */
/* Desktop header style 2: navigation left / brand precisely centered / actions right. */
@media (min-width: 801px) {
 body:has(#cm1804-style-data[data-header="2"]) header.topbar .top-inner {
  display:grid!important; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;
  grid-template-rows:auto!important; grid-template-areas:"nav brand actions"!important;
  align-items:center!important; column-gap:clamp(14px,2vw,32px)!important;
  min-height:75px!important;
 }
 body:has(#cm1804-style-data[data-header="2"]) header.topbar .top-inner::before {content:none!important;display:none!important}
 body:has(#cm1804-style-data[data-header="2"]) header.topbar .top-inner>.desktop-nav {
  grid-area:nav!important; display:flex!important; flex-wrap:wrap; align-items:center;
  justify-content:flex-start!important; justify-self:start!important; width:auto!important;
  min-width:0; gap:8px 18px!important; margin:0!important; padding:0!important;
  border:0!important; text-align:left!important;
 }
 body:has(#cm1804-style-data[data-header="2"]) header.topbar .top-inner>.brand {
  grid-area:brand!important; place-self:center!important; margin:0!important; text-align:center!important;
 }
 body:has(#cm1804-style-data[data-header="2"]) header.topbar .top-inner>.nav-actions {
  grid-area:actions!important; justify-self:end!important; margin:0!important;
 }
}
/* Category Style 1: refined compact grid, still the original semantic card. */
.category-row{gap:clamp(10px,1.5vw,20px)}
.category-row>.category-card {
 position:relative; min-width:0; overflow:hidden; border:1px solid var(--cm-border,#e2e8f0);
 border-radius:15px; background:var(--cm-card-bg,#fff); color:var(--cm-card-text,inherit);
 padding:clamp(16px,2vw,24px); box-shadow:none!important;
 transition:border-color .18s ease,transform .18s ease;
}
.category-row>.category-card:hover,.category-row>.category-card:focus-visible {
 border-color:var(--cm-primary,#669c36); transform:translateY(-2px); box-shadow:none!important;
}
.category-row>.category-card strong{min-width:0;overflow-wrap:anywhere;line-height:1.35}
.category-row>.category-card small{opacity:.75}
.category-row>.category-card .category-icon{border-radius:12px;background:color-mix(in srgb,var(--cm-primary,#669c36) 12%,transparent);color:var(--cm-primary,#669c36)}
/* Category Style 2: a genuinely different wide horizontal tile. No fixed palette. */
body:has(#cm1804-style-data[data-categories="2"]) .category-row {
 display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important;
}
body:has(#cm1804-style-data[data-categories="2"]) .category-row>.category-card {
 display:grid!important; grid-template-columns:64px minmax(0,1fr) 24px!important;
 grid-template-rows:auto auto!important;align-content:center;align-items:center!important;
 gap:4px 16px!important;min-height:124px!important;padding:22px!important;
 border-radius:18px!important;border:1px solid var(--cm-border,#e2e8f0)!important;
 background:var(--cm-card-bg,#fff)!important;color:var(--cm-card-text,inherit)!important;
}
body:has(#cm1804-style-data[data-categories="2"]) .category-row>.category-card .category-icon {
 grid-column:1;grid-row:1/3;width:64px;height:64px;display:grid;place-items:center;
 font-size:26px;border-radius:14px;background:color-mix(in srgb,var(--cm-primary,#669c36) 12%,transparent);
}
body:has(#cm1804-style-data[data-categories="2"]) .category-row>.category-card strong {grid-column:2;grid-row:1;font-size:clamp(17px,1.8vw,21px)}
body:has(#cm1804-style-data[data-categories="2"]) .category-row>.category-card small{grid-column:2;grid-row:2;font-size:13px}
body:has(#cm1804-style-data[data-categories="2"]) .category-row>.category-card::after {
 content:"→";grid-column:3;grid-row:1/3;justify-self:end;color:var(--cm-primary,#669c36);font-size:21px;
}
@media (max-width:800px){
 body:has(#cm1804-style-data[data-categories="2"]) .category-row{grid-template-columns:1fr!important}
}
@media (max-width:450px){
 body:has(#cm1804-style-data[data-categories="2"]) .category-row>.category-card {grid-template-columns:48px minmax(0,1fr) 16px!important;min-height:94px!important;padding:14px!important;gap:3px 10px!important}
 body:has(#cm1804-style-data[data-categories="2"]) .category-row>.category-card .category-icon{width:48px;height:48px;font-size:20px}
}

/* v1.18.20 — Sticky header, controlled by Live Editor; defaults enabled. */
body:has(#cm1804-style-data[data-header-sticky="1"]) header.topbar{position:sticky!important;top:0;z-index:1000}
body:has(#cm1804-style-data[data-header-sticky="0"]) header.topbar{position:relative!important;top:auto!important}