/* Avalon Chemist Pty Ltd — shared site styles */

* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; color: #1a1a1a; background: #ffffff; line-height: 1.5; -webkit-font-smoothing: antialiased; }

a { color: inherit; text-decoration: none; }

/* Topbar */
.av-topbar { display: flex; justify-content: space-between; align-items: center; padding: 7px 22px; background: #04342C; color: #9FE1CB; font-size: 11.5px; }
.av-topbar .av-tag { display: inline-flex; align-items: center; gap: 6px; }
.av-topbar .av-tag .dot { width: 6px; height: 6px; border-radius: 50%; background: #5DCAA5; display: inline-block; }

/* Header */
.av-header { display: flex; align-items: center; justify-content: space-between; padding: 16px 22px; border-bottom: 0.5px solid #E5E5E5; gap: 18px; }
.av-logo { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }
.av-mark { width: 34px; height: 34px; border-radius: 50%; background: #0F6E56; color: #E1F5EE; display: flex; align-items: center; justify-content: center; font-weight: 500; font-size: 14px; letter-spacing: 0.5px; }
.av-name-block { display: flex; flex-direction: column; line-height: 1.15; }
.av-name { font-size: 16px; font-weight: 500; letter-spacing: 0.2px; }
.av-tagline { font-size: 10px; color: #888; letter-spacing: 1.2px; text-transform: uppercase; }
.av-header-email { display: flex; flex-direction: column; align-items: flex-end; line-height: 1.2; flex-shrink: 0; }
.av-header-email .lbl { font-size: 9.5px; letter-spacing: 0.5px; color: #888; text-transform: uppercase; }
.av-header-email .em { font-size: 13px; font-weight: 500; color: #1a1a1a; font-family: Menlo, Monaco, "Courier New", monospace; }
.av-cta { background: #0F6E56; color: #E1F5EE; border: none; padding: 0 16px; height: 38px; border-radius: 6px; font-size: 13px; font-weight: 500; cursor: pointer; display: inline-flex; align-items: center; gap: 7px; flex-shrink: 0; }
.av-cta:hover { background: #085041; }
.av-cta svg { width: 14px; height: 14px; }

/* Nav */
.av-nav { display: flex; align-items: center; gap: 4px; padding: 0 22px; border-bottom: 0.5px solid #E5E5E5; }
.av-nav-item { padding: 12px 14px; font-size: 13px; font-weight: 500; color: #555; user-select: none; }
.av-nav-item:hover { color: #1a1a1a; }
.av-nav-item.active { color: #1a1a1a; position: relative; }
.av-nav-item.active::after { content: ''; position: absolute; bottom: -0.5px; left: 14px; right: 14px; height: 2px; background: #0F6E56; }
.av-nav-spacer { flex: 1; }
.av-nav-meta { font-size: 11px; color: #888; }

/* Page heading common */
.av-head { padding: 36px 22px 28px; background: linear-gradient(180deg, #E6F1FB 0%, #F4F8FD 100%); border-bottom: 0.5px solid #E5E5E5; }
.av-head-inner { max-width: 880px; margin: 0 auto; }
.av-bc { font-size: 11px; color: #185FA5; margin-bottom: 10px; letter-spacing: 0.2px; }
.av-bc span { color: #888; margin: 0 6px; }
.av-head h1 { font-size: 30px; font-weight: 500; line-height: 1.18; margin: 0 0 10px; letter-spacing: -0.4px; color: #042C53; }
.av-head p.lede { font-size: 13.5px; line-height: 1.6; margin: 0; color: #0C447C; max-width: 640px; }

/* Footer */
.av-footer { background: #FAFAFA; border-top: 0.5px solid #E5E5E5; padding: 28px 22px 18px; margin-top: 32px; }
.av-footer-grid { display: grid; grid-template-columns: 1.4fr 1fr 1fr 1fr; gap: 24px; margin-bottom: 22px; max-width: 1200px; margin-left: auto; margin-right: auto; }
.av-footer-col h5 { font-size: 11px; letter-spacing: 1px; text-transform: uppercase; margin: 0 0 12px; color: #555; font-weight: 500; }
.av-footer-col ul { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 8px; }
.av-footer-col li { font-size: 12px; color: #555; }
.av-footer-col li a { color: #555; }
.av-footer-col li a:hover { color: #1a1a1a; }
.av-footer-brand p { font-size: 12px; color: #555; line-height: 1.6; margin: 8px 0 12px; max-width: 280px; }
.av-footer-contact { font-size: 11.5px; color: #555; line-height: 1.7; }
.av-footer-contact strong { color: #1a1a1a; font-weight: 500; }
.av-footer-contact .em { font-family: Menlo, Monaco, "Courier New", monospace; font-size: 11.5px; }

.av-meta-row { max-width: 1200px; margin: 0 auto 14px; display: flex; flex-wrap: wrap; gap: 10px; padding: 14px 0; border-top: 0.5px solid #E5E5E5; border-bottom: 0.5px solid #E5E5E5; }
.av-meta-badge { display: flex; align-items: center; gap: 8px; padding: 6px 10px; background: #fff; border: 0.5px solid #E5E5E5; border-radius: 6px; }
.av-meta-badge .ic { width: 22px; height: 22px; border-radius: 4px; display: flex; align-items: center; justify-content: center; }
.av-meta-badge .lbl { font-size: 9px; color: #888; letter-spacing: 0.4px; text-transform: uppercase; line-height: 1.2; }
.av-meta-badge .val { font-size: 11px; font-weight: 500; color: #1a1a1a; line-height: 1.2; }

.av-disclaimer { max-width: 1200px; margin: 0 auto; font-size: 10.5px; color: #888; line-height: 1.6; padding: 8px 0; }
.av-base { max-width: 1200px; margin: 8px auto 0; display: flex; justify-content: space-between; align-items: center; font-size: 10.5px; color: #888; flex-wrap: wrap; gap: 8px; }
.av-base-links { display: flex; gap: 14px; }
.av-base-links a { color: #888; }
.av-base-links a:hover { color: #555; }

/* Simple footer (used on internal pages) */
.av-footer-simple { background: #FAFAFA; border-top: 0.5px solid #E5E5E5; padding: 22px 22px 16px; margin-top: 32px; font-size: 11px; color: #888; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 10px; }
.av-footer-simple .links { display: flex; gap: 16px; }
.av-footer-simple .links a { color: #888; }
.av-footer-simple .links a:hover { color: #555; }

/* Hero (homepage) */
.av-hero { padding: 36px 22px; background: linear-gradient(180deg, #E6F1FB 0%, #F4F8FD 100%); display: grid; grid-template-columns: 1.15fr 1fr; gap: 28px; align-items: center; }
.av-hero-eye { font-size: 10px; letter-spacing: 1.5px; text-transform: uppercase; color: #185FA5; padding: 5px 10px; background: rgba(255,255,255,0.7); border-radius: 12px; display: inline-flex; align-items: center; gap: 8px; margin-bottom: 14px; }
.av-hero-eye .dot { width: 6px; height: 6px; border-radius: 50%; background: #185FA5; }
.av-hero h1 { font-size: 30px; font-weight: 500; line-height: 1.18; margin: 0 0 14px; letter-spacing: -0.4px; color: #042C53; }
.av-hero p.lede { font-size: 14px; line-height: 1.65; margin: 0 0 22px; color: #0C447C; max-width: 480px; }
.av-hero-actions { display: flex; gap: 10px; }
.av-hero-btn { padding: 10px 16px; border-radius: 6px; font-size: 13px; font-weight: 500; border: none; cursor: pointer; display: inline-flex; align-items: center; gap: 6px; text-decoration: none; }
.av-hero-btn.primary { background: #0F6E56; color: #E1F5EE; }
.av-hero-btn.primary:hover { background: #085041; }
.av-hero-btn.secondary { background: rgba(255,255,255,0.6); color: #0C447C; border: 0.5px solid #B5D4F4; }
.av-hero-btn.secondary:hover { background: rgba(255,255,255,0.95); }

.av-brand-preview { background: #fff; border: 0.5px solid #E5E5E5; border-radius: 10px; padding: 16px; }
.av-brand-preview-head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px; }
.av-brand-preview-head .ttl { font-size: 11px; color: #888; letter-spacing: 0.6px; text-transform: uppercase; font-weight: 500; }
.av-brand-preview-head .cnt { font-size: 11px; color: #185FA5; font-weight: 500; }
.av-brand-grid-mini { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.av-brand-mini { aspect-ratio: 16/9; background: #FAFAFA; border: 0.5px solid #E5E5E5; border-radius: 6px; display: flex; align-items: center; justify-content: center; font-size: 13px; font-weight: 500; color: #1a1a1a; padding: 6px; text-align: center; line-height: 1.2; }
.av-brand-mini.more { background: #E1F5EE; color: #0F6E56; border-color: #9FE1CB; font-size: 11.5px; }

.av-how-banner { padding: 18px 22px; background: #FAFAFA; border-bottom: 0.5px solid #E5E5E5; display: flex; align-items: center; justify-content: space-between; gap: 22px; flex-wrap: wrap; }
.av-how-banner .av-how-title { font-size: 11px; letter-spacing: 1.2px; text-transform: uppercase; color: #555; font-weight: 500; flex-shrink: 0; }
.av-how-flow { display: flex; align-items: center; gap: 10px; flex: 1; justify-content: center; flex-wrap: wrap; }
.av-how-flow .step { display: flex; align-items: center; gap: 8px; font-size: 12px; color: #1a1a1a; }
.av-how-flow .step .n { width: 20px; height: 20px; border-radius: 50%; background: #0F6E56; color: #E1F5EE; font-size: 10px; font-weight: 500; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.av-how-flow .arrow { color: #888; font-size: 14px; }
.av-how-note { font-size: 11px; color: #888; flex-shrink: 0; }

/* Sections */
.av-section { padding: 32px 22px; max-width: 1200px; margin: 0 auto; }
.av-section.constrained { max-width: 980px; }
.av-section-head { display: flex; justify-content: space-between; align-items: end; margin-bottom: 20px; flex-wrap: wrap; gap: 12px; }
.av-section-head h2 { font-size: 18px; font-weight: 500; margin: 0 0 4px; }
.av-section-head p { font-size: 12.5px; color: #555; margin: 0; }

/* Toolbar (search/filter on Brands page) */
.av-toolbar { padding: 18px 22px; background: #fff; border-bottom: 0.5px solid #E5E5E5; display: flex; gap: 14px; align-items: center; flex-wrap: wrap; max-width: 980px; margin: 0 auto; }
.av-search { position: relative; flex: 1; min-width: 240px; max-width: 360px; }
.av-search input { width: 100%; height: 36px; padding: 0 12px 0 34px; border-radius: 6px; border: 0.5px solid #E5E5E5; background: #FAFAFA; font-size: 13px; color: #1a1a1a; font-family: inherit; }
.av-search input:focus { outline: none; border-color: #0F6E56; background: #fff; }
.av-search input::placeholder { color: #888; }
.av-search svg { position: absolute; left: 11px; top: 10px; width: 14px; height: 14px; color: #888; }
.av-search .clear { position: absolute; right: 8px; top: 8px; width: 20px; height: 20px; border-radius: 4px; background: #FAFAFA; border: none; cursor: pointer; display: none; align-items: center; justify-content: center; color: #555; padding: 0; }
.av-search .clear svg { position: static; width: 10px; height: 10px; }
.av-search.has-value .clear { display: flex; }

.av-cat-filter { display: flex; gap: 6px; flex-wrap: wrap; }
.av-cat-pill { padding: 7px 12px; border-radius: 16px; border: 0.5px solid #E5E5E5; background: #fff; color: #555; font-size: 11.5px; font-weight: 500; cursor: pointer; font-family: inherit; display: inline-flex; align-items: center; gap: 6px; transition: all 0.2s; }
.av-cat-pill:hover { border-color: #ccc; color: #1a1a1a; }
.av-cat-pill.active { background: #04342C; color: #E1F5EE; border-color: #04342C; }
.av-cat-pill .cnt { font-size: 10px; opacity: 0.7; }

.av-result-meta { padding: 12px 22px 0; max-width: 980px; margin: 0 auto; font-size: 12px; color: #555; display: flex; justify-content: space-between; align-items: center; }
.av-sort { display: flex; align-items: center; gap: 6px; font-size: 11.5px; color: #888; }
.av-sort select { font-family: inherit; font-size: 11.5px; padding: 4px 8px; border-radius: 6px; border: 0.5px solid #E5E5E5; background: #fff; color: #1a1a1a; cursor: pointer; }

/* Brand grid */
.av-brand-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
.av-brand-card { background: #fff; border: 0.5px solid #E5E5E5; border-radius: 10px; padding: 18px 16px; display: flex; flex-direction: column; gap: 10px; transition: all 0.2s; min-height: 150px; text-decoration: none; color: inherit; }
.av-brand-card.hidden { display: none; }
.av-brand-card:hover { border-color: #ccc; }
.av-brand-wordmark { font-size: 17px; font-weight: 500; color: #1a1a1a; letter-spacing: 0.1px; line-height: 1.2; margin-bottom: 2px; }
.av-brand-blurb { font-size: 11.5px; color: #555; line-height: 1.5; flex: 1; }
.av-brand-meta { font-size: 11px; display: flex; justify-content: space-between; align-items: center; margin-top: auto; }
.av-brand-tag { font-size: 9.5px; padding: 2px 7px; border-radius: 3px; font-weight: 500; letter-spacing: 0.4px; text-transform: uppercase; }
.av-brand-tag.mobility { background: #EEEDFE; color: #534AB7; }
.av-brand-tag.dailyliving { background: #E6F1FB; color: #185FA5; }
.av-brand-tag.ppe { background: #FAECE7; color: #993C1D; }
.av-brand-tag.supplements { background: #E1F5EE; color: #0F6E56; }
.av-brand-tag.bodycare { background: #FAEEDA; color: #854F0B; }
.av-brand-tag.cosmetics { background: #FBEAF0; color: #993556; }
.av-brand-cta { display: flex; align-items: center; gap: 4px; color: #555; font-size: 11px; font-weight: 500; }
.av-brand-card:hover .av-brand-cta { color: #0F6E56; }
.av-brand-cta svg { width: 11px; height: 11px; transition: transform 0.2s; }
.av-brand-card:hover .av-brand-cta svg { transform: translate(2px, -2px); }
.av-brand-result-meta { font-size: 11.5px; color: #555; margin-top: 14px; padding-top: 12px; border-top: 0.5px solid #E5E5E5; }
.av-brand-result-meta a { color: #0F6E56; font-weight: 500; }

/* Empty state */
.av-empty { display: none; padding: 42px 20px; text-align: center; background: #fff; border: 0.5px dashed #E5E5E5; border-radius: 10px; }
.av-empty.shown { display: block; }
.av-empty-icon { width: 44px; height: 44px; margin: 0 auto 12px; border-radius: 50%; background: #FAFAFA; display: flex; align-items: center; justify-content: center; color: #888; }
.av-empty-icon svg { width: 20px; height: 20px; }
.av-empty h3 { margin: 0 0 6px; font-size: 14px; font-weight: 500; }
.av-empty p { margin: 0 0 16px; font-size: 12.5px; color: #555; line-height: 1.55; max-width: 380px; margin-left: auto; margin-right: auto; }
.av-empty a.email-link { color: #0F6E56; font-weight: 500; }
.av-empty a.email-link:hover { text-decoration: underline; }

/* Categories grid */
.av-cat-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.av-cat { padding: 18px; border-radius: 10px; border: 0.5px solid #E5E5E5; background: #fff; transition: all 0.2s; display: flex; gap: 14px; align-items: flex-start; text-decoration: none; color: inherit; }
.av-cat:hover { border-color: #ccc; }
.av-cat-icon { width: 38px; height: 38px; border-radius: 6px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.av-cat-icon svg { width: 18px; height: 18px; }
.av-cat-text { flex: 1; }
.av-cat-title { font-size: 14px; font-weight: 500; margin: 0 0 3px; color: #1a1a1a; }
.av-cat-brands { font-size: 11.5px; color: #555; }
.av-cat[data-v="mobility"] .av-cat-icon { background: #EEEDFE; color: #534AB7; }
.av-cat[data-v="dailyliving"] .av-cat-icon { background: #E6F1FB; color: #185FA5; }
.av-cat[data-v="ppe"] .av-cat-icon { background: #FAECE7; color: #993C1D; }
.av-cat[data-v="supplements"] .av-cat-icon { background: #E1F5EE; color: #0F6E56; }
.av-cat[data-v="bodycare"] .av-cat-icon { background: #FAEEDA; color: #854F0B; }
.av-cat[data-v="cosmetics"] .av-cat-icon { background: #FBEAF0; color: #993556; }

/* Enquiry strip (homepage) */
.av-enq-strip { margin: 12px 22px 28px; padding: 24px 26px; background: #04342C; color: #E1F5EE; border-radius: 10px; display: flex; gap: 28px; align-items: center; justify-content: space-between; flex-wrap: wrap; max-width: 1156px; margin-left: auto; margin-right: auto; }
.av-enq-strip h3 { margin: 0 0 6px; font-size: 17px; font-weight: 500; color: #E1F5EE; }
.av-enq-strip p { margin: 0; font-size: 12.5px; color: #9FE1CB; line-height: 1.5; max-width: 380px; }
.av-enq-mini { background: rgba(255,255,255,0.05); border: 0.5px solid rgba(159,225,203,0.3); border-radius: 6px; padding: 12px 16px; min-width: 240px; }
.av-enq-mini .row { display: flex; justify-content: space-between; padding: 4px 0; font-size: 11.5px; color: #9FE1CB; }
.av-enq-mini .row strong { color: #E1F5EE; font-weight: 500; }
.av-enq-btn { background: #E1F5EE; color: #04342C; border: none; padding: 10px 16px; border-radius: 6px; font-size: 13px; font-weight: 500; cursor: pointer; font-family: inherit; display: inline-flex; align-items: center; gap: 6px; justify-content: center; flex-shrink: 0; text-decoration: none; }
.av-enq-btn:hover { background: #9FE1CB; }

/* CTA strip (down-page sections) */
.av-cta-strip { background: #04342C; color: #E1F5EE; border-radius: 10px; padding: 28px 26px; text-align: center; max-width: 980px; margin: 0 auto 28px; }
.av-cta-strip h3 { margin: 0 0 8px; font-size: 18px; font-weight: 500; color: #E1F5EE; }
.av-cta-strip p { margin: 0 auto 18px; font-size: 13px; color: #9FE1CB; line-height: 1.55; max-width: 480px; }
.av-cta-actions { display: inline-flex; gap: 10px; flex-wrap: wrap; justify-content: center; }
.av-cta-btn { padding: 10px 18px; border-radius: 6px; font-size: 13px; font-weight: 500; cursor: pointer; font-family: inherit; display: inline-flex; align-items: center; gap: 7px; border: none; text-decoration: none; }
.av-cta-btn.primary { background: #E1F5EE; color: #04342C; }
.av-cta-btn.primary:hover { background: #9FE1CB; }
.av-cta-btn.outline { background: transparent; color: #E1F5EE; border: 0.5px solid #5DCAA5; }
.av-cta-btn.outline:hover { background: rgba(225,245,238,0.08); }
.av-cta-btn svg { width: 13px; height: 13px; }

/* About page extras */
.av-stats { padding: 22px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; max-width: 980px; margin: 0 auto; }
.av-stat { background: #fff; border: 0.5px solid #E5E5E5; border-radius: 6px; padding: 16px 18px; }
.av-stat .num { font-size: 22px; font-weight: 500; color: #042C53; line-height: 1.1; }
.av-stat .lbl { font-size: 11px; color: #555; margin-top: 4px; }

.av-a-body { max-width: 980px; margin: 0 auto; padding: 8px 22px 32px; }
.av-intro { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; margin-bottom: 28px; }
.av-card { background: #fff; border: 0.5px solid #E5E5E5; border-radius: 10px; padding: 24px; }
.av-card .eyebrow { font-size: 10px; letter-spacing: 1.2px; text-transform: uppercase; color: #0F6E56; font-weight: 500; margin-bottom: 8px; }
.av-card h2 { font-size: 17px; font-weight: 500; margin: 0 0 12px; }
.av-card p { font-size: 13px; line-height: 1.65; color: #555; margin: 0 0 12px; }
.av-card p:last-child { margin-bottom: 0; }
.av-card p strong { color: #1a1a1a; font-weight: 500; }

.av-do-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-bottom: 28px; }
.av-do-card { background: #fff; border: 0.5px solid #E5E5E5; border-radius: 10px; padding: 22px; }
.av-do-card.we-do { background: #F4FBF8; border-color: #9FE1CB; }
.av-do-card.we-dont { background: #FAEEDA; border-color: #FAC775; }
.av-do-head { display: flex; align-items: center; gap: 10px; margin-bottom: 14px; }
.av-do-icon { width: 28px; height: 28px; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.av-do-card.we-do .av-do-icon { background: #0F6E56; color: #E1F5EE; }
.av-do-card.we-dont .av-do-icon { background: #854F0B; color: #FAEEDA; }
.av-do-icon svg { width: 14px; height: 14px; }
.av-do-card h3 { margin: 0; font-size: 14px; font-weight: 500; }
.av-do-card.we-do h3 { color: #04342C; }
.av-do-card.we-dont h3 { color: #2E1B04; }
.av-do-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 9px; }
.av-do-list li { display: flex; gap: 9px; align-items: flex-start; font-size: 12.5px; line-height: 1.5; }
.av-do-list li svg { width: 13px; height: 13px; flex-shrink: 0; margin-top: 3px; }
.av-do-card.we-do .av-do-list li { color: #04342C; }
.av-do-card.we-do .av-do-list li svg { color: #0F6E56; }
.av-do-card.we-dont .av-do-list li { color: #2E1B04; }
.av-do-card.we-dont .av-do-list li svg { color: #854F0B; }

/* Categories page */
.cat-jump { padding: 14px 22px; background: #fff; border-bottom: 0.5px solid #E5E5E5; display: flex; gap: 6px; flex-wrap: wrap; max-width: 880px; margin: 0 auto; align-items: center; }
.cat-jump-label { font-size: 10px; letter-spacing: 0.6px; text-transform: uppercase; color: #888; margin-right: 4px; font-weight: 500; }
.cat-jump a { padding: 6px 11px; border-radius: 14px; border: 0.5px solid #E5E5E5; background: #fff; color: #555; font-size: 11.5px; font-weight: 500; }
.cat-jump a:hover { color: #1a1a1a; border-color: #ccc; }

.cat-section { padding: 30px 22px; max-width: 880px; margin: 0 auto; border-bottom: 0.5px solid #E5E5E5; }
.cat-section:last-of-type { border-bottom: none; }
.cat-section-head { display: flex; gap: 16px; align-items: flex-start; margin-bottom: 20px; }
.cat-section-icon { width: 44px; height: 44px; border-radius: 6px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.cat-section-icon svg { width: 22px; height: 22px; }
.cat-section h2 { font-size: 20px; font-weight: 500; margin: 0 0 4px; }
.cat-section .meta { font-size: 11px; color: #888; letter-spacing: 0.4px; text-transform: uppercase; margin-bottom: 8px; font-weight: 500; }
.cat-section .desc { font-size: 13px; color: #555; line-height: 1.6; margin: 0; max-width: 620px; }
.cat-section[data-v="mobility"] .cat-section-icon { background: #EEEDFE; color: #534AB7; }
.cat-section[data-v="mobility"] .meta { color: #534AB7; }
.cat-section[data-v="dailyliving"] .cat-section-icon { background: #E6F1FB; color: #185FA5; }
.cat-section[data-v="dailyliving"] .meta { color: #185FA5; }
.cat-section[data-v="ppe"] .cat-section-icon { background: #FAECE7; color: #993C1D; }
.cat-section[data-v="ppe"] .meta { color: #993C1D; }
.cat-section[data-v="supplements"] .cat-section-icon { background: #E1F5EE; color: #0F6E56; }
.cat-section[data-v="supplements"] .meta { color: #0F6E56; }
.cat-section[data-v="bodycare"] .cat-section-icon { background: #FAEEDA; color: #854F0B; }
.cat-section[data-v="bodycare"] .meta { color: #854F0B; }
.cat-section[data-v="cosmetics"] .cat-section-icon { background: #FBEAF0; color: #993556; }
.cat-section[data-v="cosmetics"] .meta { color: #993556; }
.cat-content { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; }
.cat-list-block h3 { font-size: 11px; letter-spacing: 0.6px; text-transform: uppercase; color: #888; font-weight: 500; margin: 0 0 10px; }
.cat-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 8px; }
.cat-list li { font-size: 12.5px; color: #555; line-height: 1.45; padding-left: 14px; position: relative; }
.cat-list li::before { content: ''; position: absolute; left: 0; top: 8px; width: 5px; height: 5px; border-radius: 50%; background: #888; }
.brand-pills { display: flex; flex-wrap: wrap; gap: 6px; }
.brand-pill { padding: 6px 10px; background: #FAFAFA; border: 0.5px solid #E5E5E5; border-radius: 6px; font-size: 12px; font-weight: 500; color: #1a1a1a; }
.cat-cta { background: #FAFAFA; border-radius: 6px; padding: 14px 16px; margin-top: 18px; display: flex; justify-content: space-between; align-items: center; gap: 14px; flex-wrap: wrap; }
.cat-cta-text { font-size: 12px; color: #555; line-height: 1.5; }
.cat-cta-text strong { color: #1a1a1a; font-weight: 500; }
.cat-cta a { background: #0F6E56; color: #E1F5EE; padding: 8px 14px; border-radius: 6px; font-size: 12px; font-weight: 500; display: inline-flex; align-items: center; gap: 6px; flex-shrink: 0; }
.cat-cta a:hover { background: #085041; }
.cat-cta a svg { width: 12px; height: 12px; }

/* Contact page */
.av-c-hero { padding: 40px 22px 36px; background: linear-gradient(180deg, #E6F1FB 0%, #F4F8FD 100%); border-bottom: 0.5px solid #E5E5E5; text-align: center; }
.av-c-hero h1 { font-size: 30px; font-weight: 500; line-height: 1.18; margin: 0 0 12px; letter-spacing: -0.4px; color: #042C53; max-width: 620px; margin-left: auto; margin-right: auto; }
.av-c-hero p.lede { font-size: 14px; line-height: 1.65; margin: 0 auto 24px; color: #0C447C; max-width: 540px; }
.av-em-block { display: inline-flex; flex-direction: column; align-items: center; background: #fff; border: 0.5px solid #E5E5E5; border-radius: 10px; padding: 16px 22px; gap: 12px; min-width: 320px; }
.av-em-block .em-label { font-size: 10px; letter-spacing: 1.2px; text-transform: uppercase; color: #888; font-weight: 500; }
.av-em-block .em-addr { font-size: 18px; font-weight: 500; color: #042C53; font-family: Menlo, Monaco, "Courier New", monospace; }
.av-em-actions { display: flex; gap: 8px; }
.av-btn { padding: 9px 16px; border-radius: 6px; font-size: 12.5px; font-weight: 500; cursor: pointer; font-family: inherit; display: inline-flex; align-items: center; gap: 7px; border: none; text-decoration: none; }
.av-btn.primary { background: #0F6E56; color: #E1F5EE; }
.av-btn.primary:hover { background: #085041; }
.av-btn.ghost { background: transparent; color: #0C447C; border: 0.5px solid #B5D4F4; }
.av-btn.ghost:hover { background: rgba(255,255,255,0.6); }
.av-btn svg { width: 13px; height: 13px; }

.av-c-body { padding: 32px 22px; }
.av-c-cols { display: grid; grid-template-columns: 1.3fr 1fr; gap: 22px; max-width: 980px; margin: 0 auto; }
.av-card h2.contact-h2 { font-size: 16px; }
.av-tip-list { list-style: none; padding: 0; margin: 0; }
.av-tip-list li { display: flex; gap: 12px; padding: 11px 0; border-bottom: 0.5px solid #E5E5E5; align-items: flex-start; }
.av-tip-list li:last-child { border-bottom: none; padding-bottom: 0; }
.av-tip-list li:first-child { padding-top: 0; }
.av-tip-num { width: 22px; height: 22px; border-radius: 50%; background: #E1F5EE; color: #0F6E56; font-size: 11px; font-weight: 500; display: flex; align-items: center; justify-content: center; flex-shrink: 0; margin-top: 1px; }
.av-tip-title { font-size: 12.5px; font-weight: 500; margin-bottom: 2px; }
.av-tip-desc { font-size: 11.5px; color: #555; line-height: 1.5; }

.av-mt { display: flex; flex-direction: column; }
.av-mt-row { display: flex; justify-content: space-between; padding: 9px 0; border-bottom: 0.5px solid #E5E5E5; font-size: 12.5px; }
.av-mt-row:last-child { border-bottom: none; }
.av-mt-row .lbl { color: #555; }
.av-mt-row .val { color: #1a1a1a; font-weight: 500; }

.av-trade-only { background: #FAEEDA; border: 0.5px solid #FAC775; border-radius: 6px; padding: 14px 16px; margin-top: 18px; display: flex; gap: 12px; align-items: flex-start; }
.av-trade-only-icon { width: 26px; height: 26px; background: #854F0B; color: #FAEEDA; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.av-trade-only-icon svg { width: 14px; height: 14px; }
.av-trade-only-text { font-size: 11.5px; color: #5F3808; line-height: 1.55; }
.av-trade-only-text strong { color: #2E1B04; font-weight: 500; }

.av-sample { background: #fff; border: 0.5px solid #E5E5E5; border-radius: 10px; margin-top: 22px; max-width: 980px; margin-left: auto; margin-right: auto; overflow: hidden; }
.av-sample-head { padding: 12px 18px; background: #FAFAFA; border-bottom: 0.5px solid #E5E5E5; font-size: 11px; color: #555; letter-spacing: 0.5px; text-transform: uppercase; font-weight: 500; display: flex; justify-content: space-between; align-items: center; }
.av-sample-head .ldot { width: 6px; height: 6px; border-radius: 50%; background: #1D9E75; display: inline-block; margin-right: 6px; }
.av-sample-body { padding: 20px 22px; font-family: Menlo, Monaco, "Courier New", monospace; font-size: 12px; line-height: 1.7; color: #1a1a1a; white-space: pre-wrap; }
.av-sample-body .key { color: #185FA5; font-weight: 500; }
.av-sample-body .placeholder { color: #888; font-style: italic; }

/* Legal pages */
.legal-body { display: grid; grid-template-columns: 220px 1fr; gap: 30px; max-width: 1000px; margin: 0 auto; padding: 28px 22px; }
.legal-toc { position: sticky; top: 22px; align-self: start; }
.legal-toc-title { font-size: 10px; letter-spacing: 0.6px; text-transform: uppercase; color: #888; font-weight: 500; margin-bottom: 12px; }
.legal-toc ol { list-style: none; padding: 0; margin: 0; counter-reset: toc; display: flex; flex-direction: column; gap: 4px; }
.legal-toc ol li { counter-increment: toc; }
.legal-toc ol li a { display: block; padding: 6px 10px; font-size: 12px; color: #555; border-radius: 6px; }
.legal-toc ol li a:hover { color: #1a1a1a; background: #FAFAFA; }
.legal-toc ol li a::before { content: counter(toc) ". "; color: #888; }
.legal-content { max-width: 660px; }
.legal-meta { display: flex; gap: 14px; font-size: 11px; color: #888; margin-bottom: 22px; padding-bottom: 14px; border-bottom: 0.5px solid #E5E5E5; }
.legal-meta strong { color: #555; font-weight: 500; }
.legal-content h2 { font-size: 16px; font-weight: 500; margin: 32px 0 10px; padding-top: 8px; }
.legal-content h2:first-of-type { margin-top: 0; padding-top: 0; }
.legal-content p { font-size: 13px; line-height: 1.7; color: #555; margin: 0 0 12px; }
.legal-content p strong { color: #1a1a1a; font-weight: 500; }
.legal-content ul { margin: 0 0 12px 0; padding-left: 18px; }
.legal-content ul li { font-size: 13px; line-height: 1.6; color: #555; margin-bottom: 6px; }
.legal-content code { font-family: Menlo, Monaco, "Courier New", monospace; font-size: 12px; background: #FAFAFA; padding: 1px 5px; border-radius: 3px; color: #1a1a1a; }
.legal-callout { background: #FAEEDA; border: 0.5px solid #FAC775; border-radius: 6px; padding: 14px 16px; margin: 14px 0; display: flex; gap: 12px; align-items: flex-start; }
.legal-callout .ic { width: 22px; height: 22px; background: #854F0B; color: #FAEEDA; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; margin-top: 1px; }
.legal-callout .ic svg { width: 12px; height: 12px; }
.legal-callout-text { font-size: 12px; color: #5F3808; line-height: 1.55; }
.legal-callout-text strong { color: #2E1B04; font-weight: 500; }
.legal-info { background: #E6F1FB; border: 0.5px solid #B5D4F4; border-radius: 6px; padding: 14px 16px; margin: 14px 0; }
.legal-info-text { font-size: 12px; color: #0C447C; line-height: 1.6; }
.legal-info-text strong { color: #042C53; font-weight: 500; }
.key-clause { background: #F4FBF8; border-left: 3px solid #0F6E56; padding: 12px 16px; margin: 12px 0; border-radius: 0 6px 6px 0; }
.key-clause p { font-size: 13px; color: #04342C; margin: 0; line-height: 1.6; }
.key-clause p strong { color: #04342C; }

/* Cookies page */
.ck-body { max-width: 720px; margin: 0 auto; padding: 28px 22px; }
.ck-meta { display: flex; gap: 14px; font-size: 11px; color: #888; margin-bottom: 22px; padding-bottom: 14px; border-bottom: 0.5px solid #E5E5E5; }
.ck-meta strong { color: #555; font-weight: 500; }
.ck-info { background: #E6F1FB; border: 0.5px solid #B5D4F4; border-radius: 6px; padding: 14px 16px; margin: 14px 0 22px; }
.ck-info-text { font-size: 12.5px; color: #0C447C; line-height: 1.6; }
.ck-info-text strong { color: #042C53; font-weight: 500; }
.ck-body h2 { font-size: 16px; font-weight: 500; margin: 24px 0 8px; }
.ck-body h2:first-of-type { margin-top: 0; }
.ck-body p { font-size: 13px; line-height: 1.7; color: #555; margin: 0 0 12px; }
.ck-body p strong { color: #1a1a1a; font-weight: 500; }
.ck-body ul { margin: 0 0 12px 0; padding-left: 18px; }
.ck-body ul li { font-size: 13px; line-height: 1.6; color: #555; margin-bottom: 6px; }
.ck-body code { font-family: Menlo, Monaco, "Courier New", monospace; font-size: 12px; background: #FAFAFA; padding: 1px 5px; border-radius: 3px; color: #1a1a1a; }
.ck-table { width: 100%; border-collapse: collapse; margin: 12px 0 16px; font-size: 12.5px; border: 0.5px solid #E5E5E5; border-radius: 6px; overflow: hidden; }
.ck-table th, .ck-table td { padding: 10px 12px; text-align: left; border-bottom: 0.5px solid #E5E5E5; vertical-align: top; }
.ck-table th { background: #FAFAFA; font-weight: 500; font-size: 10.5px; letter-spacing: 0.5px; text-transform: uppercase; color: #555; }
.ck-table tr:last-child td { border-bottom: none; }
.ck-table td { color: #555; }
.ck-table td strong { color: #1a1a1a; font-weight: 500; }
.ck-tag { display: inline-block; padding: 2px 7px; border-radius: 3px; font-size: 9.5px; font-weight: 500; letter-spacing: 0.4px; text-transform: uppercase; }
.ck-tag.essential { background: #E1F5EE; color: #0F6E56; }
.ck-tag.session { background: #E6F1FB; color: #185FA5; }

/* 404 page */
.err-body { max-width: 600px; margin: 0 auto; padding: 80px 22px 60px; text-align: center; }
.err-icon { width: 72px; height: 72px; margin: 0 auto 20px; border-radius: 50%; background: #F4FBF8; border: 0.5px solid #9FE1CB; display: flex; align-items: center; justify-content: center; color: #0F6E56; }
.err-icon svg { width: 32px; height: 32px; }
.err-code { font-size: 96px; font-weight: 500; color: #0F6E56; letter-spacing: -3px; line-height: 1; margin-bottom: 8px; }
.err-body h1 { font-size: 28px; font-weight: 500; margin: 0 0 12px; letter-spacing: -0.3px; color: #042C53; }
.err-body p { font-size: 14px; line-height: 1.65; color: #555; margin: 0 0 28px; max-width: 460px; margin-left: auto; margin-right: auto; }
.err-actions { display: flex; gap: 10px; justify-content: center; flex-wrap: wrap; margin-bottom: 32px; }
.err-btn { padding: 10px 18px; border-radius: 6px; font-size: 13px; font-weight: 500; font-family: inherit; display: inline-flex; align-items: center; gap: 7px; border: none; text-decoration: none; }
.err-btn.primary { background: #0F6E56; color: #E1F5EE; }
.err-btn.primary:hover { background: #085041; }
.err-btn.ghost { background: transparent; color: #0C447C; border: 0.5px solid #B5D4F4; }
.err-btn.ghost:hover { background: #F4F8FD; }
.err-btn svg { width: 13px; height: 13px; }
.err-quick { padding: 20px 24px; background: #FAFAFA; border-radius: 10px; border: 0.5px solid #E5E5E5; text-align: left; }
.err-quick-label { font-size: 10px; letter-spacing: 0.6px; text-transform: uppercase; color: #888; font-weight: 500; margin-bottom: 12px; }
.err-quick-list { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.err-quick-list li { font-size: 12.5px; }
.err-quick-list a { color: #0F6E56; font-weight: 500; }
.err-quick-list a:hover { text-decoration: underline; }

/* Mobile */
@media (max-width: 740px) {
  .av-hero { grid-template-columns: 1fr; }
  .av-brand-grid { grid-template-columns: repeat(2, 1fr); }
  .av-cat-grid { grid-template-columns: 1fr; }
  .av-stats { grid-template-columns: repeat(2, 1fr); }
  .av-intro, .av-do-grid, .av-c-cols { grid-template-columns: 1fr; }
  .av-footer-grid { grid-template-columns: 1fr 1fr; }
  .legal-body { grid-template-columns: 1fr; }
  .legal-toc { position: static; }
  .cat-content { grid-template-columns: 1fr; }
  .av-header { flex-wrap: wrap; }
  .av-nav { flex-wrap: wrap; }
}