.n-routine,.n-routine *{box-sizing:border-box}
.n-routine{display:block;background:#f2f4ee;color:#26351a;padding:64px 24px;font-family:var(--font-body-family)}
.n-routine [hidden]{display:none!important}
.n-routine__inner{max-width:600px;margin:auto}
.n-routine__intro{text-align:center;margin-bottom:28px}
.n-routine h2{font:900 var(--natunora-text-h2)/1.15 var(--font-heading-family);letter-spacing:-.025em;text-wrap:balance;margin:0 0 18px}
.n-routine h2 em{font-style:normal;color:#66833e}
.n-routine__intro p{max-width:520px;margin:auto;font-size:var(--natunora-text-h4);line-height:1.5;color:#58604e;text-wrap:pretty}
.n-routine__intro p strong{font-weight:700}
.n-routine__choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:520px;margin:auto}
.n-routine__choice{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:14px;min-width:0;min-height:140px;padding:16px 8px 18px;border:1px solid #bac6a9;border-radius:10px;background:#fff;box-shadow:0 3px 0 #dce3d0;color:#405a2b;cursor:pointer;font:900 var(--natunora-text-story-intro)/1.2 var(--font-heading-family);-webkit-tap-highlight-color:transparent}
.n-routine__choice>span:first-of-type{white-space:nowrap}
.n-routine__dog{display:block;height:62px;width:74px;overflow:visible}
.n-routine__dog--1{padding:14px 10px 0}.n-routine__dog--2{padding:6px 4px 0}
.n-routine__tick{display:none;position:absolute;top:7px;right:9px;font-size:var(--natunora-text-small)}
.n-routine__choice[aria-pressed=true]{background:#405a2b;color:#fff;border-color:#405a2b;box-shadow:0 3px 0 #293e19}
.n-routine__choice[aria-pressed=true] .n-routine__tick{display:block}
.n-routine__result{margin-top:34px}
.n-routine__result-head{text-align:center;margin:0 0 22px}
.n-routine__result-head h3{font:900 var(--natunora-text-body)/1.4 var(--font-heading-family);letter-spacing:.06em;margin:0 0 12px}
.n-routine__chips{display:flex;justify-content:center;flex-wrap:wrap;gap:8px}
.n-routine__chips span{padding:6px 13px;border-radius:999px;background:#e4ebd7;color:#405a2b;font:700 var(--natunora-text-body)/1.4 var(--font-heading-family)}
.n-routine__media{width:280px;max-width:100%;aspect-ratio:1;margin:0 auto 20px;position:relative;border-radius:10px;overflow:hidden;background:#e8e8df}
.n-routine__media img,.n-routine__media video{display:block;width:100%;height:100%;object-fit:contain}
.n-routine__pause{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:transparent;border-radius:10px;cursor:pointer}
.n-routine__instruction{max-width:490px;text-align:center;margin:0 auto 28px;font-size:var(--natunora-text-h5);line-height:1.5;color:#58604e;text-wrap:pretty}
.n-routine__recommendation{padding:25px 28px 26px;border:1px solid #ced9bd;border-radius:10px;background:#fff}
.n-routine h4{font:900 var(--natunora-text-h4)/1.3 var(--font-heading-family);margin:0 0 20px}
.n-routine__recommendation h4{color:#405a2b}
.n-routine__doses{margin:0 0 20px}
.n-routine__doses>div{padding:16px 0;border-top:1px solid #e1e7d9}
.n-routine__doses>div:last-child{padding-bottom:0}
.n-routine__doses dt{font:700 var(--natunora-text-h5)/1.4 var(--font-heading-family);margin-bottom:5px;color:#58604e}
.n-routine__doses dd{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline;margin:0;color:#405a2b}
.n-routine__doses strong{font:900 var(--natunora-text-h3)/1.2 var(--font-heading-family)}
.n-routine__doses dd span{font-size:var(--natunora-text-h5);white-space:nowrap}
.n-routine__recommendation p,.n-routine__taste p{margin:0;font-size:var(--natunora-text-h5);line-height:1.55;color:#58604e}
.n-routine__taste{background:#f8eedc;border:1px solid #e9d9bd;border-radius:10px;padding:24px 28px;margin-top:16px}
.n-routine__taste h4{display:flex;align-items:center;gap:10px;margin-bottom:12px;color:#735022}
.n-routine__taste h4 svg{width:28px;height:28px;flex:none}
.n-routine__taste p{color:#665438}
.n-routine__footnote{margin:14px 0 0;font:400 var(--natunora-text-sales-footnote)/1.5 var(--font-body-family);color:#707568}
.n-routine__status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:749px){.n-routine{padding:40px 16px}.n-routine h2{font-size:var(--natunora-text-sales-section-mobile)}.n-routine__intro p{font-size:var(--natunora-text-h5)}.n-routine__choices{gap:9px}.n-routine__choice{min-height:120px;gap:10px;padding:14px 4px;font-size:var(--natunora-text-h4)}.n-routine__dog{width:72px;height:55px}.n-routine__recommendation,.n-routine__taste{padding:21px 20px}.n-routine__doses strong{font-size:var(--natunora-text-story-intro)}.n-routine__doses dd{gap:3px 8px}.n-routine__media{width:100%}}
@media(max-width:359px){.n-routine{padding-inline:12px}.n-routine__choice{font-size:var(--natunora-text-h5)}.n-routine__choices{gap:7px}.n-routine__recommendation,.n-routine__taste{padding:20px 16px}}

.n-routine__result{display:flex;flex-direction:column}
.n-routine__visual,.n-routine__details{display:contents}
.n-routine__result-head{order:0}.n-routine__media{order:1}.n-routine__instruction{order:2}.n-routine__recommendation{order:3}.n-routine__taste{order:4}.n-routine__footnote{order:5}
@media(min-width:990px){
 .n-routine__inner{max-width:1100px}
 .n-routine__result{display:grid;grid-template-columns:minmax(0,.44fr) minmax(0,.56fr);gap:36px;margin-top:42px;align-items:start}
 .n-routine__visual,.n-routine__details{display:block;min-width:0}
 .n-routine__media{width:100%;margin:0 0 18px}
 .n-routine__instruction{margin:0;text-align:left;max-width:none}
 .n-routine__result-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 18px;text-align:left}
 .n-routine__result-head h3{margin:0;letter-spacing:.02em}
 .n-routine__chips{justify-content:flex-end;flex-wrap:nowrap;gap:6px;flex-shrink:0}
 .n-routine__chips span{font-size:var(--natunora-text-small);white-space:nowrap;padding:6px 10px}
}