/* Keluarga sepuluh halaman Botox. Dimuat hanya oleh halaman yang ikut redesign. */
:root {
  --ink: #202023;
  --muted: #66666b;
  --paper: #fff;
  --soft: #f2f2f3;
  --white: #fff;
  --line: #dcdcdf;
  --gold: #a48a5b;
  --gold-deep: #897144;
  --anchor-offset: 140px;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: var(--anchor-offset); }
body.botox-page { margin: 0; background: var(--paper); color: var(--ink); font-family: Arial, Helvetica, sans-serif; -webkit-font-smoothing: antialiased; }
.botox-editorial img { max-width: 100%; display: block; }
.botox-editorial section[id] { scroll-margin-top: 0; }
.botox-editorial main { overflow: clip; }
.botox-editorial main p { font-size: 14px; line-height: 1.8; color: var(--muted); }
.botox-editorial main h1, .botox-editorial main h2 { font-family: Georgia, 'Times New Roman', serif; font-weight: 400; letter-spacing: -.045em; margin: 0; line-height: 1.1; }
.botox-editorial main h2 { font-size: clamp(33px, 3.4vw, 49px); }
.botox-editorial main em { font-weight: 400; color: var(--gold-deep); }
.eyebrow, .section-kicker { display: block; font-size: 9px; font-weight: 600; letter-spacing: .15em; text-transform: uppercase; margin-bottom: 20px; line-height: 1.6; }
.section-kicker { color: var(--gold-deep); }
.botox-editorial .btn { color: inherit; display: inline-flex; align-items: center; justify-content: space-between; gap: 24px; min-height: 48px; padding: 14px 21px; text-decoration: none; font-size: 12px; font-weight: 500; border: 1px solid transparent; transition: background .25s, transform .25s; }
.botox-editorial .btn-primary { background: #242427; color: #fff; border-radius: 2px; }
.botox-editorial .btn-primary:hover { background: #404043; transform: translateY(-1px); }
.botox-editorial .btn-secondary { padding: 12px 0; border-bottom-color: #a9a9ad; }
.overview-section { padding: 72px 6vw; }
.botox-editorial :focus-visible { outline: 2px solid var(--gold-deep); outline-offset: 4px; }
.botox-editorial main .is-entering { animation: botox-rise .6s ease-out both; }
@keyframes botox-rise { from { opacity: .3; transform: translateY(12px); } to { opacity: 1; transform: none; } }
/* Recolor komponen global hanya pada halaman ini. */
body.botox-editorial #nav, body.botox-editorial #mobileDrawer, body.botox-editorial .quick-access { --bf-ink: #242427; --bf-muted: #6a6a70; --bf-paper: #f7f7f8; --bf-line: #dedee1; }
body.botox-editorial #nav { background: rgba(250,250,250,.94); border-bottom-color: #dedee1; }
body.botox-editorial #nav .nav-links a, body.botox-editorial #nav .mega-trigger { color: #515157; }
body.botox-editorial #nav .nav-links a:hover, body.botox-editorial #nav .mega-trigger:hover, body.botox-editorial #nav .mega-trigger[aria-expanded=true] { background: #eaeaec; color: #242427; }
body.botox-editorial #nav .nav-links .nav-cta { background: #242427 !important; border-color: #242427 !important; color: white !important; }
body.botox-editorial #nav .mega-stage { background: #f7f7f8; }
body.botox-editorial #nav .mega-intro { background: #242427; border-color: #444449; }
body.botox-editorial #nav .mega-index, body.botox-editorial #nav .mega-intro::after { color: #cbb58c; }
body.botox-editorial #nav .mega-intro p { color: #c6c6ca; }
body.botox-editorial #nav .mega-label { color: #897144; }
body.botox-editorial #nav .mega-col a:hover { background: #eaeaec; }
body.botox-editorial #mobileDrawer { background: #f7f7f8; }
body.botox-editorial #mobileDrawer .m-sub { background: #ededee; border-color: #d8d8db; }
body.botox-editorial #mobileDrawer .m-sub h5, body.botox-editorial #mobileDrawer .m-eyebrow { color: #897144; }
body.botox-editorial #mobileDrawer details[open] summary::after { background: #242427; }
body.botox-editorial #mobileDrawer .m-eyebrow::before { background: #a48a5b; }
body.botox-editorial .quick-access.quick-access--product-style .quick-access-inner { background: rgba(250,250,250,.94); border-color: #d7d7da; box-shadow: 0 4px 14px #0000000a; }
body.botox-editorial .quick-access.quick-access--product-style a { color: #66666b; }
body.botox-editorial .quick-access.quick-access--product-style a:hover { background: #ededee; color: #242427; }
body.botox-editorial .quick-access.quick-access--product-style a.is-active { background: #242427; color: #e0ccaa; }
.botox-editorial .reviews.reviews-editorial { background: white; color: #242427; border-color: #e1e1e4; padding: 52px 0; }
.botox-editorial .reviews-editorial .reviews-editorial-title { font: 400 42px/1.1 Georgia, serif; color: #242427; }
.botox-editorial .reviews-editorial .reviews-editorial-title em { color: #897144; }
.botox-editorial .reviews-editorial .reviews-source, .botox-editorial .reviews-editorial .reviews-quote-stars, .botox-editorial .reviews-editorial .reviews-score-stars { color: #897144; }
.botox-editorial .reviews-editorial .reviews-quote { background: #f7f7f8; border-color: #e2e2e5; border-radius: 3px; min-height: 254px; padding: 24px; box-shadow: none; }
.botox-editorial .reviews-editorial .reviews-quote blockquote p { font-size: 17px; color: #37373c; }
.botox-editorial .reviews-editorial .reviews-author { border-color: #dedee1; }
.botox-editorial .reviews-editorial .reviews-author strong, .botox-editorial .reviews-editorial .reviews-score>span, .botox-editorial .reviews-editorial .reviews-source-link { color: #424247; }
.botox-editorial .reviews-editorial .reviews-author>span, .botox-editorial .reviews-editorial .reviews-experience-note { color: #74747a; }
.botox-editorial .reviews-editorial .reviews-control-buttons button { color: #55555b; border-color: #d2d2d5; }
.botox-editorial .reviews-editorial .reviews-control-buttons button:hover:not(:disabled) { background: #eeeef0; border-color: #b4b4b9; }
.botox-editorial .footer.footer--lab { --bf-footer-cream: #f0f0f2; --bf-footer-muted: #b6b6bc; --bf-footer-sage: #cbb58c; background: #202023 !important; }
.botox-editorial .footer--lab .bf-footer-signoff h2 { font: 400 52px/1.1 Georgia, serif; }
.botox-editorial .footer--lab .bf-footer-signoff em { color: #cbb58c; }
.botox-editorial .footer--lab .bf-footer-intro, .botox-editorial .footer--lab .bf-footer-bottom { border-color: #454549; }
.botox-editorial .footer--lab .bf-footer-book { border-color: #7c6c50; border-radius: 3px; }
.botox-editorial .footer--lab .bf-footer-book:hover { background: #353538; border-color: #cbb58c; }
.botox-editorial .footer--lab .bf-footer-book-arrow { background: none; color: #cbb58c; }
.botox-editorial .footer--lab .bf-footer-map { border-color: #5e5e64; border-radius: 3px; background: #303034; }
@media(max-width:680px) {
  .overview-section { padding: 44px 24px; }
  .botox-editorial main h2 { font-size: 34px; }
  .section-kicker { margin-bottom: 18px; font-size: 9px; }
  .botox-editorial .reviews.reviews-editorial { padding: 44px 0; }
  .botox-editorial .reviews-editorial .reviews-editorial-title { font-size: 34px; }
  .botox-editorial .footer--lab .bf-footer-signoff h2 { font-size: 38px; }
}
@media(prefers-reduced-motion:reduce) {
  html { scroll-behavior: auto; }
  .botox-editorial *, .botox-editorial *::before, .botox-editorial *::after { animation: none !important; transition: none !important; }
}

/* Overview: tiga fokus, fotografi natural dan panel editorial yang ringkas. */
.botox-editorial .overview-showcase { padding: 58px 6vw; background: #f7f7f8; }
.overview-heading { display: grid; grid-template-columns: 1fr .6fr; align-items: end; gap: 6vw; margin-bottom: 32px; }
.botox-editorial .overview-heading h2 { font-size: clamp(34px,3.5vw,50px); line-height: 1.08; }
.overview-heading h2>span { color: #29292d; }
.botox-editorial .overview-heading h2 em { color: #897144; }
.botox-editorial .overview-heading>p { max-width: 250px; margin: 0 0 4px; font-size: 14px; line-height: 1.65; }
.overview-experience { overflow: clip; overflow-anchor: none; border: 1px solid #dedee1; border-radius: 10px; background: #252528; }
.overview-topics { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); background: #fff; }
.overview-topics[hidden] { display: none; }
.overview-topic { position: relative; display: flex; align-items: center; gap: 12px; min-width: 0; min-height: 60px; padding: 16px 26px; border: 0; border-bottom: 1px solid #dedee1; background: #fff; color: #707077; font: 500 13px/1.4 Arial,sans-serif; text-align: left; cursor: pointer; }
.overview-topic+ .overview-topic { border-left: 1px solid #e7e7e9; }
.overview-topic>span { color: #a09b90; font: 400 18px/1 Georgia,serif; }
.overview-topic::after { content: ''; position: absolute; left: 25px; right: 25px; bottom: 0; height: 2px; background: #b49a70; transform: scaleX(0); transform-origin: left; }
.overview-topic:hover { color: #252528; background: #f6f5f2; }
.overview-topic[aria-selected="true"] { color: #252528; background: #f2f0eb; border-bottom-color: #d7c7ac; }
.overview-topic[aria-selected="true"]>span { color: #897144; }
.overview-topic[aria-selected="true"]::after { transform: scaleX(1); }
.overview-topic:focus-visible { outline: 2px solid #897144; outline-offset: -5px; }
.overview-feature { position: relative; display: grid; grid-template-columns: 1.2fr 1fr; grid-template-areas: 'image copy'; min-height: 0; overflow: clip; background: #252528; color: #fff; }
.overview-feature[hidden] { display: none; }
.overview-feature+ .overview-feature { border-top: 1px solid #ffffff25; }
.overview-showcase.is-interactive .overview-feature { border: 0; }
.overview-feature:focus-visible { outline: 2px solid #cdb58d; outline-offset: -5px; }
.overview-feature-copy { grid-area: copy; position: relative; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding: 40px clamp(30px,4.1vw,60px); min-width: 0; }
.overview-feature-copy::before { content: ''; width: 32px; height: 1px; margin-bottom: 28px; background: #bca279; }
.botox-editorial .overview-feature h3 { margin: 0; color: #f7f6f3; font: 400 clamp(36px,3.8vw,55px)/1.04 Georgia,serif; letter-spacing: -.045em; }
.botox-editorial .overview-feature h3 em { color: #d5bf99; }
.botox-editorial .overview-feature h3>span { display: block; }
.botox-editorial .overview-feature-copy p { margin: 22px 0 0; max-width: 270px; color: #c7c7ce; font-size: 14px; line-height: 1.7; }
.overview-feature-image { grid-area: image; position: relative; overflow: clip; min-width: 0; min-height: 0; aspect-ratio: 1.5; background: #c8c6c1; }
.overview-feature-image img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; object-position: center; }
.overview-feature-image--portrait img { object-fit: contain; }
.botox-editorial .overview-feature-image { background: #e1e1e3; }
.overview-caption { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-top: 16px; }
.botox-editorial .overview-caption p { font-size: 11px; line-height: 1.6; margin: 0; color: #74747a; }
.overview-caption a { display: inline-flex; align-items: center; justify-content: space-between; gap: 22px; min-height: 44px; color: #424248; border-bottom: 1px solid #c9b898; font-size: 11px; text-decoration: none; }
.overview-caption a span { font-size: 17px; color: #897144; }
.overview-caption a:hover { color: #897144; }
@media(prefers-reduced-motion:no-preference) {
  .overview-topic { transition: color .2s,background-color .25s; }
  .overview-topic::after { transition: transform .35s cubic-bezier(.2,.7,.3,1); }
  .overview-feature.is-switching .overview-feature-copy> * { animation: overview-copy-in .5s cubic-bezier(.2,.7,.3,1) both; }
  .overview-feature.is-switching .overview-feature-copy p { animation-delay: 70ms; }
  .overview-feature.is-switching .overview-feature-image img { animation: overview-photo-in .65s cubic-bezier(.2,.7,.3,1) both; }
}
@keyframes overview-copy-in { from { opacity: 0; transform: translateY(9px); } to { opacity: 1; transform: none; } }
@keyframes overview-photo-in { from { opacity: .55; transform: scale(1.035); } to { opacity: 1; transform: scale(1); } }
@media(max-width:980px) {
  .overview-heading { gap: 28px; }
  .overview-topic { padding: 18px 20px; gap: 12px; }
  .overview-feature { grid-template-columns: 1.05fr 1fr; min-height: 0; }
  .overview-feature-copy { padding: 26px; }
  .overview-feature-copy::before { display: none; }
  .overview-feature-image { min-height: 0; }
  .botox-editorial .overview-feature h3 { font-size: 33px; }
  .botox-editorial .overview-feature-copy p { font-size: 13px; margin-top: 18px; }
}
@media(max-width:680px) {
  .botox-editorial .overview-showcase { padding: 42px 24px; }
  .overview-heading { grid-template-columns: minmax(0,1fr); gap: 15px; margin-bottom: 24px; }
  .overview-heading .section-kicker { font-size: 8px; margin-bottom: 17px; }
  .botox-editorial .overview-heading h2 { font-size: clamp(30px,8.6vw,36px); }
  .botox-editorial .overview-heading>p { max-width: 290px; margin: 0; font-size: 13px; }
  .overview-topic { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 7px; min-height: 80px; padding: 12px 10px; font-size: 11px; line-height: 1.4; }
  .overview-topic>span { font-size: 12px; margin: 0; }
  .overview-topic::after { left: 10px; right: 10px; }
  .overview-feature { grid-template-columns: minmax(0,1fr); grid-template-areas: 'image' 'copy'; min-height: 0; }
  .overview-feature-image { min-height: 0; aspect-ratio: 1.5; }
  .overview-feature-copy { min-height: 173px; padding: 24px; }
  .overview-feature-copy::before { display: none; }
  .botox-editorial .overview-feature h3 { font-size: 29px; line-height: 1.14; }
  .overview-feature h3 br { display: none; }
  .botox-editorial .overview-feature h3>span { display: inline; }
  .botox-editorial .overview-feature-copy p { margin-top: 12px; max-width: 300px; font-size: 14px; line-height: 1.6; }
  .overview-caption { display: block; margin-top: 18px; }
  .botox-editorial .overview-caption p { font-size: 10px; max-width: 300px; }
  .overview-caption a { margin-top: 8px; }
}

/* Treatment journey: tiga langkah terlihat sekaligus, tanpa foto/dropdown tambahan. */
.botox-editorial .treatment-journey { padding: 58px 6vw 64px; background: #fff; }
.treatment-heading { margin: 0 0 30px; }
.botox-editorial .treatment-heading h2 { font-size: clamp(33px, 3.5vw, 49px); line-height: 1.12; }
.treatment-flow { list-style: none; display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 36px; padding: 0; margin: 0; }
.treatment-step { position: relative; display: flex; flex-direction: column; gap: 24px; min-width: 0; padding: 24px 0 16px; border-top: 1px solid #d9d7d2; }
.treatment-number { display: block; color: #897144; font: 500 13px/1 Arial,sans-serif; letter-spacing: .05em; }
.treatment-step::before { content: ''; position: absolute; top: -1px; left: 0; width: 36px; height: 1px; background: #a48a5b; transform-origin: left; }
.botox-editorial .treatment-step h3 { margin: 0 0 12px; font: 400 clamp(22px,2.05vw,29px)/1.14 Georgia,serif; letter-spacing: -.035em; color: #262629; }
.botox-editorial .treatment-step p { margin: 0; max-width: 310px; color: #696970; font-size: 14px; line-height: 1.65; }
.botox-editorial main .treatment-note { margin: 18px 0 0; color: #74747a; font-size: 11px; }
@media(prefers-reduced-motion:no-preference) {
  .treatment-flow.is-entering .treatment-step::before { animation: expectation-line .7s ease-out both; }
  .treatment-flow.is-entering .treatment-step:nth-child(2)::before { animation-delay: .1s; }
  .treatment-flow.is-entering .treatment-step:nth-child(3)::before { animation-delay: .2s; }
}
@media(max-width:980px) {
  .treatment-flow { gap: 26px; }
  .treatment-step { padding: 22px 0 12px; gap: 24px; }
  .botox-editorial .treatment-step h3 { font-size: 24px; }
  .botox-editorial .treatment-step p { font-size: 13px; }
}

/* Ekspektasi: tiga sorotan pada latar gelap, nilai tetap dan animasi masuk bertahap. */
.botox-editorial .expectations-editorial {
  padding: 58px 6vw 62px;
  color: #f7f6f3;
  background: linear-gradient(118deg, #292827, #1c1c1f 62%);
}
.expectations-heading { display: grid; grid-template-columns: 1.35fr 1fr; gap: 6vw; align-items: end; margin-bottom: 45px; }
.expectations-heading .section-kicker { margin-bottom: 19px; color: #c5ae86; }
.botox-editorial .expectations-heading h2 { font-size: clamp(36px, 3.9vw, 56px); line-height: 1.08; }
.botox-editorial .expectations-heading em { color: #d4bd93; }
.botox-editorial .expectations-heading>p { margin: 0 0 4px; max-width: 340px; color: #b9b9bf; font-size: 14px; line-height: 1.7; }
.expectation-facts { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 38px; margin: 0; }
.expectation-fact { position: relative; min-width: 0; padding: 24px 0 0; }
.expectation-fact::before, .expectation-fact::after { content: ''; position: absolute; top: 0; left: 0; height: 1px; pointer-events: none; }
.expectation-fact::before { width: 100%; background: #ffffff26; }
.expectation-fact::after { width: 54px; background: #c6ad7e; transform-origin: left; }
.expectation-fact dt { font-size: 9px; line-height: 1.5; letter-spacing: .14em; text-transform: uppercase; color: #b7b4ad; margin-bottom: 22px; }
.expectation-fact dd { margin: 0; }
.expectation-value { overflow: clip; padding: 0 2px 8px 0; }
.expectation-value>span { display: block; color: #d6bf94; font: 400 clamp(36px, 4.2vw, 60px)/1.04 Georgia,serif; letter-spacing: -.045em; white-space: nowrap; }
.expectation-value small { font: italic 400 23px/1 Georgia,serif; letter-spacing: -.02em; color: #aaa49b; }
.botox-editorial .expectation-fact dd p { margin: 11px 0 0; max-width: 260px; color: #b9b9bf; font-size: 13px; line-height: 1.6; }
.botox-editorial main .expectation-fact.is-entering { animation: none; }
@media(prefers-reduced-motion:no-preference) {
  .expectation-fact { --fact-delay: 0ms; }
  .expectation-fact:nth-child(2) { --fact-delay: 110ms; }
  .expectation-fact:nth-child(3) { --fact-delay: 220ms; }
  .expectation-fact.is-entering::after { animation: expectation-line 1s cubic-bezier(.16,1,.3,1) var(--fact-delay) both; }
  .expectation-fact.is-entering dt { animation: expectation-caption .6s ease-out var(--fact-delay) both; }
  .expectation-fact.is-entering .expectation-value>span { animation: expectation-value .9s cubic-bezier(.16,1,.3,1) calc(var(--fact-delay) + 80ms) both; }
  .expectation-fact.is-entering dd p { animation: expectation-caption .7s ease-out calc(var(--fact-delay) + 240ms) both; }
}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) {
  .expectation-fact::after { transition: width .55s cubic-bezier(.2,.7,.3,1); }
  .expectation-value>span { transition: color .4s; }
  .expectation-fact:hover::after { width: 100%; }
  .expectation-fact:hover .expectation-value>span { color: #f0dfbf; }
}
@keyframes expectation-line { from { transform: scaleX(0); opacity: .3; } to { transform: scaleX(1); opacity: 1; } }
@keyframes expectation-value { from { transform: translateY(110%); opacity: .3; } to { transform: translateY(0); opacity: 1; } }
@keyframes expectation-caption { from { transform: translateY(7px); opacity: 0; } to { transform: translateY(0); opacity: 1; } }
@media(max-width:980px) {
  .expectations-heading { gap: 32px; margin-bottom: 35px; }
  .expectation-value>span { font-size: 34px; }
  .botox-editorial .expectations-heading>p { font-size: 13px; }
  .expectation-facts { gap: 24px; }
  .expectation-value small { font-size: 18px; }
  .botox-editorial .expectation-fact dd p { font-size: 12px; }
}
@media(max-width:680px) {
  .botox-editorial .expectations-editorial { padding: 42px 24px; }
  .expectations-heading { grid-template-columns: minmax(0,1fr); gap: 18px; margin-bottom: 29px; }
  .botox-editorial .expectations-heading h2 { max-width: 310px; font-size: clamp(30px,8.6vw,36px); }
  .botox-editorial .expectations-heading>p { margin: 0; max-width: 310px; }
  .expectation-facts { grid-template-columns: minmax(0,1fr); gap: 24px; }
  .expectation-fact { padding-top: 17px; }
  .expectation-fact dt { font-size: 8px; margin-bottom: 13px; }
  .expectation-fact dd { display: grid; grid-template-columns: minmax(0,1.1fr) minmax(0,1fr); align-items: center; gap: 20px; }
  .expectation-value { padding-bottom: 5px; }
  .expectation-value>span { font-size: clamp(25px,7.5vw,32px); }
  .expectation-value small { font-size: 15px; }
  .botox-editorial .expectation-fact dd p { margin: 0; font-size: 12px; line-height: 1.55; }
}

/* Benefits: satu visual lifestyle dan dua manfaat yang langsung terbaca. */
.botox-editorial .benefits-editorial {
  display: grid;
  grid-template-columns: 1.12fr 1fr;
  grid-template-areas: 'visual heading' 'visual list' 'visual note';
  grid-template-rows: auto 1fr auto;
  column-gap: clamp(36px, 6vw, 90px);
  padding: 58px 6vw;
  background: #f3f3f4;
}
.benefits-heading { grid-area: heading; padding-top: 24px; }
.botox-editorial .benefits-heading h2 { font-size: clamp(35px, 3.5vw, 49px); line-height: 1.08; }
.benefits-heading .section-kicker { margin-bottom: 22px; }
.benefits-visual { grid-area: visual; position: relative; margin: 0; min-width: 0; min-height: 455px; overflow: clip; border-radius: 3px; background: #d7d3ca; }
.benefits-visual img { position: absolute; inset: 0; height: 100%; width: 100%; object-fit: cover; object-position: 54% center; }
.benefits-list { grid-area: list; list-style: none; padding: 0; margin: 33px 0 0; align-self: start; }
.benefits-list li { padding: 20px 0; border-top: 1px solid #d8d8dc; }
.botox-editorial .benefits-list h3 { margin: 0 0 9px; font: 400 25px/1.2 Georgia,serif; letter-spacing: -.03em; color: #29292c; }
.botox-editorial .benefits-list p { margin: 0; max-width: 310px; font-size: 14px; line-height: 1.6; }
.botox-editorial .benefits-note { grid-area: note; margin: 20px 0 24px; font-size: 11px; line-height: 1.5; color: #74747b; }
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) {
  .benefits-visual img { transition: transform 1.1s cubic-bezier(.2,.7,.3,1); }
  .benefits-visual:hover img { transform: scale(1.035); }
}
@media(max-width:980px) {
  .botox-editorial .benefits-editorial { column-gap: 32px; padding: 48px 6vw; }
  .benefits-heading { padding-top: 16px; }
  .botox-editorial .benefits-heading h2 { font-size: 36px; }
  .benefits-visual { min-height: 430px; }
  .benefits-list { margin-top: 26px; }
  .botox-editorial .benefits-list h3 { font-size: 23px; }
  .botox-editorial .benefits-list p { font-size: 13px; }
  .botox-editorial .benefits-note { margin-bottom: 16px; }
}
@media(max-width:680px) {
  .botox-editorial .benefits-editorial {
    grid-template-columns: minmax(0,1fr);
    grid-template-areas: 'heading' 'visual' 'list' 'note';
    grid-template-rows: auto;
    padding: 42px 24px;
    gap: 0;
  }
  .benefits-heading { padding: 0; margin-bottom: 24px; }
  .benefits-heading .section-kicker { margin-bottom: 18px; }
  .botox-editorial .benefits-heading h2 { font-size: clamp(30px, 8.3vw, 36px); }
  .benefits-visual { min-height: 0; aspect-ratio: 1.35; }
  .benefits-list { margin: 24px 0 0; }
  .benefits-list li { padding: 18px 0; }
  .botox-editorial .benefits-list h3 { font-size: 24px; margin-bottom: 7px; }
  .botox-editorial .benefits-note { margin: 8px 0 0; font-size: 10px; }
}
@media(max-width:680px) {
  .botox-editorial .treatment-journey { padding: 42px 24px; }
  .treatment-heading { margin-bottom: 24px; }
  .botox-editorial .treatment-heading h2 { max-width: 340px; font-size: 34px; }
  .treatment-flow { grid-template-columns: 1fr; gap: 0; }
  .treatment-step { display: grid; grid-template-columns: 28px minmax(0,1fr); align-items: start; gap: 18px; padding: 22px 0; }
  .treatment-number { font-size: 12px; padding-top: 7px; }
  .botox-editorial .treatment-step h3 { font-size: 26px; margin-bottom: 7px; }
  .botox-editorial .treatment-step p { font-size: 14px; }
}

/* FAQ lokal: pertanyaan ringkas, jawaban aktif charcoal, disclosure native. */
.botox-editorial .faq { background: #f6f6f7; padding: 58px 6vw; overflow: clip; }
.botox-editorial .faq .container { display: grid; grid-template-columns: .85fr 1.5fr; grid-template-rows: auto 1fr; gap: 29px 6vw; width: 100%; max-width: 1280px; margin: auto; }
.botox-editorial .faq .faq-head { grid-column: 1; grid-row: 1; margin: 0; text-align: left; }
.botox-editorial .faq .faq-eyebrow { justify-content: flex-start; padding: 0; margin: 0 0 22px; min-height: 0; border: 0; border-radius: 0; background: none; box-shadow: none; color: #897144; font: 600 9px/1.6 Arial,sans-serif; letter-spacing: .13em; }
.botox-editorial .faq .faq-eyebrow .dot, .botox-editorial .faq .faq-title::before, .botox-editorial .faq .faq-title::after { display: none; }
.botox-editorial .faq .faq-title { display: block; justify-items: start; margin: 0; text-align: left; }
.botox-editorial .faq .faq-title-main { display: block; width: 100%; padding: 0; font: 400 clamp(38px,3.65vw,52px)/1.08 Georgia,serif; letter-spacing: -.045em; color: #26262a; -webkit-text-fill-color: currentColor; background: none; text-shadow: none; }
.botox-editorial .faq .faq-title-main em { color: #897144; font-weight: 400; }
.botox-editorial .faq .faq-list { grid-column: 2; grid-row: 1 / 3; width: 100%; max-width: none; margin: 0; gap: 10px; align-content: start; }
.botox-editorial .faq .faq-item { border: 1px solid #e1e1e5; border-radius: 4px; background: #fff; box-shadow: none; backdrop-filter: none; -webkit-backdrop-filter: none; transform: none; overflow: clip; }
.botox-editorial .faq .faq-item::before { width: 2px; background: #c8b087; }
.botox-editorial .faq .faq-item:hover { border-color: #c6bba7; box-shadow: none; transform: none; }
.botox-editorial .faq .faq-item[open] { border-color: #262629; background: #262629; }
.botox-editorial .faq .faq-item summary { grid-template-columns: 26px minmax(0,1fr) 24px; gap: 15px; min-height: 70px; padding: 19px 22px; color: #29292e; background: none; }
.botox-editorial .faq .faq-item summary:focus-visible { outline: 2px solid #b19a70; outline-offset: -5px; border-radius: 4px; }
.botox-editorial .faq .faq-q { font: 500 14px/1.5 Arial,Helvetica,sans-serif; color: #35353c; }
.botox-editorial .faq .faq-item[open] .faq-q { color: #f8f7f4; }
.botox-editorial .faq .faq-index { justify-content: flex-start; align-items: center; width: 26px; height: auto; padding: 0; border: 0; border-radius: 0; background: none; color: #9a8052; font: 400 18px/1 Georgia,serif; letter-spacing: -.035em; }
.botox-editorial .faq .faq-item[open] .faq-index { color: #d2ba8e; }
.botox-editorial .faq .faq-toggle { width: 24px; height: 24px; border: 0; border-radius: 0; background: none; }
.botox-editorial .faq .faq-toggle::before, .botox-editorial .faq .faq-toggle::after { background: #99845f; }
.botox-editorial .faq .faq-item[open] .faq-toggle::before, .botox-editorial .faq .faq-item[open] .faq-toggle::after { background: #d2ba8e; }
.botox-editorial .faq .faq-content { padding: 0 60px 23px 63px; color: #c9c9d0; font: 400 13px/1.8 Arial,Helvetica,sans-serif; animation: none; }
.botox-editorial .faq .faq-cta { grid-column: 1; grid-row: 2; display: block; align-self: start; width: 100%; max-width: 260px; margin: 0; padding: 24px 0 0; border: 0; border-top: 1px solid #dcdcdf; border-radius: 0; background: none; box-shadow: none; }
.botox-editorial .faq .faq-cta p { margin: 0 0 7px; color: #73737a; font: 400 12px/1.6 Arial,sans-serif; }
.botox-editorial .faq .faq-cta-link { display: inline-flex; justify-content: space-between; gap: 24px; min-height: 44px; width: auto; padding: 8px 0; border: 0; border-bottom: 1px solid #b29c75; border-radius: 0; background: none; color: #34343a; font: 500 12px/1.4 Arial,sans-serif; box-shadow: none; transform: none; }
.botox-editorial .faq .faq-cta-link span { width: 22px; height: 22px; border-radius: 0; background: none; color: #897144; }
.botox-editorial .faq .faq-cta-link:hover { color: #897144; background: none; box-shadow: none; transform: none; }
.botox-editorial .faq .faq-cta-link:focus-visible { outline: 2px solid #897144; outline-offset: 4px; }
/* Browser yang mendukung menganimasikan tinggi native; lainnya tetap memakai details fungsional. */
@supports (interpolate-size: allow-keywords) and selector(details::details-content) {
  .botox-editorial .faq .faq-item { interpolate-size: allow-keywords; }
  .botox-editorial .faq .faq-item::details-content { block-size: 0; opacity: 0; overflow: clip; }
  .botox-editorial .faq .faq-item[open]::details-content { block-size: auto; opacity: 1; }
  @media(prefers-reduced-motion:no-preference) {
    .botox-editorial .faq .faq-item::details-content { transition: block-size .34s cubic-bezier(.2,.7,.3,1), opacity .22s ease, content-visibility .34s allow-discrete; }
  }
}
@media(prefers-reduced-motion:no-preference) {
  .botox-editorial .faq .faq-item { transition: background-color .25s ease,border-color .25s ease; }
  .botox-editorial .faq .faq-q, .botox-editorial .faq .faq-index { transition: color .2s ease; }
}
@media(max-width:980px) {
  .botox-editorial .faq .container { grid-template-columns: 1fr 1fr; grid-template-rows: auto auto; gap: 30px; }
  .botox-editorial .faq .faq-title-main { font-size: 39px; }
  .botox-editorial .faq .faq-list { grid-column: 1 / -1; grid-row: 2; }
  .botox-editorial .faq .faq-cta { grid-column: 2; grid-row: 1; align-self: end; justify-self: end; width: auto; border: 0; padding: 0; }
}
@media(max-width:680px) {
  .botox-editorial .faq { padding: 42px 24px; }
  .botox-editorial .faq .container { grid-template-columns: minmax(0,1fr); grid-template-rows: auto; gap: 25px; }
  .botox-editorial .faq .faq-eyebrow { font-size: 8px; margin-bottom: 17px; }
  .botox-editorial .faq .faq-title-main { font-size: 36px; }
  .botox-editorial .faq .faq-list { grid-column: 1; grid-row: 2; gap: 9px; }
  .botox-editorial .faq .faq-item summary { grid-template-columns: 20px minmax(0,1fr) 20px; gap: 10px; min-height: 68px; padding: 17px 15px; }
  .botox-editorial .faq .faq-q { font-size: 13px; line-height: 1.5; }
  .botox-editorial .faq .faq-index { width: 20px; font-size: 17px; }
  .botox-editorial .faq .faq-toggle { width: 20px; height: 20px; }
  .botox-editorial .faq .faq-content { padding: 0 25px 21px 45px; font-size: 12px; line-height: 1.8; }
  .botox-editorial .faq .faq-cta { grid-column: 1; grid-row: 3; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; justify-self: stretch; width: 100%; max-width: none; gap: 7px 15px; padding-top: 5px; }
  .botox-editorial .faq .faq-cta p { margin: 0; font-size: 11px; }
  .botox-editorial .faq .faq-cta-link { font-size: 11px; gap: 16px; }
}

/* Referensi ringkas dan navigasi penutup halaman baru. */
.treatment-references { margin-top: 28px; border-top: 1px solid #49494e; color: #c7c7ce; font-size: 12px; }
.treatment-references summary { cursor: pointer; padding: 18px 0; min-height: 44px; }
.treatment-references ul { margin: 0; padding: 0 0 0 18px; }
.treatment-references li { padding: 7px 0; }
.treatment-references a { color: #e2cca6; text-underline-offset: 4px; line-height: 1.5; }
.botox-related { display: flex; align-items: center; flex-wrap: wrap; gap: 18px 30px; padding: 32px 6vw; border-top: 1px solid #ddd; background: #f7f7f8; font: 12px/1.5 Arial,sans-serif; }
.botox-related>span { color: #897144; text-transform: uppercase; font-size: 9px; letter-spacing: .1em; }
.botox-related a { color: #414147; text-underline-offset: 5px; padding: 12px 0; }
@media(max-width:680px) { .botox-related { padding: 24px; gap: 8px 20px; } .botox-related>span { width: 100%; } }