.ci-care-label{z-index:2}.ci-scene{display:none}.ci-moments:not([data-active-step]) .ci-scene-1,.ci-moments[data-active-step="1"] .ci-scene-1,.ci-moments[data-active-step="2"] .ci-scene-2,.ci-moments[data-active-step="3"] .ci-scene-3{display:inline}.ci-interaction{display:block;color:#16264d}.ci-kicker{font-size:12px;font-weight:700;line-height:1.5;margin-bottom:16px;color:#1948c9}.ci-routine-section{padding-block:80px;max-width:1240px}.ci-routine{display:grid;grid-template-columns:1.05fr 1fr;gap:80px;align-items:center}.ci-routine h2,.ci-moments h2{font-size:clamp(32px,3.5vw,46px);line-height:1.12;letter-spacing:-1.3px;margin:0 0 20px;color:#1948c9}.ci-intro{font-size:16px;color:#53617c;max-width:440px;margin-bottom:32px}.ci-routine-tabs{display:grid;gap:12px;margin-bottom:24px}.ci-routine-tabs button{display:flex;align-items:center;gap:16px;min-height:64px;text-align:left;border:1px solid #d0d9ed;border-radius:12px;padding:12px 20px;background:#fcfdff;color:#1948c9;font-size:15px;font-weight:700;cursor:pointer}.ci-routine-tabs button>span:nth-child(2){flex:1}.ci-routine-tabs button[aria-selected=true]{background:#1948c9;border-color:#1948c9;color:#fff}.ci-step-num{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border-radius:50%;background:#e8efff;color:#1948c9;font-size:12px}.ci-routine-tabs button[aria-selected=true] .ci-step-num{background:#ff947f;color:#16264d}.ci-routine-panels{min-height:148px}.ci-routine-panels h3{font-size:20px;line-height:1.4;letter-spacing:-.4px;margin:0 0 12px}.ci-routine-panels p{font-size:15px;color:#53617c;line-height:1.7;max-width:500px;margin:0}.ci-care-stage{position:relative;isolation:isolate;aspect-ratio:1/1.13;background:#ffddd5;border-radius:24px;min-height:520px}.ci-care-grid{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:inherit;overflow:hidden;background-image:linear-gradient(#b8443010 1px,transparent 1px),linear-gradient(90deg,#b8443010 1px,transparent 1px);background-size:32px 32px}.ci-care-label{position:absolute;right:24px;top:24px;width:52%;padding:24px;background:#fcfdff;border:1px solid #d0d9ed;border-radius:12px;transform:rotate(4deg);color:#1948c9;box-shadow:0 8px 24px #16264d0a}.ci-care-label strong{display:block;font-size:24px;line-height:1.2;margin:12px 0}.ci-care-label p{font-size:13px;line-height:1.6;color:#53617c;margin-bottom:20px}.ci-care-label>span{display:block;font-size:11px;font-weight:700;border-top:1px dashed #d0d9ed;padding-top:12px}.ci-care-product{position:absolute;left:-24px;bottom:20px;width:88%;pointer-events:none}.ci-care-product img{width:100%;height:auto;max-height:500px;object-fit:contain;filter:drop-shadow(0 12px 10px #16264d10)}.ci-care-progress{position:absolute;right:20px;bottom:20px;display:flex;gap:8px}.ci-care-progress span{width:28px;height:28px;display:grid;place-items:center;font-size:10px;font-weight:700;border:1px solid #b8443060;color:#8f382b;border-radius:50%;background:#ffddd5}.ci-care-progress .is-active{background:#1948c9;color:#fff;border-color:#1948c9}.ci-routine[data-active-step="2"] .ci-care-label{border-color:#1948c9}.ci-routine[data-active-step="3"] .ci-care-label>span{color:#b84430}.ci-texture{min-width:0;max-width:100%;position:relative}.ci-texture-frame{position:relative;aspect-ratio:1.05;overflow:hidden;border-radius:20px;background:#e8efff}.ci-texture-frame>img{width:100%;height:100%;object-fit:cover;object-position:64% 53%;transform:scale(1.45);transition:transform .26s cubic-bezier(.22,1,.36,1)}.ci-texture.is-zoomed .ci-texture-frame>img{transform:scale(2.8);object-position:64% 53%}.ci-fabric-tag{position:absolute;top:20px;left:20px;background:#ff947f;color:#16264d;border-radius:6px;padding:8px 16px;font-size:12px;font-weight:700;transform:rotate(-4deg)}.ci-texture-target{position:absolute;left:50%;top:50%;width:96px;height:96px;transform:translate(-50%,-50%);opacity:.7}.ci-texture-target i{position:absolute;width:20px;height:20px;border-color:#fcfdff;border-style:solid;border-width:0}.ci-texture-target i:nth-child(1){left:0;top:0;border-left-width:2px;border-top-width:2px}.ci-texture-target i:nth-child(2){right:0;top:0;border-right-width:2px;border-top-width:2px}.ci-texture-target i:nth-child(3){left:0;bottom:0;border-left-width:2px;border-bottom-width:2px}.ci-texture-target i:nth-child(4){right:0;bottom:0;border-right-width:2px;border-bottom-width:2px}.ci-texture-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:16px}.ci-texture-footer>span{font-size:12px;font-weight:600;color:#53617c}.ci-texture-footer button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:8px 12px;background:#1948c9;color:#fff;border:1px solid #1948c9;border-radius:8px;font-size:12px;font-weight:700;cursor:pointer}.ci-texture-caption{font-size:12px;color:#53617c;margin-top:8px}.cp-material>.ci-texture{align-self:start}.cs-reuse>.ci-texture{align-self:center}.ci-moments-section{max-width:1240px;margin:0 auto 80px}.ci-moments{display:grid;grid-template-columns:1fr 1.1fr;gap:64px;padding:48px;background:#1948c9;border-radius:24px;align-items:center;overflow:hidden;color:#fff}.ci-moment-stage{position:relative;min-width:0;min-height:440px;border-radius:16px;background:#e8efff;isolation:isolate}.ci-moment-stage:after{content:"";position:absolute;bottom:32px;left:24px;right:24px;height:2px;background:#1948c933;z-index:-1}.ci-product-stamp{position:absolute;top:20px;left:20px;max-width:132px;background:#ff947f;padding:12px 16px;border-radius:8px;font-size:12px;line-height:1.5;font-weight:700;color:#16264d;transform:rotate(-5deg);z-index:2}.ci-moment-product{position:absolute;left:-12px;bottom:8px;width:95%;height:auto;max-height:420px;object-fit:contain}.ci-scene-line{position:absolute;top:40px;right:8px;width:75%;height:auto;color:#1948c933;z-index:-1}.ci-material-note{position:absolute;right:16px;bottom:56px;display:flex;flex-direction:column;align-items:center;font-size:12px;font-weight:700;color:#1948c9;transform:rotate(8deg);z-index:2}.ci-material-note svg{margin-top:8px}.ci-moment-copy .ci-kicker{color:#dce6ff}.ci-moments h2{color:#fff;margin-bottom:24px}.ci-moment-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.ci-moment-tabs button{min-height:44px;padding:12px 16px;font-size:12px;font-weight:700;line-height:1.4;background:transparent;border:1px solid #aebff7;color:#fff;border-radius:24px;cursor:pointer}.ci-moment-tabs button[aria-selected=true]{background:#ff947f;color:#16264d;border-color:#ff947f}.ci-moment-panel{min-height:160px}.ci-moment-panel h3{font-size:21px;line-height:1.4;letter-spacing:-.4px;margin-bottom:12px;color:#fff}.ci-moment-panel p{font-size:15px;line-height:1.7;color:#e8efff}.ci-context-note{font-size:12px;line-height:1.65;color:#d3dfff;margin:0 0 24px}.ci-buy-link{display:inline-flex;justify-content:space-between;align-items:center;gap:24px;min-height:48px;padding:12px 20px;background:#ff947f;color:#16264d;border-radius:24px;font-size:14px;font-weight:700}.ci-buy-link:hover{background:#ffb2a3;color:#16264d}.ci-interaction button:focus-visible,.ci-interaction a:focus-visible{outline:3px solid #ff947f;outline-offset:4px}.ci-routine-tabs button:focus-visible{outline-color:#102f82}.ci-final{position:relative;isolation:isolate}.cp-final.ci-final{display:grid;grid-template-columns:180px 1fr auto;gap:32px;align-items:center;padding:32px 40px}.cs-final.ci-final{display:grid;grid-template-columns:200px 1fr auto;gap:40px;align-items:center;padding-block:32px;min-height:260px}.ci-final-product{align-self:center;margin-top:-72px;pointer-events:none}.ci-final-product img{max-height:280px;width:100%;object-fit:contain}.ci-final h2{font-size:32px!important;line-height:1.15}.ci-final .cp-link-button,.ci-final .cs-button{white-space:normal}.cp-guide-thumb{background:#e8efff}.cp-guide-thumb b{font-size:28px!important}.cp-guide-image>span{display:none}.cp-guide-image h2{font-weight:700}.ci-moment-tabs button:hover:not([aria-selected=true]){background:#ffffff15}.ci-routine-tabs button:hover:not([aria-selected=true]){background:#e8efff}@media(max-width:1350px){.ci-routine-section{margin-inline:32px}.cs-wrap.ci-routine-section{padding-inline:0}.ci-routine{gap:48px}.ci-moments-section{margin-inline:32px}.ci-moments{gap:40px;padding:40px}.ci-moment-stage{min-height:420px}.ci-care-stage{min-height:480px}.ci-care-label{padding:20px}.ci-care-label strong{font-size:22px}.ci-moment-tabs button{padding:12px}.ci-final h2{font-size:30px!important}}@media(max-width:1000px){.ci-routine{gap:32px}.ci-routine h2,.ci-moments h2{font-size:36px;letter-spacing:-1px}.ci-care-stage{min-height:440px}.ci-care-product{width:95%;left:-16px;bottom:20px}.ci-care-label{right:16px;top:16px;width:58%;padding:16px}.ci-care-label strong{font-size:20px}.ci-care-label p{font-size:12px}.ci-care-progress{right:12px;bottom:12px;gap:4px}.ci-care-progress span{width:24px;height:24px;font-size:10px}.ci-moments{gap:32px;padding:32px;grid-template-columns:1fr 1.15fr}.ci-moment-stage{min-height:380px}.ci-moment-tabs button{padding:12px 10px;font-size:11px}.ci-product-stamp{font-size:11px;left:16px;top:16px;padding:8px 12px}.ci-moment-panel{min-height:180px}.cp-final.ci-final,.cs-final.ci-final{grid-template-columns:140px 1fr;gap:24px}.ci-final .cp-link-button,.ci-final .cs-button{grid-column:2;justify-self:start}.ci-final-product{grid-row:1/3;margin-top:-40px}.ci-final-product img{max-height:220px}}@media(max-width:700px){.ci-routine-section{margin-inline:24px;padding-block:56px}.cs-wrap.ci-routine-section{padding-inline:0}.ci-routine{display:flex;flex-direction:column;gap:32px;align-items:stretch}.ci-routine h2,.ci-moments h2{font-size:32px;letter-spacing:-.8px}.ci-routine h2{margin-bottom:16px}.ci-kicker{font-size:12px;margin-bottom:12px}.ci-intro{font-size:15px;margin-bottom:24px}.ci-routine-tabs{gap:12px;margin-bottom:20px}.ci-routine-tabs button{min-height:60px;padding:12px 16px;gap:12px;font-size:14px}.ci-routine-panels{min-height:152px}.ci-routine-panels h3{font-size:19px;margin-bottom:12px}.ci-routine-panels p{font-size:14px}.ci-care-stage{aspect-ratio:1.05;min-height:380px;max-width:520px;width:100%;margin:auto;border-radius:20px}.ci-care-label{top:20px;right:20px;width:52%;padding:20px}.ci-care-label strong{font-size:22px}.ci-care-label p{font-size:12px;margin-bottom:16px}.ci-care-product{width:85%;left:-12px;bottom:12px}.ci-care-product img{max-height:400px}.ci-care-progress{right:12px;bottom:12px}.ci-texture-frame{aspect-ratio:1.2;border-radius:16px}.ci-texture-footer{gap:12px;flex-wrap:wrap;margin-top:12px}.ci-texture-footer>span{font-size:12px}.ci-texture-footer button{font-size:11px;min-height:44px;padding:8px 12px}.ci-fabric-tag{font-size:11px;top:16px;left:16px;padding:8px 12px}.ci-texture-caption{font-size:11px;margin-top:8px}.ci-moments-section{margin:0 24px 56px}.ci-moments{display:flex;flex-direction:column;align-items:stretch;padding:24px;gap:32px;border-radius:20px}.ci-moment-stage{min-height:360px;aspect-ratio:1.05}.ci-moment-product{width:90%;left:-8px;max-height:370px}.ci-product-stamp{top:16px;left:16px;max-width:120px}.ci-material-note{right:12px;bottom:48px;font-size:11px}.ci-moment-tabs{gap:8px;margin-bottom:24px}.ci-moment-tabs button{font-size:11px;padding:12px;flex:1;white-space:nowrap}.ci-moment-panel{min-height:160px}.ci-moment-panel h3{font-size:20px}.ci-moment-panel p{font-size:14px}.ci-context-note{font-size:11px;margin-bottom:24px}.ci-buy-link{font-size:13px;min-height:48px}.cp-final.ci-final,.cs-final.ci-final{display:grid;grid-template-columns:96px 1fr;gap:20px;padding:32px 24px;overflow:visible}.ci-final-product{margin-top:-24px;grid-row:1/3}.ci-final-product img{max-height:180px}.ci-final h2{font-size:26px!important;letter-spacing:-.6px}.ci-final p{font-size:14px}.ci-final .cp-link-button,.ci-final .cs-button{grid-column:2;font-size:12px;min-width:0;min-height:48px;padding:12px 16px;gap:12px}.ci-routine-section+.cp-problems{margin-top:0}}@media(max-width:380px){.ci-routine-section{margin-inline:20px}.ci-routine h2,.ci-moments h2{font-size:28px}.ci-routine-tabs button{font-size:12px;padding-inline:12px}.ci-step-num{width:28px;height:28px;flex-basis:28px}.ci-care-stage{min-height:340px}.ci-care-label{padding:16px;right:16px;top:16px;width:54%}.ci-care-label strong{font-size:18px}.ci-care-label>span{font-size:10px}.ci-care-product{width:88%;bottom:16px}.ci-moments-section{margin-inline:20px}.ci-moments{padding:20px}.ci-moment-stage{min-height:300px}.ci-moment-tabs{gap:8px}.ci-moment-tabs button{padding:12px 8px;font-size:11px;flex:auto}.ci-moment-panel{min-height:196px}.ci-final h2{font-size:23px!important}.cp-final.ci-final,.cs-final.ci-final{grid-template-columns:72px 1fr;gap:16px;padding:28px 20px}.ci-final .cp-link-button,.ci-final .cs-button{font-size:11px;padding:12px}.ci-final-product img{max-height:160px}.ci-texture-footer{align-items:flex-start;flex-direction:column}}@media(prefers-reduced-motion:reduce){.ci-texture-frame>img{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/33/assets/cloth-interactive.css.map */
