/* Patient Info subpages — 2026-10-20 */
.pi-hero{position:relative;overflow:hidden;background:linear-gradient(120deg,#1e7033,#2e8641);color:#fff;padding:46px 0 0}
.pi-hero .container{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:end}
.pi-hero .breadcrumb{display:flex;flex-wrap:wrap;gap:12px;color:#cfe8d3;font-size:13px;margin-bottom:20px}
.pi-hero .breadcrumb a{color:#fff}
.pi-hero .breadcrumb a:hover{text-decoration:underline}
.pi-hero-copy{padding-bottom:54px;align-self:center}
.pi-hero .eyebrow-light{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:800;letter-spacing:1.6px;text-transform:uppercase;color:#bfe6c6;margin:0 0 12px}
.pi-hero .eyebrow-light .icon{width:18px;height:18px;fill:currentColor;stroke:none}
.pi-hero h1{color:#fff;font-size:clamp(34px,4.4vw,56px);letter-spacing:-1.8px;line-height:1.04;margin:0}
.pi-hero p.lead{color:#e3f3e2;font-size:19px;line-height:1.55;margin:16px 0 0;max-width:560px}
.pi-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.pi-hero-actions .button.light{background:#fff;color:var(--dark);border-color:#fff}
.pi-hero-actions .button.ghost{background:transparent;color:#fff;border:1.5px solid #ffffffa8}
.pi-hero-actions .button.ghost:hover{background:#ffffff1a}
.pi-hero-photo{position:relative;align-self:end;margin-bottom:-1px}
.pi-hero-photo img{display:block;width:100%;aspect-ratio:4/4.3;object-fit:cover;object-position:center 30%;border-radius:28px 28px 0 0;box-shadow:0 -10px 40px #0b2e1426}
.pi-hero-photo .pi-badge{position:absolute;left:-22px;bottom:34px;display:flex;align-items:center;gap:10px;background:#fff;color:var(--dark);border-radius:16px;padding:12px 16px;font-weight:700;font-size:15px;box-shadow:0 10px 30px #0b2e1430;transform:rotate(-3deg)}
.pi-badge .icon{width:22px;height:22px;color:var(--green);fill:currentColor;stroke:none}
/* paw-print decoration */
.pi-paws{position:absolute;inset:0;pointer-events:none}
.pi-paws span{position:absolute;width:34px;height:34px;opacity:.13;background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cellipse cx='5' cy='9' rx='2' ry='3'/%3E%3Cellipse cx='10' cy='5.5' rx='2' ry='3'/%3E%3Cellipse cx='16' cy='6' rx='2' ry='3'/%3E%3Cellipse cx='20' cy='11' rx='2' ry='3'/%3E%3Cpath d='M6 18c0-3 4-7 6-7s6 4 6 7c0 5-4 2-6 2s-6 3-6-2Z'/%3E%3C/svg%3E")}
.pi-paws span:nth-child(1){left:3%;top:22%;transform:rotate(-20deg)}
.pi-paws span:nth-child(2){left:8%;top:52%;transform:rotate(-8deg);width:26px;height:26px}
.pi-paws span:nth-child(3){left:42%;top:12%;transform:rotate(18deg);width:28px;height:28px}
.pi-paws span:nth-child(4){left:47%;top:70%;transform:rotate(30deg)}
.pi-paws span:nth-child(5){right:4%;top:10%;transform:rotate(12deg);width:24px;height:24px}
/* sub navigation */
.pi-subnav{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:96px;z-index:5}
.pi-subnav .container{display:flex;gap:8px;overflow-x:auto;padding-top:12px;padding-bottom:12px;scrollbar-width:none}
.pi-subnav .container::-webkit-scrollbar{display:none}
.pi-subnav a{flex-shrink:0;padding:9px 18px;border-radius:100px;border:1px solid var(--line);color:var(--dark);font-size:15px;font-weight:600;transition:border-color .18s,background .18s}
.pi-subnav a:hover{border-color:var(--green)}
.pi-subnav a[aria-current="page"]{background:var(--green);border-color:var(--green);color:#fff}
/* sections */
.pi-section{padding:72px 0}
.pi-section.tint{background:var(--pale)}
.pi-split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.pi-split.reverse .pi-photo{order:-1}
.pi-split h2,.pi-section h2{font-size:clamp(28px,3vw,38px);letter-spacing:-1.2px;color:var(--dark);margin:0 0 16px;line-height:1.1}
.pi-split p,.pi-section p{font-size:17px;line-height:1.65;color:var(--body);margin:0 0 14px}
.pi-split a:not(.button),.pi-section p a{color:var(--green);text-decoration:underline;text-underline-offset:3px}
.pi-kicker{display:inline-flex;align-items:center;gap:8px;color:var(--green);font-size:13px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;margin:0 0 10px}
.pi-kicker .icon{width:16px;height:16px;fill:currentColor;stroke:none}
.pi-photo{position:relative}
.pi-photo img{display:block;width:100%;aspect-ratio:4/4.4;object-fit:cover;object-position:center 22%;border-radius:26px}
.pi-photo::before{content:"";position:absolute;inset:18px -18px -18px 18px;border-radius:26px;background:#d6efd8;z-index:-1}
.pi-photo.wide img{aspect-ratio:4/3}
.pi-photo figcaption{margin-top:12px;font-size:14px;color:#62777f}
/* hours card */
.pi-hours{background:#fff;border:1px solid var(--line);border-radius:22px;padding:8px 26px;box-shadow:0 10px 30px #0b2e140d}
.pi-hours dl{margin:0}
.pi-hours div{display:grid;grid-template-columns:130px 1fr;gap:14px;padding:15px 0;border-bottom:1px dashed var(--line)}
.pi-hours div:last-child{border-bottom:0}
.pi-hours dt{font-weight:700;color:var(--dark)}
.pi-hours dd{margin:0;color:var(--body)}
.pi-hours dd small{display:block;color:#6d8088;font-size:14px;margin-top:3px}
/* info cards */
.pi-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:32px}
.pi-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:26px;transition:transform .2s,box-shadow .2s}
.pi-card:hover{transform:translateY(-3px);box-shadow:0 14px 34px #0b2e1414}
.pi-card .icon-circle{margin-bottom:14px}
.pi-card h3{font-size:19px;color:var(--dark);margin:0 0 8px}
.pi-card p{font-size:16px;margin:0}
.pi-card a{color:var(--green);font-weight:700}
/* steps */
.pi-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:32px 0 0;padding:0;list-style:none;counter-reset:step}
.pi-steps li{position:relative;background:#fff;border:1px solid var(--line);border-radius:20px;padding:26px 24px 24px;counter-increment:step}
.pi-steps li::before{content:counter(step);display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--green);color:#fff;font-weight:800;font-size:18px;margin-bottom:14px}
.pi-steps h3{font-size:19px;color:var(--dark);margin:0 0 6px}
.pi-steps p{font-size:16px;margin:0}
/* gift amounts */
.pi-amounts{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:30px}
.pi-amount{position:relative;overflow:hidden;border-radius:20px;padding:40px 20px 34px 52px;background:linear-gradient(135deg,#2e8641,#1e6e33);color:#fff;text-align:center;box-shadow:0 12px 28px #1e6e3330}
.pi-amount::after{content:"";position:absolute;right:-18px;top:-18px;width:70px;height:70px;border-radius:50%;background:#ffffff1f}
.pi-amount .ribbon{position:absolute;left:24px;top:0;bottom:0;width:10px;background:#f4b740;opacity:.9}
.pi-amount strong{position:relative;display:block;font-size:44px;letter-spacing:-1.5px;line-height:1;z-index:1;text-shadow:0 2px 0 #0003}
.pi-amount span{position:relative;display:block;margin-top:8px;font-size:14px;font-weight:600;color:#e3f3e2;z-index:1}
.pi-amount .bow{position:absolute;left:12px;top:16px;width:34px;height:18px;background:#f4b740;border-radius:50% 50% 8px 8px}
/* notice */
.pi-notice{display:flex;gap:16px;align-items:flex-start;background:#fff8e8;border:1px solid #f1dcae;border-radius:18px;padding:20px 22px;margin-top:22px}
.pi-notice .icon{flex-shrink:0;width:26px;height:26px;color:#c48a12}
.pi-notice p{margin:0;color:#5c4a1e;font-size:16px}
/* links */
.pi-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
/* CTA band */
.pi-cta{position:relative;overflow:hidden;background:linear-gradient(120deg,#1e7033,#2e8641);color:#fff;border-radius:28px;padding:42px 44px;display:grid;grid-template-columns:1.2fr .8fr;gap:30px;align-items:center}
.pi-cta h2{color:#fff;margin:0 0 10px}
.pi-cta p{color:#e3f3e2;margin:0}
.pi-cta-actions{display:flex;flex-direction:column;gap:12px}
.pi-cta-actions .button{width:100%}
.pi-cta-actions .button.light{background:#fff;color:var(--dark);border-color:#fff}
.pi-cta-actions .button.ghost{background:transparent;color:#fff;border:1.5px solid #ffffffa8}
.pi-cta .pi-paws span{opacity:.1}
/* hub cards */
.pi-hub{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:34px}
.pi-hub a{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;transition:transform .2s,box-shadow .2s}
.pi-hub a:hover{transform:translateY(-4px);box-shadow:0 16px 36px #0b2e1418}
.pi-hub img{width:100%;aspect-ratio:4/3;object-fit:cover}
.pi-hub .pi-hub-body{padding:20px 22px 22px}
.pi-hub h3{font-size:20px;color:var(--dark);margin:0 0 6px;display:flex;align-items:center;justify-content:space-between;gap:8px}
.pi-hub h3 .icon{width:18px;height:18px;color:var(--green);flex-shrink:0}
.pi-hub p{font-size:15.5px;line-height:1.55;color:var(--body);margin:0}
.pi-hub .pi-hub-icon{display:grid;place-items:center;aspect-ratio:4/3;background:linear-gradient(135deg,#e9f6e8,#d3ecd5)}
.pi-hub .pi-hub-icon .icon{width:64px;height:64px;color:var(--green)}
@media(max-width:980px){
 .pi-hero .container{grid-template-columns:1fr;gap:10px}
 .pi-hero-copy{padding-bottom:26px}
 .pi-hero-photo{max-width:520px}
 .pi-hero-photo .pi-badge{left:14px}
 .pi-split{grid-template-columns:1fr;gap:34px}
 .pi-split.reverse .pi-photo{order:0}
 .pi-cards,.pi-steps,.pi-hub{grid-template-columns:1fr 1fr}
 .pi-amounts{grid-template-columns:1fr 1fr}
 .pi-cta{grid-template-columns:1fr;padding:32px 26px}
 .pi-subnav{top:72px}
}
@media(max-width:620px){
 .pi-section{padding:52px 0}
 .pi-cards,.pi-steps,.pi-hub{grid-template-columns:1fr}
 .pi-hours div{grid-template-columns:1fr;gap:4px}
 .pi-photo::before{inset:12px -10px -12px 12px}
 .pi-hero-photo img{aspect-ratio:4/3.6}
 .pi-amount strong{font-size:36px}
}