/* Global fix: theme sets body letter-spacing to -2px which squashes all body copy.
   Resetting the inherited default only - elements with their own tracking keep it. */
:root { --letter-spacing-body: normal !important; }
body { letter-spacing: normal !important; }

.acst-announce{background:linear-gradient(90deg,#2e1a6e 0%,#1a1060 50%,#2e1a6e 100%);text-align:center;padding:7px 16px;font-family:'Open Sans',Arial,sans-serif;font-size:.82rem;font-weight:700;color:#fff;letter-spacing:.12em;text-transform:uppercase}
.acst-announce a{color:#fff;text-decoration:none}

/* Tightened to match acservicetech.com: content sits in a ~1000px column
   instead of 1200px, with less vertical padding, so the band is compact. */
.acst-topbar{background:#fff;border-bottom:1px solid #e8e8e8;padding:6px 20px;font-family:'Open Sans',Arial,sans-serif}
.acst-topbar-inner{max-width:1000px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.acst-topbar-left{display:flex;flex-direction:column;gap:3px}
.acst-social-row{display:flex;align-items:center;gap:5px}
.acst-social-row a img{width:34px;height:34px;display:block}
.acst-join-link{font-size:.78rem;font-weight:700;color:#1a1460;text-decoration:none}
.acst-join-link:hover{text-decoration:underline}
.acst-topbar-logo{text-align:center;text-decoration:none}
.acst-topbar-logo img{height:84px;width:auto;display:block}
.acst-topbar-right{display:flex;align-items:center;gap:10px}
.acst-search-form{display:flex;align-items:center;border:1.5px solid #d0d0d0;border-radius:4px;overflow:hidden}
.acst-search-form input{border:none;outline:none;padding:7px 11px;font-size:.88rem;width:170px;font-family:inherit}
.acst-search-form button{background:none;border:none;cursor:pointer;padding:7px 9px;color:#666;font-size:1rem}
.acst-cart-link{position:relative;text-decoration:none;color:#1a1460;font-size:1.3rem}
.acst-cart-count{position:absolute;top:-6px;right:-8px;background:#1a1460;color:#fff;font-size:.65rem;font-weight:700;border-radius:50%;width:16px;height:16px;display:flex;align-items:center;justify-content:center}

.acst-navbar{background:#fff;border-bottom:2px solid #1a1460;font-family:'Open Sans',Arial,sans-serif;overflow:visible!important;position:relative;z-index:9000}
.acst-navbar-inner{max-width:1000px;margin:0 auto;padding:0 20px;display:flex;align-items:center;justify-content:center;gap:0;position:relative;overflow:visible!important}
.acst-navbar-inner>a,.acst-nav-dropdown>a{display:inline-block;padding:11px 12px;font-size:.8rem;font-weight:700;color:#1a1460;text-decoration:none;letter-spacing:.03em;text-transform:uppercase;border-bottom:3px solid transparent;transition:border-color .15s,color .15s;white-space:nowrap}
.acst-navbar-inner>a:hover,.acst-navbar-inner>a.active,.acst-nav-dropdown>a:hover,.acst-nav-dropdown:hover>a{color:#1a1460;border-bottom-color:#1a1460}
.acst-nav-dropdown{position:relative!important;overflow:visible!important}
.acst-dropdown-menu{display:none;position:fixed;background:#fff;border:1px solid #e0e0e0;box-shadow:0 4px 12px rgba(0,0,0,.18);min-width:200px;z-index:99999;padding:4px 0}
.acst-dropdown-menu a{display:block;padding:10px 18px;font-size:.83rem;font-weight:600;color:#1a1460;text-decoration:none;white-space:nowrap;font-family:'Open Sans',Arial,sans-serif;letter-spacing:normal;line-height:1.4}
.acst-dropdown-menu a:hover{background:#f0f0fa}
.acst-dropdown-label{display:block;padding:8px 18px 4px;font-size:.7rem;font-weight:800;color:#888;text-transform:uppercase;letter-spacing:.1em;pointer-events:none}
.acst-dropdown-wide{min-width:260px}
@media (max-width:900px){.acst-navbar-inner{justify-content:flex-start;padding:0 16px;min-height:48px}.acst-topbar-inner{flex-wrap:wrap}.acst-search-form input{width:130px}}

/* Product description template (.cmp) overrides.
   The theme's product-description CSS is more specific than the inline style
   block inside each product body, so it was forcing Host Grotesk and recolouring
   the headings to near-black. Fixed once here rather than in all 28 descriptions. */
.cmp, .cmp p, .cmp li, .cmp ul, .cmp h3, .cmp h4, .cmp summary, .cmp blockquote, .cmp cite, .cmp label{font-family:'Open Sans',Arial,sans-serif !important}
.cmp .feature h3, .cmp .trust h4, .cmp .quotes h3, .cmp details summary{color:#272263 !important}
.cmp .lede, .cmp .feature p, .cmp .panel, .cmp .panel li{color:#3f4a5a !important}
.cmp .cta{color:#fff !important;background:#272263 !important}
.cmp .cta:hover{background:#1a1460 !important}