#five-steps-care{background:#f0f7eb}#five-steps-care .care-journey-wrap{max-width:1320px}#five-steps-care h2{max-width:950px;margin:12px 0 12px}#five-steps-care .care-steps-heading{margin:0 0 7px!important;color:#83ad3e;font-weight:700;font-size:20px}#five-steps-care .clinic-process-description{max-width:850px;margin:0 0 28px;color:#647b6a;line-height:1.7}.care-journey-cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;position:relative}.care-journey-cards:before{content:'';position:absolute;left:6%;right:6%;top:41px;height:2px;background:#c6dcb3;z-index:0}.care-journey-card{appearance:none;border:1px solid #d7e7cb;border-radius:20px;background:white;padding:18px 17px 25px;min-height:165px;text-align:left;color:#1d3823;position:relative;z-index:1;cursor:pointer;transition:background .35s,color .35s,transform .35s,box-shadow .35s;display:flex;flex-direction:column;align-items:flex-start;gap:13px;overflow:hidden}.care-journey-card strong{font-size:17px;line-height:1.35}.care-journey-num{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#e8f2dc;color:#64972f;font-weight:700}.care-journey-card.is-active{background:#1d3823;color:white;transform:translateY(-5px);box-shadow:0 16px 35px #18341e24}.care-journey-card.is-active .care-journey-num{background:#8ab441;color:white}.care-journey-card:focus-visible{outline:3px solid #8ab441;outline-offset:3px}.care-journey-progress{position:absolute;bottom:0;left:0;width:100%;height:4px;background:#e0e9d7}.care-journey-progress span{display:block;height:100%;width:0;background:#92bd48}.care-journey-card.is-active .care-journey-progress span{animation:careFill 5s linear forwards}@keyframes careFill{from{width:0}to{width:100%}}.care-journey-detail{margin-top:24px;padding:28px 34px;background:#fff;border:1px solid #dce9d4;border-radius:24px;min-height:220px;box-shadow:0 12px 32px #23401b0a}.care-journey-detail-top{display:flex;justify-content:space-between;align-items:center}.care-journey-count{font-size:12px;letter-spacing:1.5px;color:#709b40;font-weight:700}.care-journey-controls{display:flex;gap:8px}.care-journey-controls button{width:38px;height:38px;border:1px solid #c6dcb3;background:#f4f8f0;border-radius:50%;cursor:pointer;color:#1d3823;font-size:20px}.care-journey-controls button:hover{background:#1d3823;color:white}.care-journey-detail h3{font-size:clamp(22px,3vw,31px);margin:4px 0 10px}.care-journey-detail p{color:#61766a;line-height:1.75;margin:0 0 10px;max-width:1000px}.care-journey-detail small{color:#7ca747;font-size:11px;letter-spacing:.6px}.care-journey-more{margin-top:24px}.care-journey-wrap:hover .care-journey-card.is-active .care-journey-progress span{animation-play-state:paused}@media(max-width:850px){.care-journey-cards{grid-template-columns:repeat(5,minmax(180px,1fr));overflow-x:auto;padding:8px 2px 15px;scroll-snap-type:x proximity}.care-journey-card{scroll-snap-align:start;min-height:140px}.care-journey-cards:before{display:none}}@media(max-width:520px){.care-journey-cards{grid-template-columns:repeat(5,170px)}.care-journey-detail{padding:20px;min-height:260px}#five-steps-care .clinic-process-description{margin-bottom:18px}}@media(prefers-reduced-motion:reduce){.care-journey-card,.care-journey-progress span{animation:none!important;transition:none!important}}

/* Mobile: five clearly visible steps in a vertical connected timeline. */
@media(max-width:700px){
 #five-steps-care .care-journey-wrap{width:100%;max-width:100%;min-width:0}
 #five-steps-care .care-journey-cards{display:flex!important;flex-direction:column!important;grid-template-columns:none!important;gap:10px!important;overflow:visible!important;overflow-x:visible!important;padding:0 0 0 9px!important;scroll-snap-type:none!important;position:relative}
 #five-steps-care .care-journey-cards:before{display:block!important;left:31px!important;right:auto!important;top:26px!important;bottom:26px!important;width:2px!important;height:auto!important;background:#c6dcb3!important}
 #five-steps-care .care-journey-card{width:100%!important;min-width:0!important;min-height:76px!important;padding:12px 14px!important;display:flex!important;flex-direction:row!important;align-items:center!important;gap:15px!important;flex:none!important;transform:none!important;border-radius:16px!important;overflow:visible!important;scroll-snap-align:none!important}
 #five-steps-care .care-journey-num{width:43px!important;height:43px!important;flex:0 0 43px!important;position:relative;z-index:2}
 #five-steps-care .care-journey-card strong{font-size:15px!important;line-height:1.4!important;overflow-wrap:anywhere}
 #five-steps-care .care-journey-card.is-active{box-shadow:0 8px 22px #18341e20!important;border-color:#83ad3e!important}
 #five-steps-care .care-journey-progress{height:3px!important;bottom:0!important;overflow:hidden!important;border-radius:0 0 16px 16px}
 #five-steps-care .care-journey-detail{width:100%!important;min-width:0!important;margin-top:18px!important;padding:20px!important;min-height:0!important;border-radius:18px!important}
 #five-steps-care .care-journey-detail-top{gap:12px!important;flex-wrap:wrap!important}
 #five-steps-care .care-journey-detail h3{font-size:23px!important;line-height:1.3!important}
 #five-steps-care .care-journey-detail p{font-size:15px!important;line-height:1.65!important;overflow-wrap:anywhere}
 #five-steps-care .care-journey-controls{flex-shrink:0}
}

.footer-vcard-qr{margin:18px 0;display:flex;flex-direction:column;align-items:flex-start;gap:8px}.footer-vcard-qr strong{font-size:13px;color:#fff}.footer-vcard-qr img{width:124px;height:124px;object-fit:contain;background:#fff;padding:7px;border-radius:10px}.footer-vcard-qr small{font-size:11px;color:#d5e9d2}