/* Pharmix Care: an editorial pharmacy identity, separate from Warehouse Zone.
   Loaded after legacy layout styles; existing routes and responsive grids stay intact. */
:root {
    --phx-ink:#302531; --phx-navy:#432c3d;
    --phx-blue:#26766e; --phx-cyan:#88beb3;
    --phx-maroon:#86254d; --phx-rose:#ae5674; --phx-orange:#a66730;
    --phx-paper:#f8f6f2; --phx-line:#e1dbd5; --phx-muted:#665d66;
    --phx-radius:8px; --phx-shadow:0 14px 36px rgba(60,35,49,.08);
}
body { background:var(--phx-paper); color:var(--phx-ink); letter-spacing:0; }
body,button,input,select,textarea,.phx-primary-nav,.phx-kicker,.theme-btn,
.page-breadcrumb,.sec-title,.title-box,.contact-form,.footer-widget,
.contact-form input,.contact-form textarea,.contact-form select { font-family:'DM Sans',sans-serif!important; }
h1,h2,h3,h4,h5,h6 { font-family:'DM Sans',sans-serif!important; letter-spacing:-.025em; }
.phx-hero__copy h1,.phx-solution-hero h1,.phx-inner-hero h1,
.phx-section-heading h2,.phx-context__copy h2,.phx-about-intro h2,.phx-about-band h2,
.phx-wms-heading h2,.phx-wms-page .wms-flow-heading h2,.phx-wms-data h2,.phx-wms-quality h2,
.phx-prefooter h2,.phx-story blockquote,.phx-care-map h2,.phx-journey__heading h2 {
    font-family:'DM Serif Display',Georgia,serif!important; font-weight:400; letter-spacing:-.025em;
}
.phx-kicker,.phx-solution-eyebrow,.phx-primary-nav > a,.phx-nav-group > button { font-family:'DM Sans',sans-serif; }
.sec-title h2,.title-box h2 { font-family:'DM Sans',sans-serif!important; }
.phx-header,.phx-header.is-sticky { background:#fffefa; border-bottom:1px solid var(--phx-line); backdrop-filter:none; box-shadow:none; }
.phx-topbar { background:#eee9e4; color:#574351; border-bottom:1px solid #e2dad3; }
.phx-topbar a { color:#574351; }
.phx-topbar i { color:#86254d; }
.phx-nav { height:90px; }
.phx-primary-nav > a,.phx-nav-group > button { color:#463441; }
.phx-primary-nav > a::after,.phx-nav-group > button::after { background:#86254d; }
.phx-primary-nav .phx-nav-cta { border-radius:4px; background:#86254d; box-shadow:none; }
.phx-mega-menu { border-radius:8px; border-top:3px solid #86254d; background:#fffefa; }
.phx-mega-menu a,.phx-mega-menu a > i,.phx-nav-toggle { border-radius:4px; }
.phx-mega-menu a:hover { background:#f4eeeb; }
.phx-button,.phx-product-button,.theme-btn.btn-style-one,.phx-contact__form .btn-style-three { border-radius:4px!important; box-shadow:none; }
.phx-button--primary,.phx-product-button,.theme-btn.btn-style-one,.phx-contact__form .btn-style-three { background:#86254d!important; color:#fff; }
.phx-button--primary:hover,.phx-product-button:hover,.phx-primary-nav .phx-nav-cta:hover { background:#68203e!important; color:#fff; }
.phx-button--ghost,.phx-hero .phx-button--ghost,.phx-product-button--outline { background:transparent!important; color:#702343; border-color:#9b7181; backdrop-filter:none; }
.phx-button--ghost:hover,.phx-hero .phx-button--ghost:hover,.phx-product-button--outline:hover { background:#f1e5e9!important; color:#68203e; }
.phx-kicker,.phx-solution-eyebrow { color:#86254d; }
.phx-kicker i { color:#26766e; }
.phx-kicker--light { color:#eed5df; }

/* A light, typographic opening and a product directory, not an imitation dashboard. */
.phx-hero { min-height:0; background:#f8f6f2; color:#302531; border-bottom:1px solid var(--phx-line); }
.phx-hero::before,.phx-hero__mesh { display:none; }
.phx-hero__grid { grid-template-columns:1.1fr 1fr; gap:80px; padding-block:76px 86px; }
.phx-hero .phx-kicker { color:#86254d; }
.phx-hero__copy h1 { color:#302531; font-size:clamp(46px,4.8vw,68px); line-height:1.08; letter-spacing:-.03em; }
.phx-hero__copy h1 span { color:#86254d; background:none; -webkit-text-fill-color:#86254d; }
.phx-hero__copy > p { color:#665d66; font-size:17px; }
.phx-hero .phx-trust-list { color:#665d66; gap:16px; }
.phx-hero .phx-trust-list i { color:#26766e; }
.phx-care-map { position:relative; background:#432c3d; color:#fff; padding:34px; border-radius:3px 48px 3px 3px; box-shadow:12px 12px 0 #e7ddd7; }
.phx-care-map__heading > span { display:block; color:#e1b9ca; font-size:10px; letter-spacing:.18em; font-weight:700; }
.phx-care-map h2 { color:#fffaf6; font-size:34px; line-height:1.15; margin:18px 0 12px; }
.phx-care-map__heading p { color:#e0d2db; font-size:13px; line-height:1.6; margin:0 0 28px; }
.phx-care-map > a { display:flex; align-items:center; gap:16px; padding:21px 0; border-top:1px solid #70586a; color:#fff; text-decoration:none; }
.phx-care-map > a:hover strong { text-decoration:underline; text-underline-offset:5px; }
.phx-care-map__number { font-size:12px; color:#c4ded5; flex:0 0 24px; }
.phx-care-map > a div { flex:1; min-width:0; }
.phx-care-map strong { display:block; font-size:18px; line-height:1.3; margin-bottom:5px; font-weight:500; }
.phx-care-map > a div > span { display:block; font-size:11px; line-height:1.6; color:#e0d2db; }
.phx-care-map > a > i { color:#c4ded5; font-size:13px; }
.phx-care-map__foot { display:flex; align-items:center; gap:10px; padding-top:22px; border-top:1px solid #70586a; font-size:11px; color:#e0d2db; }
.phx-care-map__foot .fa { color:#c4ded5; }
.phx-proof { background:#fffefa; border-bottom:1px solid var(--phx-line); }
.phx-proof__inner > span,.phx-proof li { color:#665d66; }
.phx-solutions,.phx-process { background:#f8f6f2; }
.phx-solution-grid { gap:0; border-top:1px solid var(--phx-line); border-left:1px solid var(--phx-line); }
.phx-home .phx-solution-card { background:#fffefa; color:#302531; border:0; border-right:1px solid var(--phx-line); border-bottom:1px solid var(--phx-line); border-radius:0; box-shadow:none; }
.phx-home .phx-solution-card:hover { background:#f1ebe6; transform:none; }
.phx-home .phx-solution-card::after { display:none; }
.phx-home .phx-solution-card--feature { background:#efe7e7; }
.phx-home .phx-solution-card p { color:#665d66; }
.phx-home .phx-solution-card > span { color:#86254d; }
.phx-home .phx-solution-card ul { color:#584550; }
.phx-home .phx-solution-card ul li::before { color:#26766e; }
.phx-solution-card__icon,.phx-solution-card__icon--blue,.phx-solution-card__icon--orange,.phx-solution-card__icon--cyan { background:#e5eeea; color:#28655e; border-radius:50%; box-shadow:none; }
.phx-solution-card--feature .phx-solution-card__icon { background:#e7d3dc; color:#86254d; }
.phx-home .phx-solution-card > b { color:#86254d; }
.phx-context { background:#e8efeb; color:#302531; }
.phx-context__copy h2,.phx-context .phx-value-list strong { color:#302531; }
.phx-context__copy > p,.phx-context .phx-value-list small { color:#5d655f; }
.phx-context .phx-value-list > div > i { background:#d5e4dc; color:#28655e; border-radius:4px; }
.phx-context .phx-text-link { color:#28655e; }
.phx-context__visual { background:#dde7df; border-radius:50% 50% 4px 4px; }
.phx-data-card { border-radius:4px; border-color:#c3d6cc; box-shadow:0 8px 20px #32473a12; }
.phx-data-card b { color:#28655e; }
.phx-process article { background:transparent; border:0; border-top:1px solid #b7aaa3; border-radius:0; box-shadow:none; }
.phx-process article:nth-child(even) { border-top-color:#b7aaa3; }
.phx-process article > span { color:#8a6d7b; }
.phx-process article > i { background:#ebe1e5; color:#86254d; border-radius:4px; box-shadow:none; }
.phx-story { background:#efe7e7; color:#302531; }
.phx-story blockquote { color:#432c3d; line-height:1.35; }
.phx-story .phx-kicker--light { color:#86254d; }
.phx-story p,.phx-story p span,.phx-story aside > span { color:#665d66; }
.phx-story aside { padding:28px; background:#fffefa; border:1px solid #d9cbd1; border-radius:4px; }
.phx-story aside h2 { color:#432c3d; }
.phx-story .phx-button--light { background:#86254d; color:#fff; }

/* The same light title treatment on all product and service pages. */
.phx-solution-hero,.phx-inner-hero { background:#f4eeeb; color:#302531; border-bottom:1px solid #ddd2cb; }
.page-title { background:#f4eeeb!important; border-bottom:1px solid #ddd2cb; }
.page-title h2 { color:#432c3d!important; font-family:'DM Serif Display',Georgia,serif!important; font-weight:400; }
.page-title .page-breadcrumb li,.page-title .page-breadcrumb li a { color:#6f5964!important; }
.phx-solution-hero::after,.phx-inner-hero::before { display:none; }
.phx-solution-hero { padding-block:26px 62px; }
.phx-solution-breadcrumb,.phx-solution-breadcrumb a { color:#6f5964; }
.phx-solution-breadcrumb a:hover { color:#86254d; }
.phx-solution-hero .phx-solution-eyebrow,.phx-inner-hero .phx-kicker { color:#86254d; }
.phx-solution-hero h1,.phx-inner-hero h1 { color:#432c3d; font-size:clamp(38px,4.3vw,60px); max-width:25ch; line-height:1.08; }
.phx-solution-hero__copy > p,.phx-inner-hero p { color:#665d66; }
.phx-solution-hero__grid--text .phx-solution-hero__copy { padding-left:26px; border-left:3px solid #86254d; }
.phx-solution-hero__visual { border-radius:3px 40px 3px 3px; border:0; box-shadow:10px 10px 0 #e1d5d3; }
.phx-solution-hero__visual figcaption { position:static; margin:0; border:0; border-radius:0; background:#432c3d; color:#e3d7de; }
.phx-solution-hero__visual figcaption > i { color:#c4ded5; }
.project-detail-section:not(.wms-detail-section),.sidebar-page-container,.phx-about-band,.phx-contact { background:#f8f6f2; }
.project-detail-section:not(.wms-detail-section) .image-column .inner-column,
.project-detail-section:not(.wms-detail-section) .info-column .inner-column,
.project-detail-section:not(.wms-detail-section) .lower-section > div,
.services-detail .inner-box { border-radius:6px; box-shadow:none; border-color:#e1dbd5; }
.project-detail-section:not(.wms-detail-section) .lower-section > div::before { background:#86254d; width:3px; }
.project-detail-section:not(.wms-detail-section) .lower-section > div:nth-of-type(even)::before { background:#26766e; }
.project-detail-section:not(.wms-detail-section) .info-column .inner-column { background:#432c3d; }
.project-detail-section:not(.wms-detail-section) .info-list li { color:#eee4ea; border-radius:4px; }
.project-detail-section:not(.wms-detail-section) .lower-section h3 { color:#702343; }
.project-detail-section.phx-aseptic-detail .phx-aseptic-features li { background:#f4f0ec; border-color:#e1dbd5; color:#554b52; border-radius:4px; }
.project-detail-section.phx-aseptic-detail .lower-section p,.project-detail-section.phx-aseptic-detail .lower-section li { color:#554b52; }
.services-detail .inner-box > p { background:#f3eeeb; color:#554b52; border-radius:0; }
.services-detail .info-list li,.phx-principle,.phx-about-stack div,.phx-contact__info,.phx-contact__form { border-radius:6px; box-shadow:none; }
.phx-contact__info { background:#432c3d; }
.phx-contact__info > p,.phx-contact__method small { color:#e0d2db; }
.phx-contact__method i { color:#c4ded5; }
.phx-contact__grid > * { min-width:0; }
.phx-contact__method > span { min-width:0; overflow-wrap:anywhere; }

/* Warehouse content retains its functionality, with quieter surfaces and accents. */
.phx-wms-page { background:#f8f6f2; }
.phx-wms-nav { background:#fffefa; }
.phx-wms-nav a { color:#665d66; }
.phx-wms-page .wms-flow-stage { background:#e8efeb; border-color:#cedbd2; border-radius:6px; box-shadow:none; }
.phx-wms-page .wms-flow-image::after { background:linear-gradient(90deg,transparent 75%,#e8efeb); }
.phx-wms-page .wms-flow-track article { background:transparent; border:0; border-bottom:1px solid #bfcec4; border-radius:0; }
.phx-wms-page .wms-flow-track h3 { color:#304c42; }
.phx-wms-page .wms-flow-track p { color:#52665d; }
.phx-wms-page .wms-flow-track article > span { color:#5c7266; }
.phx-wms-page .wms-flow-track article > i,.phx-wms-page .wms-flow-track article:nth-child(even) > i { background:#fffefa; color:#26766e; border-radius:50%; }
.wms-flow-image__badge { background:#432c3d; border-radius:4px; box-shadow:none; }
.wms-flow-image__badge .fa { background:#705368; border-radius:4px; }
.wms-flow-image__badge small { color:#e0d2db; }
.phx-wms-card { border-radius:6px; box-shadow:none; }
.phx-wms-card > i { background:#e8efeb; color:#26766e; border-radius:50%; }
.phx-wms-card:nth-child(even) > i { background:#f0e2e7; color:#86254d; }
.phx-wms-card p,.phx-wms-card li,.phx-wms-heading p,.phx-wms-data p,.phx-wms-demo p { color:#665d66; }
.phx-wms-card ul { border-top-color:#e1dbd5; }
.phx-wms-card li::before { background:#26766e; }
.phx-wms-quality { background:#432c3d; border-radius:6px; }
.phx-wms-quality .phx-solution-eyebrow { color:#c4ded5; }
.phx-wms-quality p,.phx-wms-quality__steps span { color:#e0d2db; }
.phx-wms-quality__steps li { background:#51394b; border-color:#796073; border-radius:4px; }
.phx-wms-audiences article,.phx-wms-audiences article:last-child { background:#ede4e5; border-radius:6px; }
.phx-wms-audiences article:last-child { background:#e6eeea; }
.phx-wms-audiences article > span,.phx-wms-audiences a { color:#702343; }
.phx-wms-audiences h3 { color:#432c3d; }
.phx-wms-audiences p { color:#665d66; }
.phx-wms-data { background:#e8efeb; border-color:#cfdcd3; border-radius:6px; }
.phx-wms-checks li { border-color:#cfdcd3; border-radius:4px; }
.phx-wms-checks li > span { color:#28655e; background:#e8efeb; }
.phx-wms-details details { border-radius:4px; }
.phx-wms-details details[open] summary { background:#f3eeeb; }
.phx-wms-details details > div { color:#665d66; }
.phx-wms-demo { background:#efe4e8; border-color:#dfccd4; border-radius:6px; }

/* Supporting journey and footer share the Pharmix identity. */
.phx-journey { background:#f0e9e6; color:#432c3d; border-block:1px solid #e1d7d1; }
.phx-journey::before { display:none; }
.phx-journey__heading h2,.phx-journey__steps h3 { color:#432c3d; }
.phx-journey__heading > p,.phx-journey__steps p { color:#665d66; }
.phx-journey__steps article { background:#fffefa; border-color:#e1dbd5; border-radius:4px; backdrop-filter:none; }
.phx-journey__steps article > span { color:#826775; }
.phx-journey__steps article > i,.phx-journey__steps article:nth-child(even) > i { background:#e8efeb; color:#28655e; border-radius:50%; }
.phx-journey__orbit { border-color:#b7c9bf; animation:none; }
.phx-journey__hub { background:#432c3d; color:#fff; box-shadow:none; border-radius:4px 30px 4px 4px; transform:none; }
.phx-journey__hub i { background:#715067; }
.phx-journey__hub small { color:#e0d2db; }
.phx-journey__node { background:#fffefa; color:#432c3d; border-color:#d9cbd1; border-radius:4px; box-shadow:none; }
.phx-journey__node i { color:#26766e; }
.phx-prefooter { background:#86254d; }
.phx-prefooter .phx-kicker { color:#f0dce5; }
.phx-footer { background:#382532; color:#e0d2db; }
.phx-footer p,.phx-footer a,.phx-footer__bottom { color:#e0d2db; }
.phx-footer h3 { color:#fff; }
.phx-footer a:hover { color:#fff; }
.phx-footer__grid a { color:#e0d2db; }
.phx-footer__grid a:hover { color:#fff; }
.phx-footer__bottom { border-top-color:#70586a; }
.phx-cert { color:#e0d2db; border-color:#70586a; background:transparent; }
.phx-footer__brand img { background:#fffefa; border-radius:4px; padding:8px; }
a:focus-visible,button:focus-visible,summary:focus-visible { outline:3px solid #26766e; outline-offset:4px; }
.phx-care-map a:focus-visible { outline-color:#c4ded5; }
@media(min-width:1101px) { .phx-hero__copy { max-width:650px; } }
@media(max-width:1100px) {
    .phx-hero__grid { grid-template-columns:1fr 1fr; gap:35px; }
    .phx-hero__copy { text-align:left; margin:0; }
    .phx-hero__actions,.phx-trust-list { justify-content:flex-start; }
    .phx-care-map { padding:26px; }
}
@media(max-width:900px) {
    .phx-hero__grid { grid-template-columns:1fr; padding-block:45px 55px; gap:36px; }
    .phx-care-map { max-width:650px; width:calc(100% - 12px); }
    .phx-primary-nav { background:#fffefa; }
    .phx-hero__copy { max-width:720px; }
}
@media(max-width:550px) {
    .phx-nav { height:78px; }
    .phx-hero__copy h1 { font-size:46px; }
    .phx-care-map h2 { font-size:30px; }
    .phx-care-map > a { gap:10px; }
    .phx-care-map strong { font-size:17px; }
    .phx-solution-hero h1,.phx-inner-hero h1 { font-size:38px; }
    .phx-solution-hero__grid--text .phx-solution-hero__copy { padding-left:18px; }
    .phx-solution-hero { padding-bottom:40px; }
    .phx-solution-hero__visual { margin-right:10px; }
}