/* CommercePro 3.6 catalog commerce controls — loaded after theme CSS. */
body[class*="theme-"] .card-actions.compact{display:flex;align-items:center;justify-content:flex-end;gap:7px}
body[class*="theme-"] .card-actions.compact .quick-add-form{display:block!important;flex:0 0 40px!important;margin:0!important;padding:0!important}
body[class*="theme-"] .card-actions.compact .card-primary-action,
body[class*="theme-"] .card-actions.compact .card-icon-action{display:grid!important;place-items:center!important;width:40px!important;height:36px!important;min-width:40px!important;min-height:36px!important;padding:0!important;margin:0!important;border:1px solid var(--line)!important;border-radius:6px!important;text-decoration:none!important;line-height:1!important;box-shadow:none!important;font-size:0!important;cursor:pointer!important}
body[class*="theme-"] .card-actions.compact .card-primary-action{background:var(--brand)!important;border-color:var(--brand)!important;color:#fff!important}
body[class*="theme-"] .card-actions.compact .card-primary-action.choose-options{background:var(--paper)!important;color:var(--brand)!important;border-color:color-mix(in srgb,var(--brand) 42%,var(--line))!important}
body[class*="theme-"] .card-actions.compact .card-primary-action.is-disabled{background:var(--cream)!important;color:var(--muted)!important;border-color:var(--line)!important}
body[class*="theme-"] .card-actions.compact .card-icon-action{background:var(--paper)!important;color:var(--ink)!important}
body[class*="theme-"] .card-actions.compact .card-primary-action svg,
body[class*="theme-"] .card-actions.compact .card-icon-action svg{display:block!important;width:18px!important;height:18px!important;min-width:18px!important;min-height:18px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.7!important;stroke-linecap:round!important;stroke-linejoin:round!important;pointer-events:none!important;visibility:visible!important;opacity:1!important}
body[class*="theme-"] .card-actions.compact .card-primary-action:hover,
body[class*="theme-"] .card-actions.compact .card-icon-action:hover{transform:translateY(-1px)!important;box-shadow:0 6px 18px rgba(15,23,42,.08)!important}
body[class*="theme-"] .card-actions.compact .compare-card.is-added{background:var(--brand)!important;border-color:var(--brand)!important;color:#fff!important}
@media(max-width:620px){body[class*="theme-"] .card-actions.compact .quick-add-form{flex-basis:38px!important}body[class*="theme-"] .card-actions.compact .card-primary-action,body[class*="theme-"] .card-actions.compact .card-icon-action{width:38px!important;min-width:38px!important;height:34px!important;min-height:34px!important}body[class*="theme-"] .card-actions.compact .card-primary-action svg,body[class*="theme-"] .card-actions.compact .card-icon-action svg{width:17px!important;height:17px!important}}


/* CommercePro 3.9 — topic / brand tags stay separated after theme CSS. */
body[class*="theme-"] .article-tags,body[class*="theme-"] .product-topic-links,body[class*="theme-"] .brand-tags{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:8px 10px!important;margin-top:18px!important}
body[class*="theme-"] .article-tags a,body[class*="theme-"] .product-topic-links a,body[class*="theme-"] .brand-tags a{display:inline-flex!important;align-items:center!important;min-height:30px!important;padding:5px 10px!important;margin:0!important;border:1px solid color-mix(in srgb,var(--ink) 16%,transparent)!important;border-radius:999px!important;background:color-mix(in srgb,var(--paper) 92%,var(--brand) 8%)!important;color:var(--ink)!important;text-decoration:none!important;line-height:1.25!important;white-space:nowrap!important}
body[class*="theme-"] .article-tags a:hover,body[class*="theme-"] .product-topic-links a:hover,body[class*="theme-"] .brand-tags a:hover{border-color:var(--brand)!important;color:var(--brand)!important}

body[class*="theme-"] .taxonomy-links{display:flex!important;align-items:center!important;justify-content:center!important;flex-wrap:wrap!important;gap:8px 10px!important;margin:20px auto 0!important}
body[class*="theme-"] .taxonomy-links a,body[class*="theme-"] .article-category-kicker{display:inline-flex!important;align-items:center!important;min-height:30px!important;padding:5px 10px!important;margin:0!important;border:1px solid color-mix(in srgb,var(--ink) 16%,transparent)!important;border-radius:999px!important;background:var(--paper)!important;color:var(--ink)!important;text-decoration:none!important;font-size:12px!important;font-weight:700!important;line-height:1.2!important}
body[class*="theme-"] .taxonomy-links a:hover,body[class*="theme-"] .article-category-kicker:hover{border-color:var(--brand)!important;color:var(--brand)!important}
body[class*="theme-"] .article-category-kicker{margin:0 8px 5px 0!important}