/* Wide SVG rooms, with independent actors so care remains visible on phones.
   Worker boxes include the complete tool sweep; body size and shoulder stay fixed. */
.care-scene{position:relative;isolation:isolate;width:100%;height:430px;overflow:hidden;border:1px solid #c8e5f1;border-radius:24px;background:#f0faff;box-shadow:0 8px 26px #147bc10b}.care-scene[data-kind=salon]{border-color:#f3d5ad;background:#fff8ef}.care-backdrop,.care-floor-sparkles{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none}.care-room-badge{position:absolute;left:20px;top:20px;z-index:6;display:flex;align-items:center;gap:9px;background:#ffffffed;border:1px solid #d2e8f2;border-radius:24px;padding:10px 14px;color:#1266a4;font-size:12px;font-weight:700;box-shadow:0 3px 12px #173b5907}.care-room-badge svg{width:17px;height:17px;color:#13a99e}.care-scene[data-kind=salon] .care-room-badge svg{color:#ed9c18}.care-station{position:absolute;left:48%;bottom:66px;width:350px;height:135px;z-index:2}.care-station>svg{display:block;width:100%;height:100%;overflow:visible}.care-pet{position:absolute;left:67%;bottom:190px;width:176px;height:184px;margin-left:-88px;z-index:3;filter:drop-shadow(0 6px 3px #173b5912)}.care-pet-picture,.care-effect{position:absolute;inset:0;width:100%;height:100%}.care-pet-picture{transform-origin:50% 95%;animation:care-cat-breathe 3.2s ease-in-out infinite}.care-pet-picture>svg{display:block;width:100%;height:100%;overflow:visible}.care-effect{pointer-events:none;overflow:visible}.care-worker{position:absolute;left:32%;bottom:59px;width:280px;height:320px;z-index:4}.care-worker>svg{display:block;width:100%;height:100%;overflow:visible}.care-person-body{transform-origin:100px 302px;transform-box:view-box;animation:care-person-breathe 3.4s ease-in-out infinite}.care-head{transform-origin:104px 115px;transform-box:view-box;animation:care-head-idle 4.8s ease-in-out infinite}.care-eyes{transform-origin:104px 77px;transform-box:view-box;animation:care-blink 5.6s linear infinite}.care-arm-back,.care-arm-work{transform-box:view-box;transform-origin:139px 141px}.care-arm-back{transform-origin:73px 133px;animation:care-rest-arm 4.2s ease-in-out infinite}.care-arm-work{animation:care-hold-tool 3s ease-in-out infinite}.care-tool{transform-box:view-box;transform-origin:212px 157px}.care-floor-sparkles{z-index:1}.care-exam-lines{opacity:0;animation:care-health-line 4s ease-in-out infinite}.care-scene[data-action=exam] .care-arm-work{animation:care-exam-arm 4s ease-in-out infinite}.care-scene[data-action=exam] .care-stethoscope-disc{transform-origin:250px 185px;transform-box:view-box;animation:care-disc-pulse 1s ease-in-out infinite}.care-scene[data-action=bath] .care-arm-work{animation:care-wash-arm 4s ease-in-out infinite}.care-scene[data-action=bath] .care-station{height:160px;bottom:59px;z-index:5}.care-scene[data-action=bath] .care-worker{z-index:6}.care-scene[data-action=bath] .care-pet{bottom:173px}.care-scene[data-action=bath] .care-pet-picture{animation:care-cat-bath 4s ease-in-out infinite}.care-water{animation:care-water-drop .7s ease-in infinite;transform-box:view-box;transform-origin:230px 180px}.care-bubble{transform-box:view-box;animation:care-bubble-rise 2s ease-in-out infinite}.care-bubble-b{animation-delay:-.8s}.care-bubble-c{animation-delay:-1.4s}.care-scene[data-action=cut] .care-arm-work{animation:care-cut-arm 4s ease-in-out infinite}.care-scissor-blade{transform-box:view-box;transform-origin:228px 152px}.care-scissor-a{animation:care-snip-a .55s ease-in-out infinite}.care-scissor-b{animation:care-snip-b .55s ease-in-out infinite}.care-clippings path{animation:care-fur-fall 1.6s ease-in infinite;transform-box:view-box}.care-clippings path:nth-child(2){animation-delay:-.4s}.care-clippings path:nth-child(3){animation-delay:-1s}.care-clippings path:nth-child(4){animation-delay:-.7s}.care-clippings path:nth-child(5){animation-delay:-1.3s}.care-scene[data-action=style] .care-arm-work{animation:care-brush-arm 4s ease-in-out infinite}.care-scene[data-action=style] .care-pet-picture{animation:care-cat-groom 4s ease-in-out infinite}.care-star{transform-box:fill-box;transform-origin:center;animation:care-sparkle 1.8s ease-in-out infinite}.care-star-b{animation-delay:-.65s}.care-star-c{animation-delay:-1.25s}.care-scene[data-action=done] .care-arm-work{animation:care-wave 2.2s ease-in-out infinite}.care-scene[data-action=done] .care-pet-picture{animation:care-cat-proud 2.6s ease-in-out infinite}
@keyframes care-person-breathe{0%,100%{transform:scaleY(1)}50%{transform:scaleY(1.008)}}@keyframes care-head-idle{0%,100%{transform:rotate(-1deg)}50%{transform:rotate(1.3deg)}}@keyframes care-blink{0%,43%,47%,85%,89%,100%{transform:scaleY(1)}45%,87%{transform:scaleY(.06)}}@keyframes care-rest-arm{0%,100%{transform:rotate(0)}50%{transform:rotate(2deg)}}@keyframes care-hold-tool{0%,100%{transform:rotate(0)}50%{transform:rotate(-2deg)}}@keyframes care-cat-breathe{0%,100%{transform:scaleY(1)}50%{transform:scaleY(1.012)}}
@keyframes care-exam-arm{0%,100%{transform:rotate(0)}15%,30%{transform:rotate(-9deg)}40%,55%{transform:rotate(-2deg)}65%,80%{transform:rotate(-7deg)}90%{transform:rotate(-3deg)}}@keyframes care-disc-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes care-health-line{0%,10%,100%{opacity:0;transform:translateY(5px)}25%,80%{opacity:.9;transform:translateY(0)}}
@keyframes care-wash-arm{0%,100%{transform:rotate(-5deg)}15%,45%,75%{transform:rotate(-12deg)}30%,60%{transform:rotate(-2deg)}90%{transform:rotate(-3deg)}}@keyframes care-water-drop{from{transform:translateY(-6px);opacity:0}20%{opacity:.85}to{transform:translateY(32px);opacity:0}}@keyframes care-bubble-rise{0%{transform:translateY(15px) scale(.8);opacity:0}25%{opacity:.8}100%{transform:translateY(-30px) scale(1.15);opacity:0}}@keyframes care-cat-bath{0%,100%{transform:rotate(-1deg)}25%{transform:rotate(1deg)}50%{transform:rotate(-1deg)}75%{transform:rotate(1deg)}}
@keyframes care-cut-arm{0%,100%{transform:rotate(-9deg)}20%{transform:rotate(-17deg)}40%{transform:rotate(-8deg)}60%{transform:rotate(-16deg)}80%{transform:rotate(-10deg)}}@keyframes care-snip-a{0%,100%{transform:rotate(-11deg)}50%{transform:rotate(3deg)}}@keyframes care-snip-b{0%,100%{transform:rotate(11deg)}50%{transform:rotate(-3deg)}}@keyframes care-fur-fall{0%{transform:translate(0,-9px) rotate(-4deg);opacity:0}15%{opacity:1}100%{transform:translate(8px,57px) rotate(22deg);opacity:0}}
@keyframes care-brush-arm{0%,100%{transform:rotate(-13deg)}15%{transform:rotate(-7deg)}30%,60%{transform:rotate(-14deg)}45%{transform:rotate(-5deg)}75%{transform:rotate(-6deg)}90%{transform:rotate(-13deg)}}@keyframes care-cat-groom{0%,100%{transform:rotate(0)}30%{transform:rotate(1deg)}60%{transform:rotate(-1deg)}}@keyframes care-sparkle{0%,100%{transform:scale(.65) rotate(-8deg);opacity:.25}50%{transform:scale(1) rotate(8deg);opacity:1}}@keyframes care-wave{0%,100%{transform:rotate(-70deg)}20%,60%{transform:rotate(-82deg)}40%,80%{transform:rotate(-65deg)}}@keyframes care-cat-proud{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-3px) rotate(1deg)}}
@media(min-width:1200px){.care-scene{height:440px}.care-worker{left:33%;bottom:61px}.care-pet{bottom:192px}.care-station{bottom:68px}}
@media(max-width:760px){.care-scene{height:410px}.care-worker{left:24%;width:263.2px;height:301px;bottom:58px}.care-pet{left:67%;bottom:178px;width:164px;height:171px;margin-left:-82px}.care-station{left:44%;width:320px;height:123px;bottom:64px}.care-scene[data-action=bath] .care-station{height:146px;bottom:57px}.care-scene[data-action=bath] .care-pet{bottom:163px}.care-room-badge{left:17px;top:17px;font-size:11px;padding:9px 12px}}
@media(max-width:560px){.care-scene{height:350px;border-radius:20px}.care-worker{left:9%;width:215.6px;height:246px;bottom:61px}.care-pet{left:68%;bottom:170px;width:140px;height:146px;margin-left:-70px}.care-station{left:41%;width:242px;height:94px;bottom:85px}.care-scene[data-action=bath] .care-station{height:112px;bottom:78px}.care-scene[data-action=bath] .care-pet{bottom:157px}.care-room-badge{left:14px;top:14px;font-size:11px;padding:9px 12px}.care-backdrop{width:100%;height:100%}.care-scene[data-action=done] .care-arm-work{animation-name:care-wave-small}}
@media(max-width:380px){.care-worker{left:4%;width:215.6px;height:246px;bottom:61px}.care-pet{left:66%;width:134px;height:140px;margin-left:-67px;bottom:170px}.care-station{left:39%;width:222px;height:86px;bottom:91px}.care-scene[data-action=bath] .care-station{height:103px;bottom:86px}.care-scene[data-action=bath] .care-pet{bottom:159px}.care-room-badge{top:13px;left:13px}}
@keyframes care-wave-small{0%,100%{transform:rotate(-64deg)}20%,60%{transform:rotate(-76deg)}40%,80%{transform:rotate(-58deg)}}
@media(max-height:520px) and (orientation:landscape){.care-scene{height:340px}.care-worker{height:264px;width:231px;bottom:39px}.care-pet{height:150px;width:144px;margin-left:-72px;bottom:145px}.care-station{height:108px;width:280px;bottom:43px}.care-scene[data-action=bath] .care-station{height:127px;bottom:38px}.care-scene[data-action=bath] .care-pet{bottom:132px}}
@media(prefers-reduced-motion:reduce){.care-scene *{animation:none!important;transition:none!important}.care-scene[data-action=exam] .care-arm-work{transform:rotate(-5deg)}.care-scene[data-action=style] .care-arm-work,.care-scene[data-action=cut] .care-arm-work{transform:rotate(-11deg)}.care-scene[data-action=bath] .care-arm-work{transform:rotate(-6deg)}.care-scene[data-action=done] .care-arm-work{transform:rotate(-65deg)}.care-water{opacity:.7}.care-bubble{opacity:.7}.care-clippings path{opacity:.6}.care-exam-lines{opacity:.85}.care-star{opacity:1}}

/* Finish the bath by putting away water and drying with a folded towel. */
.care-scene[data-action=bath] .care-sponge,.care-water-phase{animation:care-wet-phase 4s linear both}.care-towel{opacity:0;animation:care-towel-phase 4s linear both}.care-scene[data-action=bath] .care-foam{animation:care-foam-settle 4s ease-out both}
@keyframes care-wet-phase{0%,72%{opacity:1}77%,100%{opacity:0}}@keyframes care-towel-phase{0%,72%{opacity:0}77%,100%{opacity:1}}@keyframes care-foam-settle{0%,70%{opacity:1;transform:translateY(0)}100%{opacity:.35;transform:translateY(9px)}}
@media(prefers-reduced-motion:reduce){.care-scene[data-action=bath] .care-towel{opacity:1}.care-scene[data-action=bath] .care-sponge,.care-water-phase{opacity:0}.care-scene[data-action=bath] .care-foam{opacity:.5}}
/* A readable three-part bath: lather, rinse, then towel dry. */
.care-bath-effects{z-index:2}.care-scene[data-action=bath] .care-foam{transform-box:view-box;animation:care-bath-lather 4.2s ease both}.care-scene[data-action=bath] .care-sponge{animation:care-bath-sponge 4.2s linear both}.care-scene[data-action=bath] .care-water-phase{animation:care-bath-sponge 4.2s linear both}.care-rinse{animation:care-bath-rinse 4.2s linear both}.care-rinse-stream{animation:care-rinse-flow .45s linear infinite}.care-drying-towel{transform-box:view-box;transform-origin:112px 175px;animation:care-dry 4.2s ease both}.care-bath-shine{animation:care-bath-finish 4.2s ease both}.care-scene[data-action=bath] .care-towel{animation:care-bath-hand-towel 4.2s linear both}.care-tub-ripple{transform-box:view-box;transform-origin:175px 40px;animation:care-ripple 1s ease-in-out infinite}.care-scene[data-action=bath] .care-pet-picture{animation:care-bath-relax 4.2s ease both}
@keyframes care-bath-lather{0%{opacity:0;transform:translateY(8px) scale(.93)}15%,36%{opacity:1;transform:translateY(0) scale(1)}59%{opacity:.55;transform:translateY(5px)}72%,100%{opacity:0;transform:translateY(14px)}}@keyframes care-bath-sponge{0%,32%{opacity:1}38%,100%{opacity:0}}@keyframes care-bath-rinse{0%,31%{opacity:0}38%,59%{opacity:1}65%,100%{opacity:0}}@keyframes care-rinse-flow{to{stroke-dashoffset:-22}}@keyframes care-dry{0%,62%{opacity:0;transform:translateY(12px)}68%{opacity:1;transform:translateY(0) rotate(-2deg)}76%{opacity:1;transform:rotate(2deg)}84%{opacity:1;transform:rotate(-2deg)}92%{opacity:1;transform:rotate(1deg)}100%{opacity:0;transform:translateY(8px)}}@keyframes care-bath-hand-towel{0%,62%{opacity:0}68%,100%{opacity:1}}@keyframes care-bath-finish{0%,86%{opacity:0}94%,100%{opacity:1}}@keyframes care-ripple{50%{transform:scaleX(.93) translateY(2px);opacity:.55}}@keyframes care-bath-relax{0%,100%{transform:rotate(0)}24%{transform:rotate(-2deg)}44%{transform:rotate(2deg)}70%,90%{transform:translateY(2px) rotate(-1deg)}}
@media(prefers-reduced-motion:reduce){.care-scene[data-action=bath] .care-foam,.care-rinse,.care-drying-towel,.care-bath-shine{animation:none!important}.care-scene[data-action=bath] .care-foam{opacity:.65}.care-rinse,.care-drying-towel{opacity:0}.care-bath-shine{opacity:1}}