/* Sunday Reset product story: one continuous editorial page. */
.product-detail{--pdp-paper:#fff9ed;--pdp-ink:#243753;--pdp-rule:#24375329;--pdp-orange:#ef6b2e;--pdp-blue:#8ca5ed;max-width:1100px;margin:0 auto;background:var(--pdp-paper);color:var(--pdp-ink);font-family:Pretendard,sans-serif;isolation:isolate}
.product-detail *, .product-detail *::before,.product-detail *::after{box-sizing:border-box}
.product-detail section{scroll-margin-top:70px}
.product-detail h2{margin:0 0 28px;font-size:clamp(38px,4.5vw,56px);font-weight:600;line-height:1.35;letter-spacing:-.055em;word-break:keep-all;overflow-wrap:break-word}
.product-detail h3{margin:0;font-size:21px;line-height:1.5;font-weight:600;letter-spacing:-.035em;word-break:keep-all}
.product-detail p{font-size:17px;line-height:1.85;letter-spacing:-.025em;word-break:keep-all;overflow-wrap:break-word;margin:0 0 22px}
.product-detail figure{margin:0}
.product-detail img{display:block;width:100%;height:auto;object-fit:cover}
.product-detail .pdp-kicker{font-family:Manrope,Pretendard,sans-serif;font-size:11px;line-height:1.6;font-weight:600;letter-spacing:.14em;text-transform:uppercase;margin:0 0 24px}
.pdp-inner{padding:86px 7%}
.detail-nav{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:center;gap:48px;min-height:60px;padding:0 20px;background:#fff9edf5;border-bottom:1px solid var(--pdp-rule)}
.detail-nav a{display:flex;align-items:center;justify-content:center;min-height:60px;font-size:13px;line-height:1.5;letter-spacing:-.02em;text-align:center;transition:opacity .2s}
.detail-nav a:hover{opacity:.6}
.pdp-intro{text-align:center;padding:0}
.pdp-intro>.pdp-inner{padding:92px 7% 0}
.pdp-intro .pdp-inner>.pdp-kicker,.pdp-intro .pdp-inner>h2,.pdp-intro .pdp-inner>.product-name,.pdp-intro .pdp-inner>.pdp-lead{margin-left:auto;margin-right:auto}
.pdp-intro>.pdp-kicker,.pdp-intro>h2,.pdp-intro>.product-name,.pdp-intro>.pdp-lead{margin-left:auto;margin-right:auto;padding-left:24px;padding-right:24px}
.pdp-intro h2{max-width:800px}
.product-detail .product-name{font-size:17px;font-weight:500;max-width:550px;margin-bottom:30px}
.product-detail .pdp-lead{max-width:650px;margin-bottom:48px}
.pdp-cover{width:100%;overflow:hidden}
.pdp-cover img{aspect-ratio:4/3}
.pdp-problem{text-align:center;background:#f2eee6}
.pdp-problem .pdp-inner{max-width:850px;margin:auto;padding-top:95px;padding-bottom:95px}
.pdp-problem p{max-width:610px;margin-left:auto;margin-right:auto}
.product-detail .pdp-question{font-size:clamp(22px,2.5vw,30px);line-height:1.65;font-weight:500;letter-spacing:-.045em;margin-top:38px;margin-bottom:28px}
.pdp-system{text-align:center}
.pdp-system>.pdp-inner{padding:85px 7% 90px}
.pdp-heading{max-width:740px;margin:0 auto 45px}
.system-equation{color:var(--pdp-orange);font-family:Manrope,sans-serif;font-size:clamp(80px,15vw,160px);font-weight:400;letter-spacing:-.07em;line-height:1.1;margin:20px 0 45px}
.system-equation span{font-size:.52em;vertical-align:.14em;margin:0 .12em}
.system-table{width:100%;border-collapse:collapse;table-layout:fixed;text-align:left;font-size:15px;line-height:1.7;letter-spacing:-.025em}
.system-table th,.system-table td{border-top:1px solid var(--pdp-rule);padding:23px 20px;vertical-align:top;word-break:keep-all;overflow-wrap:break-word}
.system-table tr:last-child th,.system-table tr:last-child td{border-bottom:1px solid var(--pdp-rule)}
.system-table caption{font-size:12px;line-height:1.6;text-align:left;padding:0 0 14px;letter-spacing:-.015em}
.system-table thead th span{display:block;font-size:10px;letter-spacing:.06em;margin-bottom:7px}
.product-detail .system-note{font-size:14px;line-height:1.85;margin:26px auto 0;max-width:620px}
.system-table thead th{font-family:Manrope,Pretendard,sans-serif;font-size:13px;font-weight:600;letter-spacing:.04em}
.system-table th:first-child{width:18%;font-weight:600;padding-left:0}
.system-table td:nth-child(2),.system-table thead th:nth-child(2){background:#8ca5ed33}
.system-table td:nth-child(3),.system-table thead th:nth-child(3){background:#ef6b2e1a}
.system-table p{font-size:inherit;margin:0}
.system-table strong{display:block;font-weight:600;margin-bottom:6px}
.pdp-step{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;background:#dce5fb}
.pdp-step--refill{background:#f8ddc8}
.pdp-step .step-visual{min-width:0;margin:0;align-self:stretch}
.pdp-step .step-visual img{height:100%;min-height:720px;object-fit:cover}
.pdp-step .step-copy{padding:65px 12%;align-self:center;min-width:0}
.pdp-step h2{font-size:clamp(34px,3.6vw,44px)}
.pdp-step .step-copy>p{font-size:16px}
.pdp-step--refill .step-visual{order:2}
.pdp-step--refill .step-copy{order:1}
.ingredient-list{margin:34px 0 28px}
.ingredient-list article{padding:20px 0;border-top:1px solid var(--pdp-rule)}
.ingredient-list article:last-child{border-bottom:1px solid var(--pdp-rule)}
.ingredient-list article h3{font-size:19px;margin:0 0 9px}
.ingredient-list article p{font-size:15px;line-height:1.8;margin:0}
.product-detail .step-caption{font-size:12px!important;line-height:1.8;opacity:.73;margin:24px 0 0}
.pdp-ingredients{background:var(--pdp-paper)}
.ingredient-photo img{aspect-ratio:16/10}
.ingredient-copy{padding:78px 10% 84px;text-align:center;max-width:900px;margin:auto}
.ingredient-copy p{max-width:650px;margin-left:auto;margin-right:auto}
.product-detail .panthenol-note{margin-top:35px;padding-top:25px;border-top:1px solid var(--pdp-rule);font-size:14px;line-height:1.85}
.pdp-ritual{background:#e6ebf8}
.pdp-ritual figure>img{aspect-ratio:4/3}
.pdp-ritual figcaption{padding:75px 10% 80px;text-align:center}
.pdp-ritual figcaption p{max-width:620px;margin-left:auto;margin-right:auto;margin-bottom:0}
.pdp-use>.pdp-inner{padding:85px 9% 90px}
.pdp-use>.pdp-heading{margin-left:0;text-align:left}
.use-list{list-style:none;padding:0;margin:42px 0 0}
.use-list li{display:grid;grid-template-columns:48px 1fr;column-gap:24px;border-top:1px solid var(--pdp-rule);padding:28px 0}
.use-list li:last-child{border-bottom:1px solid var(--pdp-rule)}
.use-number{grid-column:1;grid-row:1 / span 2;font-family:Manrope,sans-serif;font-size:13px;line-height:1.7;padding-top:3px}
.use-list h3{grid-column:2;margin:0 0 9px}
.use-list p{grid-column:2;margin:0;font-size:16px;max-width:630px}
.pdp-faq{padding:75px 9% 85px;background:#e7ecf8}
.pdp-faq h2{margin-bottom:36px}
.pdp-faq details{border-top:1px solid var(--pdp-rule)}
.pdp-faq details:last-child{border-bottom:1px solid var(--pdp-rule)}
.pdp-faq summary{position:relative;display:flex;align-items:center;min-height:76px;padding:21px 36px 21px 0;cursor:pointer;list-style:none;font-size:17px;line-height:1.7;font-weight:500;letter-spacing:-.025em;word-break:keep-all}
.pdp-faq summary::-webkit-details-marker{display:none}
.pdp-faq summary::after{content:'+';position:absolute;right:2px;top:24px;font-family:Manrope,sans-serif;font-size:22px;font-weight:400;line-height:1.3}
.pdp-faq details[open] summary::after{content:'−'}
.pdp-faq details p{max-width:720px;font-size:15px;padding-right:30px;margin:0 0 25px}
.pdp-launch{padding:90px 24px 100px;text-align:center;background:var(--pdp-orange)}
.product-detail .launch-name{font-family:Manrope,Pretendard,sans-serif;font-size:12px;letter-spacing:.09em;margin-bottom:24px}
.pdp-launch h2{font-size:clamp(32px,4vw,46px)}
.pdp-launch p{max-width:620px;margin-left:auto;margin-right:auto}
.pdp-launch p,.pdp-launch .pdp-kicker{color:#16233a}
.launch-button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;max-width:100%;min-height:58px;margin-top:15px;padding:15px 28px;border:1px solid currentColor;border-radius:40px;font-size:15px;line-height:1.6;letter-spacing:-.025em;text-align:left;transition:background .2s}
.launch-button:hover{background:#fff8}
.launch-button span:last-child{font-size:23px;flex-shrink:0}
@media(max-width:760px){
.product-detail h2{font-size:32px;line-height:1.4;margin-bottom:23px;letter-spacing:-.05em}
.product-detail p{font-size:16px;line-height:1.85;margin-bottom:20px}
.product-detail .pdp-kicker{font-size:10px;letter-spacing:.12em;margin-bottom:20px}
.pdp-inner{padding:55px 24px}
.detail-nav{gap:0;justify-content:space-around;padding:0 14px;min-height:54px}
.detail-nav a{min-height:54px;padding:10px 8px;font-size:12px}
.pdp-intro>.pdp-inner{padding:58px 24px 0}
.pdp-intro h2{font-size:34px}
.product-detail .product-name{font-size:15px;margin-bottom:25px;max-width:380px}
.product-detail .pdp-lead{font-size:15px;max-width:400px;margin-bottom:36px}
.pdp-cover img{aspect-ratio:4/3}
.pdp-problem .pdp-inner{padding:58px 24px}
.product-detail .pdp-question{font-size:23px;margin-top:30px;margin-bottom:24px;line-height:1.6}
.pdp-system>.pdp-inner{padding:58px 24px 62px}
.pdp-heading{margin-bottom:30px}
.system-equation{font-size:100px;margin:10px 0 32px}
.system-table{font-size:12px;line-height:1.7}
.system-table th,.system-table td{padding:17px 9px;word-break:normal;overflow-wrap:anywhere}
.system-table thead th{font-size:10px;letter-spacing:.025em}
.system-table th:first-child{width:22%;font-size:12px;padding-right:8px;word-break:keep-all;overflow-wrap:normal}
.system-table thead th span{font-size:9px;letter-spacing:0}
.product-detail .system-note{font-size:13px;margin-top:23px}
.system-table strong{margin-bottom:5px}
.pdp-step{display:flex;flex-direction:column}
.pdp-step .step-visual,.pdp-step--refill .step-visual{order:0}
.pdp-step .step-copy,.pdp-step--refill .step-copy{order:1;padding:44px 24px 52px}
.pdp-step .step-visual img{min-height:0;aspect-ratio:4/5;height:auto;max-height:620px}
.pdp-step h2{font-size:32px}
.pdp-step .step-copy>p{font-size:15px}
.ingredient-list{margin-top:28px;margin-bottom:22px}
.ingredient-list article{padding:18px 0}
.ingredient-list article h3{font-size:19px}
.ingredient-list article p{font-size:15px}
.product-detail .step-caption{font-size:11px!important;margin-top:22px}
.ingredient-photo img{aspect-ratio:1/1}
.ingredient-copy{padding:50px 24px 56px}
.product-detail .panthenol-note{font-size:13px;margin-top:27px;padding-top:21px}
.pdp-ritual figure>img{aspect-ratio:4/3}
.pdp-ritual figcaption{padding:48px 24px 55px}
.pdp-use>.pdp-inner{padding:56px 24px 60px}
.use-list{margin-top:29px}
.use-list li{grid-template-columns:27px 1fr;gap:0 14px;padding:23px 0}
.use-number{font-size:11px;padding-top:5px}
.use-list h3{font-size:19px}
.use-list p{font-size:15px}
.pdp-faq{padding:52px 24px 60px}
.pdp-faq h2{margin-bottom:28px}
.pdp-faq summary{font-size:16px;min-height:70px;padding-top:19px;padding-bottom:19px}
.pdp-faq summary::after{top:23px;font-size:20px}
.pdp-faq details p{font-size:14px;padding-right:12px;margin-bottom:23px}
.pdp-launch{padding:60px 24px 68px}
.pdp-launch h2{font-size:32px}
.pdp-launch p{font-size:15px}
.product-detail .launch-name{font-size:10px}
.launch-button{width:100%;gap:13px;font-size:13px;padding:14px 20px;min-height:55px;margin-top:10px}
}
@media(prefers-reduced-motion:reduce){.product-detail a{transition:none}}

@media(max-width:380px){.hero .kakao-cta{font-size:12px;padding-left:16px;padding-right:16px;gap:8px}.hero .kakao-cta>span:first-child{white-space:nowrap}.hero .kakao-cta .arrow{flex-shrink:0}}

/* Original brand artwork from V3 slide 4; preserve full portrait. */
.pdp-skin-keyvisual{background:var(--pdp-paper);padding:0}
.product-detail .pdp-skin-keyvisual img{width:100%;max-width:680px;height:auto;object-fit:contain;margin:0 auto}