/* 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}

/* CommercePro 4.7 — product-detail topics deliberately override the generic 999px topic pill. */
body[class*="theme-"] .product-topic-links.product-topic-links-after-actions{width:100%!important;margin:12px 0 0!important;padding-top:12px!important;border-top:1px solid color-mix(in srgb,var(--line) 82%,transparent)!important;gap:7px!important}
body[class*="theme-"] .product-topic-links.product-topic-links-after-actions a{min-height:29px!important;padding:5px 9px!important;border-radius:5px!important;font-size:12.5px!important;font-weight:700!important;letter-spacing:.01em!important;box-shadow:none!important}
body[class*="theme-"] .product-topic-links.product-topic-links-after-actions .tag-tone-1{background:#edf7f1!important;border-color:#cce5d5!important;color:#285f42!important}
body[class*="theme-"] .product-topic-links.product-topic-links-after-actions .tag-tone-2{background:#edf4fb!important;border-color:#cbdff1!important;color:#275b80!important}
body[class*="theme-"] .product-topic-links.product-topic-links-after-actions .tag-tone-3{background:#fff5df!important;border-color:#eed9a9!important;color:#7b5a18!important}
body[class*="theme-"] .product-topic-links.product-topic-links-after-actions .tag-tone-4{background:#fff0ef!important;border-color:#efcfcc!important;color:#88433f!important}
body[class*="theme-"] .product-topic-links.product-topic-links-after-actions .tag-tone-5{background:#f4effa!important;border-color:#ddd0ed!important;color:#654c80!important}
body[class*="theme-"] .product-topic-links.product-topic-links-after-actions .tag-tone-6{background:#f2f4f5!important;border-color:#d9dfe1!important;color:#4e5d63!important}