.canma-routine{padding:75px 5%;background:#fffdf9;color:#34302f;font-family:DM Sans,sans-serif}.canma-routine-wrap{max-width:1120px;margin:auto}.canma-routine-heading{display:block!important;padding:0!important;text-align:center;border:0!important;margin:0 auto 45px}.canma-routine-heading>p{font-size:11px;font-weight:700;letter-spacing:.12em;color:#756a94;margin:0 0 12px}.canma-routine-heading h2{font:600 clamp(35px,4vw,54px)/1.08 "Cormorant Garamond",serif;letter-spacing:-.025em;margin:0 0 16px}.canma-routine-heading h2 em{color:#756a94;font-weight:500}.canma-routine-heading>div{font-size:15px;line-height:1.6;color:#81748b}.canma-routine-timeline{position:relative;display:grid;grid-template-columns:1fr 1fr;column-gap:64px;row-gap:0}.canma-routine-timeline:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:2px;background:linear-gradient(#756a94,#ddd5e5);transform:translate(-50%)}.canma-routine-card{position:relative;border:1px solid #c3b6d0;border-radius:21px;padding:23px;background:#fff;box-shadow:0 14px 35px #756a9410;grid-column:1;margin:0 0 24px}.canma-routine-card:nth-child(2){grid-column:2;grid-row:2}.canma-routine-card:nth-child(3){grid-row:3}.canma-routine-dot{position:absolute;right:-48px;top:50%;transform:translateY(-50%);width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#756a94;color:#fff;box-shadow:0 0 0 7px #e8e1ee;font-size:16px}.canma-routine-card:nth-child(2) .canma-routine-dot{right:auto;left:-48px}.canma-routine-period{font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:#756a94;margin:0 0 15px;padding-bottom:12px;border-bottom:1px solid #e5deeb}.canma-routine-period>span{font-size:18px;vertical-align:middle;margin-right:6px}.canma-routine-photo{aspect-ratio:1 / 1;border-radius:13px;background-image:url(canma-poodle-routine-v4.webp);background-size:300% auto;background-repeat:no-repeat}.canma-routine-photo-0{background-position:0 50%}.canma-routine-photo-1{background-position:50% 50%}.canma-routine-photo-2{background-position:100% 50%}.canma-routine-card h3{font-size:17px;line-height:1.4;margin:18px 0 9px;color:#554866}.canma-routine-body{font-size:14px;line-height:1.7;margin:0;color:#81748b}.canma-routine-note{max-width:700px;font-size:11px;line-height:1.6;color:#897b92;text-align:center;margin:24px auto 0}@media(max-width:749px){.canma-routine{padding:48px 5%}.canma-routine-heading{margin-bottom:30px}.canma-routine-timeline{display:block;padding-left:26px}.canma-routine-timeline:before{left:5px}.canma-routine-card{padding:17px;border-radius:17px;margin-bottom:22px}.canma-routine-dot,.canma-routine-card:nth-child(2) .canma-routine-dot{left:-32px;right:auto;width:22px;height:22px;font-size:12px;box-shadow:0 0 0 4px #e8e1ee}.canma-routine-card h3{font-size:16px}.canma-routine-body{font-size:13px}.canma-routine-heading>div{font-size:14px}.canma-routine-note{font-size:10px}}.canma-routine-timeline{max-width:920px;margin-inline:auto}.canma-routine-card{padding:18px;border-radius:18px}.canma-routine-card h3{font-size:16px;margin-top:14px}.canma-routine-body{font-size:13px;line-height:1.6}.canma-routine-period{margin-bottom:12px;padding-bottom:10px}@media(max-width:749px){.canma-routine-timeline{max-width:440px}.canma-routine-card{padding:15px}.canma-routine-body{font-size:13px}}@media(min-width:750px){.canma-routine-photo{width:86%;margin-inline:auto}}.canma-routine-timeline.has-scroll-progress:before{background:#e0d8e8}.canma-routine-timeline.has-scroll-progress:after{content:"";position:absolute;top:0;left:50%;width:2px;height:var(--routine-progress,0px);background:#756a94;transform:translate(-50%);pointer-events:none}.has-scroll-progress .canma-routine-dot{z-index:2;background:#f3eef7;color:#b9aac9;box-shadow:0 0 0 7px #f1ebf6;transition:background .25s,color .25s,box-shadow .25s}.has-scroll-progress .is-reached .canma-routine-dot{background:#756a94;color:#fff;box-shadow:0 0 0 7px #e8e1ee}@media(max-width:749px){.canma-routine-timeline.has-scroll-progress:after{left:5px}.has-scroll-progress .canma-routine-dot{box-shadow:0 0 0 4px #f1ebf6}.has-scroll-progress .is-reached .canma-routine-dot{box-shadow:0 0 0 4px #e8e1ee}}@media(prefers-reduced-motion:reduce){.has-scroll-progress .canma-routine-dot{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/canma-routine.css.map */