/* Tambahan lokal: pilihan layanan, edukasi dan galeri before-after. */
.aesthetics-editorial .option-price-label { display:block; font:10px/1.5 Arial,sans-serif; letter-spacing:.04em; margin-bottom:6px; }
.aesthetics-editorial .option-detail { display:inline-flex; align-items:center; gap:20px; min-height:44px; margin-top:12px; color:#74603b; font:12px/1.5 Arial,sans-serif; text-decoration:none; border-bottom:1px solid #b7a482; }
.aesthetics-editorial .option-detail:hover { color:#322b20; border-color:currentColor; }
.aesthetics-editorial .option-detail:focus-visible { outline:2px solid #897144; outline-offset:5px; }
.aesthetics-editorial .facial-care-block + .facial-care-block { margin-top:32px; padding-top:32px; border-top:1px solid #d5d1c7; }
.aesthetics-editorial .care-timing { display:block; color:#74603b; font:11px/1.6 Arial,sans-serif; letter-spacing:.025em; }
.aesthetics-editorial .facial-care-block h3 { font:400 29px/1.2 Georgia,serif; letter-spacing:-.03em; margin:10px 0 18px; }
.aesthetics-editorial .facial-care-block p { margin:0 0 16px; font-size:14px; line-height:1.8; }
.aesthetics-editorial .facial-care-block p:last-child { margin-bottom:0; }
.aesthetics-editorial[data-page="deep-cleansing-hydration-facial"] .aesthetics-hero--immersive h1 { font-size:clamp(48px,5.3vw,76px); }
@media(min-width:681px) and (max-width:1024px) {
 .aesthetics-editorial[data-page="deep-cleansing-hydration-facial"] .aesthetics-hero--immersive h1 { font-size:clamp(37px,5vw,52px); }
}
@media(max-width:680px) {
 .aesthetics-editorial[data-page="deep-cleansing-hydration-facial"] .aesthetics-hero--immersive h1 { font-size:clamp(34px,10.5vw,54px); }
 .aesthetics-editorial .option-price-label { font-size:9px; }
 .aesthetics-editorial .facial-care-block h3 { font-size:25px; }
}
.aesthetics-editorial .aesthetics-hero--immersive h1 { font-size:clamp(62px,6.6vw,96px); }
.aesthetics-editorial .hero-title-line:first-child { font-size:inherit; font-weight:600; letter-spacing:inherit; margin-bottom:0; }
.aesthetics-editorial .hero-title-line:not(:first-child) { font-size:.68em; letter-spacing:-.055em; margin-top:8px; }
.aesthetics-editorial .hero-copy { max-width:600px; }
.aesthetics-editorial .hero-subtitle { max-width:370px; }
.aesthetics-editorial .aesthetics-hero--immersive .hero-copy>p { max-width:370px; font-size:15px; }
.aesthetics-editorial .hero-footnote a { color:#636369; text-decoration:none; border-bottom:1px solid #c6bba6; display:inline-block; padding:8px 0; font-size:11px; }
.aesthetics-editorial .mechanism-copy { grid-area:list; align-self:start; margin-top:22px; max-width:430px; }
.aesthetics-editorial .mechanism-copy p { margin:0 0 22px; font-size:15px; line-height:1.8; }
.aesthetics-editorial .mechanism-copy p+p { border-top:1px solid #d8d8dc; padding-top:22px; }
.aesthetics-editorial .benefits-visual { min-height:460px; background:#e1e1e3; }
.aesthetics-editorial .benefits-visual img { object-fit:contain; }
.aesthetics-editorial .overview-feature-image:not(.overview-feature-image--portrait) img { object-fit:cover; }
.aesthetics-editorial .treatment-options { display:grid; grid-template-columns:.82fr 1.4fr; gap:8vw; padding:70px 6vw; background:#f6f5f2; }
.aesthetics-editorial .options-intro { align-self:start; position:sticky; top:150px; }
.aesthetics-editorial .options-intro>p { max-width:320px; margin:23px 0; }
.aesthetics-editorial .options-list { min-width:0; }
.aesthetics-editorial .treatment-option { display:grid; grid-template-columns:25px minmax(0,1fr) auto; gap:20px; align-items:start; padding:28px 0; border-top:1px solid #d5d1c7; }
.aesthetics-editorial .option-index { color:#947e58; font:12px Arial,sans-serif; padding-top:8px; }
.aesthetics-editorial .treatment-option h3 { font:400 27px/1.2 Georgia,serif; letter-spacing:-.03em; margin:0; }
.aesthetics-editorial .treatment-option p { margin:10px 0 0; font-size:13px; max-width:390px; }
.aesthetics-editorial .option-price { font:400 32px/1.2 Georgia,serif; letter-spacing:-.04em; color:#897144; white-space:nowrap; }
.aesthetics-editorial .options-note { font-size:11px; line-height:1.7; color:#72716b; margin:16px 0 0; }
.aesthetics-editorial .treatment-heading { display:grid; grid-template-columns:1fr .9fr; gap:6vw; align-items:start; margin-bottom:34px; }
.aesthetics-editorial .treatment-heading>p { margin:0; }
.aesthetics-editorial .expectations-heading { grid-template-columns:1.15fr 1fr; }
.aesthetics-editorial .expectations-heading>p { max-width:460px; }
.aesthetics-editorial .expectation-value>span { white-space:normal; font-size:clamp(32px,3.5vw,50px); overflow-wrap:anywhere; }
.aesthetics-editorial .aftercare-editorial { display:grid; grid-template-columns:1fr 1fr; gap:7vw; padding:60px 6vw; background:#f6f6f7; }
.aesthetics-editorial .aftercare-editorial>div>p { margin:0; }
.aesthetics-editorial .aftercare-editorial h2 { max-width:450px; }
.aesthetics-editorial .aftercare-editorial .treatment-references { color:#66666d; border-color:#d5d5da; }
.aesthetics-editorial .aftercare-editorial .treatment-references a { color:#74603b; }
.aesthetics-editorial .faq .faq-title-main { max-width:400px; }
.aesthetics-editorial .before-after-section { padding:64px 6vw; background:#f4f3f0; }
.aesthetics-editorial .before-after-inner { max-width:1320px; margin:auto; }
.aesthetics-editorial .before-after-copy { display:grid; grid-template-columns:1fr .6fr; align-items:end; gap:7vw; margin-bottom:32px; }
.aesthetics-editorial .before-after-copy>div { grid-column:1; }
.aesthetics-editorial .before-after-copy>p { grid-column:2; max-width:290px; margin:0 0 3px; font-size:13px; }
.aesthetics-editorial .before-after-stage { min-width:0; }
.aesthetics-editorial .before-after-feature { margin:0; border:1px solid #d7d5cf; border-radius:8px; overflow:clip; background:#fff; }
.aesthetics-editorial .before-after-feature-photo { height:clamp(270px,39vw,535px); display:flex; align-items:center; justify-content:center; padding:20px; background:#ebeae7; }
.aesthetics-editorial .before-after-feature-photo img { width:100%; height:100%; object-fit:contain; }
.aesthetics-editorial .before-after-feature figcaption { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:18px 24px; border-top:1px solid #dedcd6; }
.aesthetics-editorial .gallery-caption { display:flex; align-items:center; gap:24px; }
.aesthetics-editorial [data-before-after-index] { color:#897144; font:12px/1.5 Arial,sans-serif; white-space:nowrap; }
.aesthetics-editorial [data-before-after-label] { color:#353539; font:400 19px/1.3 Georgia,serif; }
.aesthetics-editorial .gallery-controls { display:flex; gap:8px; align-items:center; flex-shrink:0; }
.aesthetics-editorial .gallery-controls[hidden] { display:none; }
.aesthetics-editorial .gallery-controls button { display:inline-flex; align-items:center; justify-content:center; gap:15px; background:transparent; color:#514b41; border:1px solid #d5d1c7; border-radius:3px; min-width:44px; min-height:44px; font:12px/1.4 Arial,sans-serif; cursor:pointer; }
.aesthetics-editorial .gallery-controls [data-gallery-expand] { padding:8px 14px; }
.aesthetics-editorial .gallery-controls button:hover { background:#f3f0e9; border-color:#b6a381; }
.aesthetics-editorial .before-after-thumbs { display:flex; gap:10px; overflow-x:auto; padding:18px 3px 12px; scrollbar-width:thin; scrollbar-color:#b4a587 #e6e4df; scroll-snap-type:x proximity; }
.aesthetics-editorial .before-after-thumb { position:relative; flex:0 0 110px; border:1px solid #d3d0c8; border-radius:4px; padding:5px; background:#e8e6e0; color:#716b60; cursor:pointer; scroll-snap-align:start; }
.aesthetics-editorial .before-after-thumb.is-active { border-color:#897144; background:#fff; box-shadow:0 0 0 1px #897144; }
.aesthetics-editorial .before-after-thumb-media { height:65px; display:block; background:#e8e6e0; overflow:clip; }
.aesthetics-editorial .before-after-thumb img { width:100%; height:100%; object-fit:contain; }
.aesthetics-editorial .before-after-thumb-label { display:block; padding:6px 0 1px; font:10px Arial,sans-serif; }
.aesthetics-editorial .gallery-note { font-size:11px; color:#77736b; margin:10px 0 0; }
.aesthetics-editorial .gallery-dialog { border:1px solid #5b5852; padding:56px 24px 24px; width:min(1400px,96vw); max-width:96vw; max-height:94dvh; background:#202023; color:#eee; border-radius:5px; }
.aesthetics-editorial .gallery-dialog::backdrop { background:#151516df; }
.aesthetics-editorial .gallery-dialog figure { margin:0; }
.aesthetics-editorial .gallery-dialog img { width:100%; height:auto; max-height:75dvh; object-fit:contain; }
.aesthetics-editorial .gallery-dialog figcaption { padding-top:18px; font:14px/1.4 Arial,sans-serif; color:#d1c2a6; }
.aesthetics-editorial [data-gallery-close] { position:absolute; right:14px; top:8px; min-height:44px; padding:10px; border:0; color:#f6f6f6; background:transparent; font:12px Arial,sans-serif; cursor:pointer; }
.aesthetics-editorial [data-gallery-close] span { font-size:20px; margin-left:10px; }
@media(min-width:681px) and (max-width:1024px) {
 .aesthetics-editorial .aesthetics-hero--immersive h1 { font-size:clamp(48px,6.5vw,70px); }
 .aesthetics-editorial .hero-copy { max-width:48%; }
 .aesthetics-editorial .aesthetics-hero--immersive .hero-copy>p { max-width:300px; font-size:14px; }
 .aesthetics-editorial .treatment-options { gap:40px; grid-template-columns:.8fr 1.2fr; }
 .aesthetics-editorial .treatment-option { gap:10px; grid-template-columns:20px minmax(0,1fr) auto; }
 .aesthetics-editorial .treatment-option h3 { font-size:22px; }
 .aesthetics-editorial .option-price { font-size:26px; }
 .aesthetics-editorial .before-after-feature figcaption { flex-wrap:wrap; }
 .aesthetics-editorial .benefits-visual { min-height:430px; }
}
@media(max-width:680px) {
 .aesthetics-editorial .aesthetics-hero--immersive h1 { font-size:clamp(43px,13vw,64px); }
 .aesthetics-editorial .hero-subtitle { max-width:310px; font-size:11px; }
 .aesthetics-editorial .aesthetics-hero--immersive .hero-copy>p { max-width:340px; font-size:14px; }
 .aesthetics-editorial .hero-media { height:min(110vw,455px); }
 .aesthetics-editorial[data-page="diolaze"] .hero-media { height:min(121vw,510px); }
 .aesthetics-editorial .hero-media img { max-height:100%; width:auto; max-width:88%; object-fit:contain; }
 .aesthetics-editorial .hero-footnote { margin-top:4px; }
 .aesthetics-editorial .hero-footnote a { font-size:10px; }
 .aesthetics-editorial .treatment-options, .aesthetics-editorial .aftercare-editorial { padding:42px 24px; grid-template-columns:minmax(0,1fr); gap:30px; }
 .aesthetics-editorial .options-intro { position:static; }
 .aesthetics-editorial .options-intro>p { margin:18px 0; }
 .aesthetics-editorial .treatment-option { gap:12px; grid-template-columns:18px minmax(0,1fr) auto; padding:24px 0; }
 .aesthetics-editorial .treatment-option h3 { font-size:22px; }
 .aesthetics-editorial .treatment-option p { font-size:12px; }
 .aesthetics-editorial .option-price { font-size:25px; }
 .aesthetics-editorial .option-index { font-size:10px; padding-top:6px; }
 .aesthetics-editorial .options-note { font-size:10px; }
 .aesthetics-editorial .treatment-heading { grid-template-columns:minmax(0,1fr); gap:20px; }
 .aesthetics-editorial .treatment-heading>p { font-size:13px; }
 .aesthetics-editorial .expectations-heading { grid-template-columns:minmax(0,1fr); }
 .aesthetics-editorial .expectation-value>span { font-size:clamp(24px,7vw,32px); }
 .aesthetics-editorial .benefits-visual { min-height:0; aspect-ratio:1.35; }
 .aesthetics-editorial .mechanism-copy { margin-top:24px; }
 .aesthetics-editorial .mechanism-copy p { font-size:14px; margin-bottom:18px; }
 .aesthetics-editorial .mechanism-copy p+p { padding-top:18px; }
 .aesthetics-editorial .before-after-section { padding:42px 24px; }
 .aesthetics-editorial .before-after-copy { grid-template-columns:minmax(0,1fr); gap:16px; margin-bottom:24px; }
 .aesthetics-editorial .before-after-copy>p { grid-column:1; max-width:310px; font-size:12px; }
 .aesthetics-editorial .before-after-feature-photo { height:clamp(180px,64vw,350px); padding:8px; }
 .aesthetics-editorial .before-after-feature figcaption { display:block; padding:15px; }
 .aesthetics-editorial .gallery-caption { align-items:baseline; gap:16px; }
 .aesthetics-editorial [data-before-after-label] { font-size:17px; }
 .aesthetics-editorial [data-before-after-index] { font-size:10px; }
 .aesthetics-editorial .gallery-controls { margin-top:14px; justify-content:space-between; }
 .aesthetics-editorial .gallery-controls button { font-size:10px; }
 .aesthetics-editorial .gallery-controls [data-gallery-expand] { flex:1; }
 .aesthetics-editorial .before-after-thumb { flex-basis:88px; }
 .aesthetics-editorial .before-after-thumb-media { height:50px; }
 .aesthetics-editorial .gallery-note { font-size:10px; line-height:1.6; }
 .aesthetics-editorial .gallery-dialog { padding:58px 12px 20px; }
}
/* Filter model existing serta zoom detail tetap opsional. */
.aesthetics-editorial .before-after-thumb[hidden], .aesthetics-editorial .gallery-filters[hidden] { display:none; }
.aesthetics-editorial .gallery-filters { display:flex; gap:8px; flex-wrap:wrap; margin-bottom:20px; }
.aesthetics-editorial .gallery-filters button { min-height:44px; border:1px solid #d5d1c7; background:transparent; color:#736a5b; padding:10px 18px; border-radius:3px; font:12px Arial,sans-serif; cursor:pointer; }
.aesthetics-editorial .gallery-filters [aria-pressed="true"] { color:#fff; background:#35322c; border-color:#35322c; }
.aesthetics-editorial [data-gallery-zoom] { position:absolute; left:16px; top:8px; min-height:44px; border:0; background:transparent; color:#d8c5a1; font:12px Arial,sans-serif; cursor:pointer; }
.aesthetics-editorial .gallery-full-canvas { max-height:75dvh; overflow:auto; overscroll-behavior:contain; }
.aesthetics-editorial .gallery-dialog.is-zoomed .gallery-full-canvas img { width:200%; max-width:none; height:auto; max-height:none; }
@media(max-width:680px) {
 .aesthetics-editorial .before-after-feature-photo { height:clamp(170px,54vw,290px); }
 .aesthetics-editorial .gallery-filters button { font-size:11px; padding:10px 13px; }
}
@media(max-width:680px) {
 .aesthetics-editorial[data-page="diolaze"] .hero-media img { mask-image:linear-gradient(180deg,#000 0%,#000 91%,transparent 100%),linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent); -webkit-mask-composite:source-in; mask-composite:intersect; }
}