/* Services page only; shared header, footer and dialogs use styles.css. */
.services-page .header nav a.active{color:var(--blue);font-weight:500}
.service-hero{background:var(--blue);color:#fff;text-align:center;padding:48px 0}
.service-hero-eyebrow{font-size:14px;margin-bottom:16px}
.service-hero h1{font-size:44px;line-height:1.4;margin-bottom:16px;letter-spacing:-1px}
.service-hero-desc{font-size:16px;line-height:1.7}
.usage-guide{padding:48px 0}
.usage-guide .section-heading{margin-bottom:28px}
.usage-guide .section-heading h2{font-size:32px}
.usage-guide .section-heading>p:last-child{font-size:16px}
.usage-steps{list-style:none;padding:0;margin:0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:790px;text-align:center;position:relative;gap:0}
.usage-steps::before{content:'';position:absolute;top:34px;left:16.666%;right:16.666%;height:2px;background:var(--blue)}
.usage-steps li{position:relative;display:flex;align-items:center;flex-direction:column;min-width:0}
.icon-circle{width:70px;height:70px;margin-bottom:16px;overflow:hidden;border-radius:50%;flex-shrink:0}
.icon-circle img{width:100%;height:100%;object-fit:contain}
.usage-steps h3{font-size:22px;line-height:1.5}
.usage-cta{text-align:center;margin-top:16px}
.service-outline{background:#fff;color:var(--blue);border:1px solid var(--blue);min-width:174px}
.store-availability{font-size:13px;color:var(--muted);margin-top:14px}
.service-section{padding:80px 0}
.service-section .section-heading{margin-bottom:48px}
.service-section .section-heading .eyebrow{font-size:14px;margin-bottom:8px;letter-spacing:0}
.service-section .section-heading h2{font-size:34px;line-height:1.45;margin:0}
.service-section.pharmacy{background:#eaf1ff}
.service-section.medication{background:#f7f8fb}
.service-section.products{background:#e5f6eb;--service-accent:#009c35}
.service-section.products .eyebrow{color:var(--service-accent)}
.service-grid{max-width:676px;margin:auto;display:grid;gap:14px}
.service-card{display:grid;grid-template-columns:245px minmax(0,1fr);gap:36px;align-items:center;scroll-margin-top:30px}
.service-card:nth-child(even){grid-template-columns:minmax(0,1fr) 245px}
.service-card:nth-child(even) .service-thumb{grid-column:2;grid-row:1}
.service-card:nth-child(even) .service-copy{grid-column:1;grid-row:1;padding-left:20px}
.service-thumb{width:100%;max-width:245px;aspect-ratio:245/260}
.service-thumb img{width:100%;height:100%;object-fit:contain}
.service-copy{min-width:0}
.service-copy h3{font-size:32px;line-height:1.45;margin-bottom:12px;letter-spacing:-1px}
.service-desc{font-size:16px;color:var(--muted);line-height:1.6;margin-bottom:16px}
.service-steps{font-size:19px;color:var(--service-accent,var(--blue));line-height:1.5}
.service-experience{grid-template-columns:345px minmax(0,1fr);gap:36px}
.service-experience .service-thumb{max-width:345px;aspect-ratio:345/235}
.pharmee-service{background:#fff;--service-accent:#00b770}
.pharmee-service .section-heading{margin-bottom:36px}
.pharmee-service .section-heading .eyebrow{color:#00b770}
.pharmee-service .service-grid{max-width:820px}
.service-pharmee-card{grid-template-columns:345px minmax(0,1fr);gap:56px}
.service-pharmee-card .service-thumb{max-width:345px;aspect-ratio:67/49}
.service-pharmee-card .service-copy{align-self:center}
@media(max-width:900px){
 .service-hero h1{font-size:36px}.service-section .section-heading h2{font-size:28px}
 .service-copy h3{font-size:26px}.service-steps{font-size:16px}
 .service-card{grid-template-columns:36% minmax(0,1fr);gap:24px}
 .service-card:nth-child(even){grid-template-columns:minmax(0,1fr) 36%}
 .service-experience{grid-template-columns:46% minmax(0,1fr)}
 .service-pharmee-card{grid-template-columns:46% minmax(0,1fr);gap:32px}
 .usage-guide .section-heading h2{font-size:28px}
}
@media(max-width:640px){
 .service-hero{padding:32px 0}.service-hero h1{font-size:30px}.service-hero-desc{font-size:15px}
 .usage-guide{padding:36px 0}.usage-guide .section-heading h2{font-size:25px}
 .usage-steps h3{font-size:14px}.icon-circle{width:54px;height:54px;margin-bottom:16px}.usage-steps::before{top:26px}
 .usage-cta{margin-top:16px}
 .service-section{padding:56px 0}.service-section .section-heading .eyebrow{margin-bottom:16px}.service-section .section-heading h2{font-size:25px}
 .service-grid{gap:40px;max-width:380px}
 .service-card,.service-card:nth-child(even){display:flex;flex-direction:column;gap:18px;text-align:center}
 .service-card:nth-child(even) .service-copy{padding-left:0}
 .service-thumb{max-width:245px}.service-experience .service-thumb,.service-pharmee-card .service-thumb{max-width:345px}
 .service-copy h3{font-size:26px}.service-desc{font-size:15px}.service-steps{font-size:15px}
}
@media(max-width:319px){.usage-steps{grid-template-columns:1fr;gap:24px}.usage-steps::before{display:none}.service-copy h3{font-size:22px}.service-hero h1{font-size:26px}.service-outline{min-width:0;max-width:100%}}
/* Opposite horizontal entrances; reverse when scrolling back below the viewport. */
.service-section{overflow-x:clip}
.service-reveal{opacity:0;transform:translateX(-40px);transition:opacity .45s ease-in,transform .45s cubic-bezier(.7,0,.84,0)}
.service-thumb.service-reveal{transform:translateX(40px)}
.service-reveal.is-visible{opacity:1;transform:translateX(0);transition-duration:.7s;transition-timing-function:cubic-bezier(.16,1,.3,1)}
.service-copy.service-reveal.is-visible{transition-delay:.08s}
@media(prefers-reduced-motion:reduce){.service-reveal,.service-thumb.service-reveal{opacity:1;transform:none;transition:none}}
@media print{.service-reveal,.service-thumb.service-reveal{opacity:1;transform:none;transition:none}}