.wellness-hero{display:grid;grid-template-columns:1.15fr 1fr;gap:64px;align-items:end;padding:30px 0 42px}
.wellness-hero h1{font-family:var(--serif);font-size:clamp(38px,4vw,56px);line-height:1.45;font-weight:500;letter-spacing:-.055em;color:var(--herbal-dark)}
.wellness-hero h1 em{font-style:normal;color:var(--green)}
.wellness-hero-copy{padding-bottom:6px;color:#556350}
.wellness-hero-copy .herbal-clinic-name{font-size:16px;font-weight:600;margin-bottom:14px}
.wellness-hero-copy>.herbal-text-link{margin-top:17px;color:var(--herbal-dark)}
.wellness-collection{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-bottom:60px;scroll-margin-top:182px}
.wellness-product{display:flex;flex-direction:column;min-width:0;background:#f0f0e8;border:1px solid #dce0d4;transition:background .2s,border-color .2s}
.wellness-product:hover{background:#e9eddf;border-color:#829278}
.wellness-product:focus-visible{outline-offset:4px}
.wellness-product-photo{aspect-ratio:1.1;display:flex;align-items:center;justify-content:center;padding:16px 10px;background:#e7e9df}
.wellness-product:nth-child(2) .wellness-product-photo{background:#eee6dd}
.wellness-product:nth-child(3) .wellness-product-photo{background:#e1e8dd}
.wellness-product:nth-child(4) .wellness-product-photo{background:#e3e8e7}
.wellness-product-photo>img{width:100%;height:100%;object-fit:contain}
.wellness-product-copy{position:relative;display:flex;flex-direction:column;flex:1;padding:23px 22px 17px}
.wellness-product-number{font-family:Georgia,serif;color:#68785c;font-size:16px;line-height:1.4;margin-bottom:10px}
.herbal-main .wellness-product h2{font-family:var(--sans);font-size:25px;line-height:1.5;letter-spacing:-.035em;font-weight:600}
.wellness-product-copy>p{font-size:15px;line-height:1.75;color:#596650;margin-top:8px;padding-bottom:23px}
.wellness-product-more{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:14px;font-weight:500;border-top:1px solid #cfd6c5;padding-top:12px;margin-top:auto}
.wellness-product-more>span{font-size:23px;line-height:1}
.wellness-detail-head{display:flex;align-items:center;gap:24px;padding-bottom:25px;border-bottom:1px solid #cdd5c5;margin-bottom:44px}
.wellness-chapter{font-family:Georgia,serif;font-size:54px;line-height:1.1;color:#899579}
.wellness-detail-head .herbal-kicker{margin-bottom:0}
.wellness-detail-split{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:64px;align-items:center}
.wellness-detail-reverse{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}
.wellness-detail-split .herbal-button{margin-top:27px}
.wellness-detail-photo{background:#e9ebe0;padding:30px;aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0}
.wellness-detail-photo img{width:100%;height:100%;min-height:0;object-fit:contain}
.wellness-detail-photo figcaption{font-size:14px;line-height:1.7;color:#5f6c54;margin-top:15px;text-align:center}
.wellness-musk-intro{margin-top:72px;max-width:830px}
.wellness-musk-intro h3,.wellness-alternative-heading h3,.wellness-gyeongok-care h3{font-family:var(--serif);font-size:32px;line-height:1.6;font-weight:500;letter-spacing:-.035em}
.wellness-musk-intro>p:last-child{margin-top:20px;color:#56644e}
.wellness-musk-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:30px}
.wellness-musk-grid>article{padding:29px 28px;background:#eef1e7;border-top:2px solid #849678}
.wellness-musk-grid>article:first-child{background:#e5ebde;border-color:var(--herbal-dark)}
.wellness-musk-grid h4{margin:0 0 19px;font-size:22px;font-weight:600;line-height:1.7}
.wellness-musk-grid strong{display:block;font-family:Georgia,serif;font-size:60px;font-weight:400;line-height:1.2;font-variant-numeric:tabular-nums;color:var(--herbal-dark)}
.wellness-musk-grid strong small{font-family:var(--sans);font-size:20px;margin-left:7px;font-weight:400}
.wellness-musk-grid p{font-size:16px;color:#5b684f;margin-top:18px;line-height:1.85}
.wellness-musk-grid .wellness-musk-amount{font-size:14px;margin-top:0;color:#617252}
.wellness-musk-amount strong{margin-top:9px}
.wellness-composition{margin-top:50px;scroll-margin-top:182px}
.wellness-composition h3{font-size:25px;font-weight:500;line-height:1.6}
.wellness-composition-table{min-width:650px}
.wellness-composition-table thead span{font-size:14px;font-weight:400;color:#5d6e55}
.wellness-composition-table td small{display:block;font-size:13px;margin-top:3px}
.wellness-composition-table tfoot{background:#f0f2ea;font-weight:600}
.wellness-musk-row{background:#f0f4e9}
.wellness-scroll-hint{display:none;font-size:14px;color:#68745b;margin-top:16px}
.wellness-alternative-heading{margin-top:65px}
.wellness-alternatives{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:28px}
.wellness-alternatives>article{border-top:1px solid #c8d0bf;padding-top:27px}
.wellness-material{font-family:var(--serif);font-size:17px;color:#747b5b;letter-spacing:.04em}
.wellness-alternatives h4{margin:10px 0 15px;font-size:25px;font-weight:500;line-height:1.6}
.wellness-alternatives article>p:not(.wellness-material){font-size:17px;color:#586550}
.wellness-alternatives article>p+p{margin-top:16px}
.wellness-origin-note{margin-top:36px;padding:26px 30px;border-left:2px solid #b4ab87;background:#f0eee3}
.wellness-origin-note h4{font-size:19px;font-weight:500;margin:0 0 12px;line-height:1.7}
.wellness-origin-note>p:not(.herbal-source){font-size:16px;color:#5b654f}
.wellness-gyeongok{background:#f0ede5}
.wellness-gyeongok-photo{background:#e9e0d5}
.wellness-four-herbs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:48px}
.wellness-four-herbs article{border-top:1px solid #cfc6b5;padding-top:22px}
.wellness-four-herbs article>span{font-family:var(--serif);color:#7b7555;font-size:24px;letter-spacing:.1em}
.wellness-four-herbs h3{font-size:22px;font-weight:500;margin:9px 0}
.wellness-four-herbs p{font-size:16px;color:#64664f}
.wellness-gyeongok-care{display:grid;grid-template-columns:1fr 1fr;gap:64px;border-top:1px solid #d1ccb9;margin-top:46px;padding-top:44px}
.wellness-gyeongok-care h3+p{margin-top:20px;color:#5d6650}
.wellness-gyeongok-care h4{font-size:20px;font-weight:500;margin:0 0 12px}
.wellness-checklist{list-style:none;padding:0;margin:0;color:#526249;font-size:17px}
.wellness-checklist li{position:relative;padding:11px 0 11px 24px;border-bottom:1px solid #d7d6c7;line-height:1.8}
.wellness-checklist li::before{content:'✓';position:absolute;left:0;top:11px;color:#607449}
.wellness-joint-photo{aspect-ratio:3/4;max-width:440px;width:100%;justify-self:center;overflow:hidden;border-top-left-radius:72px;background:#133223}
.wellness-joint-photo img{width:100%;height:100%;object-fit:contain}
.wellness-joint-heading{padding-bottom:0}
.wellness-chongmyeong{background:#e9eeeb}
.wellness-chongmyeong-photo{background:#dfe7e2}
.wellness-focus-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:48px}
.wellness-focus-grid article{border-top:1px solid #c8d3c7;padding-top:24px}
.wellness-focus-grid article>span{font-family:Georgia,serif;color:#76896d;font-size:22px}
.wellness-focus-grid h3{font-size:23px;line-height:1.65;font-weight:500;margin:15px 0 12px}
.wellness-focus-grid p{font-size:17px;color:#546650}
.wellness-selector-table{min-width:650px}
.wellness-selector-table th:first-child{width:20%}
.wellness-selector-table th:first-child a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px}
.wellness-selector-table a:hover{text-decoration:underline;text-underline-offset:5px}
.wellness-selector-table td{text-align:left;width:40%}
#herbal-selector>.herbal-button{margin-top:32px}
.wellness-faq-layout{display:grid;grid-template-columns:1fr 1.65fr;gap:64px;align-items:start}
.wellness-faq-list{min-width:0;border-top:1px solid #bcc8b2}
.wellness-faq-list details{border-bottom:1px solid #c8d0bf}
.wellness-faq-list summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:23px;padding:26px 0;font-size:19px;font-weight:500;line-height:1.8;cursor:pointer}
.wellness-faq-list summary::-webkit-details-marker{display:none}
.wellness-faq-list summary>span{font-size:24px;flex-shrink:0;transition:transform .2s}
.wellness-faq-list details[open] summary>span{transform:rotate(45deg)}
.wellness-faq-list details>div{font-size:17px;line-height:1.95;color:#55634d;padding-bottom:26px}
.wellness-faq-list details>div>p+p{margin-top:14px}
.wellness-faq-list .herbal-text-link{margin-top:13px}
@media(max-width:1100px){
  .wellness-hero{gap:38px}.wellness-hero h1{font-size:43px}
  .wellness-collection{gap:15px}.wellness-product-copy{padding:20px 17px 16px}
  .herbal-main .wellness-product h2{font-size:22px}.wellness-product-copy>p{font-size:14px}
  .wellness-detail-split,.wellness-gyeongok-care{gap:36px}.wellness-faq-layout{gap:40px}
  .wellness-musk-grid{gap:17px}.wellness-musk-grid>article{padding:25px 23px}
}
@media(max-width:900px){
  .wellness-hero{grid-template-columns:1fr;gap:24px;padding-top:18px}.wellness-hero-copy>p:not(.herbal-clinic-name) br{display:none}
  .wellness-hero-copy .herbal-clinic-name{margin-bottom:10px}
  .wellness-collection{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
  .wellness-product-photo{aspect-ratio:1.4;padding:14px 23px}.wellness-product-copy{padding:22px 25px 18px}
  .herbal-main .wellness-product h2{font-size:26px}.wellness-product-copy>p{font-size:16px}
  .wellness-detail-split,.wellness-detail-reverse{grid-template-columns:1fr;gap:32px}
  .wellness-detail-photo{order:2;width:100%;max-width:560px;justify-self:center}
  .wellness-joint-photo{max-width:480px}.wellness-detail-head{margin-bottom:34px}
  .wellness-musk-grid h4{font-size:20px}.wellness-musk-grid>article{padding:24px 20px}
  .wellness-gyeongok-care{grid-template-columns:1fr;gap:32px}
  .wellness-faq-layout{grid-template-columns:1fr;gap:0}
}
@media(max-width:760px){
  .wellness-hero{padding:12px 0 29px;gap:23px}.wellness-hero h1{font-size:clamp(33px,8.2vw,47px);line-height:1.5}
  .wellness-hero .herbal-kicker{font-size:12px}.wellness-hero-copy>.herbal-text-link{margin-top:14px}
  .wellness-hero-copy .herbal-clinic-name{font-size:15px}
  .wellness-collection{gap:16px 12px;margin-bottom:36px;scroll-margin-top:150px}
  .wellness-product-photo{aspect-ratio:1.05;padding:9px 6px}
  .wellness-product-copy{padding:17px 14px 14px}.wellness-product-number{font-size:15px;margin-bottom:7px}
  .herbal-main .wellness-product h2{font-size:22px;line-height:1.55}
  .wellness-product-copy>p{font-size:14px;line-height:1.7;margin-top:7px;padding-bottom:16px}
  .wellness-product-more{font-size:14px;padding-top:10px}
  .wellness-detail-head{gap:19px;padding-bottom:21px;margin-bottom:29px}
  .wellness-chapter{font-size:43px}.wellness-detail-head .herbal-kicker{font-size:12px;letter-spacing:.07em}
  .wellness-detail-photo{padding:24px;aspect-ratio:1.05}.wellness-detail-photo figcaption{font-size:14px;margin-top:12px}
  .wellness-detail-split .herbal-button{margin-top:23px}
  .wellness-musk-intro{margin-top:45px}
  .wellness-musk-intro h3,.wellness-alternative-heading h3,.wellness-gyeongok-care h3{font-size:27px}
  .wellness-musk-grid{grid-template-columns:1fr;gap:16px;margin-top:26px}
  .wellness-musk-grid>article{padding:25px}.wellness-musk-grid h4{font-size:23px;margin-bottom:17px}
  .wellness-musk-grid strong{font-size:53px}.wellness-musk-grid p{font-size:16px;margin-top:14px}
  .wellness-composition{margin-top:34px;scroll-margin-top:150px}.wellness-composition h3{font-size:23px}
  .wellness-scroll-hint{display:block}
  .wellness-composition-table,.wellness-selector-table{font-size:15px}
  .wellness-composition-table th,.wellness-composition-table td,.wellness-selector-table th,.wellness-selector-table td{padding:15px 17px}
  .wellness-composition-table thead span{font-size:13px}
  .wellness-alternative-heading{margin-top:43px}.wellness-alternatives{grid-template-columns:1fr;gap:27px;margin-top:26px}
  .wellness-alternatives h4{font-size:23px}.wellness-alternatives article>p:not(.wellness-material){font-size:16px}
  .wellness-origin-note{padding:24px;margin-top:28px}.wellness-origin-note h4{font-size:18px}
  .wellness-four-herbs{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 22px;margin-top:32px}
  .wellness-four-herbs article{padding-top:19px}.wellness-four-herbs article>span{font-size:21px}
  .wellness-four-herbs h3{font-size:21px}.wellness-four-herbs p{font-size:16px}
  .wellness-gyeongok-care{margin-top:34px;padding-top:32px;gap:28px}.wellness-checklist{font-size:16px}
  .wellness-joint-photo{border-top-left-radius:55px}.wellness-joint-heading{padding-bottom:0}
  .wellness-focus-grid{grid-template-columns:1fr;gap:24px;margin-top:34px}
  .wellness-focus-grid article{padding-top:20px}.wellness-focus-grid h3{font-size:22px;margin:10px 0}
  .wellness-focus-grid p{font-size:16px}
  .wellness-faq-list summary{font-size:17px;gap:15px;padding:22px 0}.wellness-faq-list details>div{font-size:16px;padding-bottom:23px}
}
@media(max-width:380px){
  .wellness-hero h1{font-size:31px}.wellness-product-copy{padding:16px 11px 13px}
  .herbal-main .wellness-product h2{font-size:20px}.wellness-product-more{font-size:13px}
  .wellness-product-copy>p{font-size:14px}.wellness-detail-photo{padding:18px}
}
@media(prefers-reduced-motion:reduce){
  .wellness-product,.wellness-faq-list summary>span{transition:none}
}