﻿/**
 * 스킨부스터 (booster.php)
 * scope: .skin-clinic-program-page
 */

.skin-clinic-program-page {
    --pgm-ivory:#F8F5EF;
    --pgm-cream:#FDFCF9;
    --pgm-sand:#EFE7DC;
    --pgm-beige:#E8DED2;
    --pgm-beige-deep:#D8C7B1;
    --pgm-charcoal:#1F1D1B;
    --pgm-brown:#3A342E;
    --pgm-muted:#625C55;
    --pgm-soft:#8A6F5A;
    --pgm-dark:#151311;
    --pgm-dark-2:#211C18;
    --pgm-container-main:1240px;
    --pgm-container-wide:1380px;
    --pgm-container-narrow:980px;
    --pgm-pad-x:clamp(20px,4vw,56px);
    --pgm-ease:cubic-bezier(.22,1,.36,1);
    --pgm-radius-lg:24px;
    --pgm-radius-md:20px;
    --pgm-radius-sm:16px;
    --pgm-shadow-soft:0 14px 42px rgba(31,29,27,.07);
    --pgm-shadow-hover:0 22px 52px rgba(31,29,27,.11);
    --pgm-transition:.32s var(--pgm-ease);
    --pgm-gold:rgba(216,199,177,.72);
    --pgm-gold-line:rgba(216,199,177,.48);
    --pgm-card-shadow:0 1px 0 rgba(255,255,255,.85) inset, 0 14px 38px rgba(31,29,27,.07), 0 4px 14px rgba(31,29,27,.04);
    --pgm-card-shadow-hover:0 1px 0 rgba(255,255,255,.92) inset, 0 26px 56px rgba(31,29,27,.12), 0 10px 22px rgba(31,29,27,.06);
    --pgm-grain:repeating-conic-gradient(rgba(31,29,27,.018) 0% 25%, transparent 0% 50%) 50% / 3px 3px;
    --pgm-text-body:16px;
    --pgm-text-body-lg:17px;
    --pgm-text-lead:18px;
    --pgm-text-caption:14px;
    --pgm-text-label:13px;
    --pgm-text-secondary:rgba(58,52,46,.78);
    --pgm-text-muted-strong:rgba(58,52,46,.72);
    color:var(--pgm-brown);
    background:var(--pgm-cream);
}

/* ?붴??쒓렇?덉쿂: grain 쨌 radial 쨌 gold line 쨌 curve motif ?붴?*/
.skin-clinic-program-page .skin-clinic-pgm-hero::after,
.skin-clinic-program-page .pigment-hero-section::after,
.skin-clinic-program-page .skin-clinic-pgm-section--flow::after,
.skin-clinic-program-page .skin-clinic-pgm-section--program::after,
.skin-clinic-program-page .skin-clinic-pgm-section--solution::after,
.skin-clinic-program-page .skin-clinic-pgm-section--point::after,
.skin-clinic-program-page .skin-clinic-pgm-section--ba::after,
.skin-clinic-program-page .skin-clinic-pgm-section--faq::after,
.skin-clinic-program-page .skin-clinic-pgm-section--cta::after {
    content:'';
    position:absolute;
    inset:0;
    pointer-events:none;
    z-index:0;
    opacity:.35;
    background:var(--pgm-grain);
    mix-blend-mode:multiply;
}

.skin-clinic-program-page .pigment-section-texture,
.skin-clinic-program-page .skin-clinic-pgm-section--solution::before,
.skin-clinic-program-page .skin-clinic-pgm-section--point::before,
.skin-clinic-program-page .skin-clinic-pgm-section--program::before,
.skin-clinic-program-page .skin-clinic-pgm-section--faq::before,
.skin-clinic-program-page .skin-clinic-pgm-section--ba::before,
.skin-clinic-program-page .pigment-hero-section::before,
.skin-clinic-program-page .skin-clinic-pgm-section--flow .skin-clinic-pgm-flow-bg {
    background-image:
        radial-gradient(circle at 18% 14%, rgba(216,199,177,.16) 0%, transparent 44%),
        radial-gradient(circle at 84% 78%, rgba(138,111,90,.09) 0%, transparent 40%);
}

.skin-clinic-program-page .pigment-hero-section::before,
.skin-clinic-program-page .skin-clinic-pgm-section--solution::before,
.skin-clinic-program-page .skin-clinic-pgm-section--point::before,
.skin-clinic-program-page .skin-clinic-pgm-section--program::before,
.skin-clinic-program-page .skin-clinic-pgm-section--faq::before,
.skin-clinic-program-page .skin-clinic-pgm-section--ba::before {
    content:'';
    position:absolute;
    inset:0;
    pointer-events:none;
    z-index:0;
    opacity:.55;
}

.skin-clinic-program-page .pigment-hero-section,
.skin-clinic-program-page .skin-clinic-pgm-section--solution,
.skin-clinic-program-page .skin-clinic-pgm-section--point,
.skin-clinic-program-page .skin-clinic-pgm-section--program,
.skin-clinic-program-page .skin-clinic-pgm-section--faq,
.skin-clinic-program-page .skin-clinic-pgm-section--ba,
.skin-clinic-program-page .skin-clinic-pgm-section--flow { position:relative; overflow:hidden; }

.skin-clinic-program-page .pigment-hero-section > .pigment-bg-text,
.skin-clinic-program-page .pigment-hero-section > .pigment-inner,
.skin-clinic-program-page .skin-clinic-pgm-section--solution > .skin-clinic-pgm-wrap,
.skin-clinic-program-page .skin-clinic-pgm-section--point > .skin-clinic-pgm-wrap,
.skin-clinic-program-page .skin-clinic-pgm-section--program > .skin-clinic-pgm-wrap,
.skin-clinic-program-page .skin-clinic-pgm-section--faq > .skin-clinic-pgm-wrap,
.skin-clinic-program-page .skin-clinic-pgm-section--ba > .skin-clinic-pgm-wrap { position:relative; z-index:1; }

.skin-clinic-program-page .pgm-sig-curve { position:absolute; pointer-events:none; z-index:1; width:min(320px,36vw); height:min(200px,22vw); border:1px solid rgba(138,111,90,.14); border-radius:999px 999px 0 0; opacity:.42; transform:rotate(-7deg); }
.skin-clinic-program-page .pgm-sig-curve::after { content:''; position:absolute; left:16%; top:30%; width:68%; height:1px; background:linear-gradient(90deg, transparent, var(--pgm-gold-line), transparent); }
.skin-clinic-program-page .pgm-sig-curve--dark { border-color:rgba(253,252,249,.1); opacity:.38; }
.skin-clinic-program-page .pgm-sig-curve--dark::after { background:linear-gradient(90deg, transparent, rgba(216,199,177,.32), transparent); }
.skin-clinic-program-page .pigment-hero-section .pgm-sig-curve { right:6%; bottom:10%; }
.skin-clinic-program-page .skin-clinic-pgm-section--flow .pgm-sig-curve { right:4%; top:12%; }
.skin-clinic-program-page .skin-clinic-pgm-section--solution .pgm-sig-curve { right:0; top:8%; }
.skin-clinic-program-page .skin-clinic-pgm-section--point .pgm-sig-curve { left:-2%; bottom:6%; opacity:.28; }
.skin-clinic-program-page .skin-clinic-pgm-section--program .pgm-sig-curve { right:2%; bottom:10%; opacity:.3; }
.skin-clinic-program-page .skin-clinic-pgm-section--ba .pgm-sig-curve { left:3%; top:14%; opacity:.26; }
.skin-clinic-program-page .skin-clinic-pgm-section--faq .pgm-sig-curve { right:-4%; bottom:8%; opacity:.22; width:min(260px,32vw); height:min(160px,18vw); }

.skin-clinic-program-page .pgm-sig-gold-line { display:block; width:min(120px,28vw); height:1px; margin:0 0 clamp(18px,2.2vw,26px); border:0; background:linear-gradient(90deg, var(--pgm-gold-line), rgba(216,199,177,.08)); }
.skin-clinic-program-page .skin-clinic-pgm-section-head--center .pgm-sig-gold-line { margin-left:auto; margin-right:auto; }
.skin-clinic-program-page .skin-clinic-pgm-section--flow .pgm-sig-gold-line { background:linear-gradient(90deg, rgba(216,199,177,.42), rgba(216,199,177,.06)); }
.skin-clinic-program-page .skin-clinic-pgm-section--flow > .skin-clinic-pgm-wrap { position:relative; z-index:2; }
.skin-clinic-program-page .pigment-left .skin-clinic-pgm-section-poetic { margin-top:clamp(16px,2vw,24px); margin-bottom:0; }
.skin-clinic-program-page .pigment-left .skin-clinic-pgm-section-poetic + .pigment-tags { margin-top:clamp(32px,4vw,48px); }

.skin-clinic-program-page .skin-clinic-pgm-kicker,
.skin-clinic-program-page .skin-clinic-pgm-flow-kicker,
.skin-clinic-program-page .skin-clinic-pgm-eyebrow,
.skin-clinic-program-page .pigment-sub { letter-spacing:.18em; }
.skin-clinic-program-page .skin-clinic-pgm-kicker,
.skin-clinic-program-page .skin-clinic-pgm-flow-kicker { color:rgba(138,111,90,.88); font-weight:700; }
.skin-clinic-program-page .skin-clinic-pgm-flow-kicker { color:var(--pgm-gold); }

.skin-clinic-program-page .skin-clinic-pgm-section-poetic { margin:clamp(14px,2vw,22px) 0 0; max-width:min(640px,100%); font-size:var(--pgm-text-body); line-height:1.72; letter-spacing:-.015em; color:var(--pgm-text-secondary); font-style:normal; word-break:keep-all; }
.skin-clinic-program-page .skin-clinic-pgm-section-poetic::before { content:none; }

.skin-clinic-program-page .skin-clinic-pgm-section-title,
.skin-clinic-program-page .pigment-title,
.skin-clinic-program-page .skin-clinic-pgm-flow-title { letter-spacing:-.038em; }

.skin-clinic-program-page .skin-clinic-pgm-flow-num,
.skin-clinic-program-page .skin-clinic-pgm-product-pill-num,
.skin-clinic-program-page .skin-clinic-pgm-points--many .skin-clinic-pgm-point-card > span {
    font-variant-numeric:tabular-nums;
    font-feature-settings:'tnum' 1;
}

.skin-clinic-program-page .skin-clinic-pgm-product-label,
.skin-clinic-program-page .skin-clinic-pgm-flow-label,
.skin-clinic-program-page .pigment-sub,
.skin-clinic-program-page .skin-clinic-pgm-program-block-label,
.skin-clinic-program-page .skin-clinic-pgm-product-equipment-label,
.skin-clinic-program-page .pigment-floating-card .floating-item small,
.skin-clinic-program-page .pigment-label,
.skin-clinic-program-page .skin-clinic-pgm-program-badge,
.skin-clinic-program-page .skin-clinic-pgm-ba-label {
    letter-spacing:.16em;
    color:rgba(138,111,90,.82);
}

/* ?꾨━誘몄뾼 移대뱶 怨듯넻 */
.skin-clinic-program-page .skin-clinic-pgm-point-card,
.skin-clinic-program-page .skin-clinic-pgm-program-package,
.skin-clinic-program-page .skin-clinic-pgm-product-detail-box {
    position:relative;
    isolation:isolate;
    box-shadow:var(--pgm-card-shadow);
    transition:transform var(--pgm-transition), box-shadow var(--pgm-transition), border-color var(--pgm-transition), filter var(--pgm-transition);
}
.skin-clinic-program-page .skin-clinic-pgm-point-card::after,
.skin-clinic-program-page .skin-clinic-pgm-program-package::after,
.skin-clinic-program-page .skin-clinic-pgm-product-detail-box::after {
    content:'';
    position:absolute;
    inset:0;
    border-radius:inherit;
    pointer-events:none;
    background:linear-gradient(180deg, rgba(255,255,255,.42) 0%, transparent 28%);
    opacity:.85;
}
.skin-clinic-program-page .skin-clinic-pgm-point-card:hover,
.skin-clinic-program-page .skin-clinic-pgm-program-package:hover,
.skin-clinic-program-page .skin-clinic-pgm-product-detail-box:hover {
    transform:translateY(-5px);
    box-shadow:var(--pgm-card-shadow-hover);
    filter:brightness(1.02);
}

.skin-clinic-program-page .pigment-glass-panel,
.skin-clinic-program-page .skin-clinic-pgm-faq-list {
    backdrop-filter:blur(20px);
    -webkit-backdrop-filter:blur(20px);
    box-shadow:0 20px 48px rgba(31,29,27,.07), inset 0 1px 0 rgba(255,255,255,.55);
}

.skin-clinic-program-page.skin-clinic-page.skin-clinic-subpage { padding-top:0; padding-bottom:0; }
.skin-clinic-program-page * { box-sizing:border-box; }

.skin-clinic-program-page .skin-clinic-pgm-wrap { width:100%; margin:0 auto; padding-left:var(--pgm-pad-x); padding-right:var(--pgm-pad-x); }
.skin-clinic-program-page .skin-clinic-pgm-wrap--hero { max-width:1520px; }
.skin-clinic-program-page .skin-clinic-pgm-wrap--main { max-width:var(--pgm-container-main); }
.skin-clinic-program-page .skin-clinic-pgm-wrap--wide { max-width:var(--pgm-container-wide); }
.skin-clinic-program-page .skin-clinic-pgm-wrap--narrow { max-width:var(--pgm-container-narrow); }

/* HERO */
.skin-clinic-program-page .skin-clinic-pgm-hero { position:relative; width:100%; margin-left:0; margin-right:0; min-height:720px; height:min(760px,82vh); overflow:hidden; background:var(--pgm-dark); display:flex; align-items:center; }
.skin-clinic-program-page .skin-clinic-pgm-hero-bg { position:absolute; inset:0; z-index:0; }
.skin-clinic-program-page .skin-clinic-pgm-hero-img { width:100%; height:100%; display:block; object-fit:cover; object-position:70% center; }
.skin-clinic-program-page .skin-clinic-pgm-hero-fallback { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; background:radial-gradient(circle at 72% 42%, #3c3129 0%, #211c18 34%, #151311 100%); }
.skin-clinic-program-page .skin-clinic-pgm-hero-fallback p { margin:0; font-size:var(--pgm-text-caption); letter-spacing:.1em; color:rgba(253,252,249,.65); }
.skin-clinic-program-page .skin-clinic-pgm-hero-shade { position:absolute; inset:0; z-index:1; pointer-events:none; background:linear-gradient(90deg, rgba(15,12,10,.72) 0%, rgba(15,12,10,.52) 36%, rgba(15,12,10,.2) 60%, rgba(15,12,10,.06) 100%), linear-gradient(180deg, rgba(15,12,10,.06) 0%, rgba(15,12,10,.16) 100%); }
.skin-clinic-program-page .skin-clinic-pgm-hero-glow { position:absolute; inset:0; z-index:2; pointer-events:none; background:radial-gradient(ellipse 55% 48% at 78% 42%, rgba(216,199,177,.22) 0%, rgba(138,111,90,.08) 34%, transparent 68%); mix-blend-mode:soft-light; }
.skin-clinic-program-page .skin-clinic-pgm-hero-curve { position:absolute; right:8%; bottom:14%; z-index:2; width:min(420px,42vw); height:min(280px,28vw); pointer-events:none; border:1px solid rgba(253,252,249,.12); border-radius:999px 999px 0 0; opacity:.55; transform:rotate(-8deg); }
.skin-clinic-program-page .skin-clinic-pgm-hero-curve::after { content:''; position:absolute; left:18%; top:28%; width:62%; height:1px; background:linear-gradient(90deg, transparent, rgba(253,252,249,.28), transparent); }
.skin-clinic-program-page .skin-clinic-pgm-hero .skin-clinic-pgm-wrap { position:relative; z-index:4; }
.skin-clinic-program-page .skin-clinic-pgm-hero-copy { width:min(620px,92vw); padding-top:clamp(100px,12vh,160px); padding-bottom:52px; }
.skin-clinic-program-page .skin-clinic-pgm-eyebrow, .skin-clinic-program-page .skin-clinic-pgm-kicker { margin:0 0 16px; font-size:var(--pgm-text-label); line-height:1.35; font-weight:700; letter-spacing:.18em; text-transform:uppercase; }
.skin-clinic-program-page .skin-clinic-pgm-eyebrow { color:rgba(232,222,210,.88); }
.skin-clinic-program-page .skin-clinic-pgm-kicker { color:rgba(58,52,46,.82); }
.skin-clinic-program-page .skin-clinic-pgm-hero-title { margin:0 0 18px; font-size:clamp(40px,5.5vw,68px); line-height:.98; font-weight:600; letter-spacing:-.06em; color:#fffdf8; word-break:keep-all; text-shadow:0 8px 32px rgba(0,0,0,.18); }
.skin-clinic-program-page .skin-clinic-pgm-hero-statement { margin:0 0 18px; font-size:clamp(24px,2.5vw,34px); line-height:1.45; font-weight:400; letter-spacing:-.045em; color:rgba(253,252,249,.94); word-break:keep-all; }
.skin-clinic-program-page .skin-clinic-pgm-hero-desc { margin:0 0 22px; max-width:520px; font-size:var(--pgm-text-lead); line-height:1.75; letter-spacing:-.02em; color:rgba(253,252,249,.9); word-break:keep-all; }
.skin-clinic-program-page .skin-clinic-pgm-hero-keywords { display:flex; flex-wrap:wrap; gap:10px; margin:0 0 28px; }
.skin-clinic-program-page .skin-clinic-pgm-hero-keywords span { display:inline-flex; align-items:center; min-height:38px; padding:0 16px; border-radius:999px; border:1px solid rgba(253,252,249,.2); background:rgba(253,252,249,.08); font-size:var(--pgm-text-caption); line-height:1.3; font-weight:600; letter-spacing:.04em; color:rgba(253,252,249,.88); backdrop-filter:blur(6px); }
.skin-clinic-program-page .skin-clinic-pgm-hero-brand { margin:0; font-size:var(--pgm-text-caption); line-height:1.35; font-weight:600; letter-spacing:.2em; text-transform:uppercase; color:rgba(232,222,210,.72); }

/* SECTION */
.skin-clinic-program-page .skin-clinic-pgm-section { position:relative; margin:0; }
.skin-clinic-program-page .skin-clinic-pgm-section--flow { position:relative; overflow:hidden; padding:clamp(88px,10vw,120px) 0; background:var(--pgm-dark); color:rgba(253,252,249,.94); }
.skin-clinic-program-page .skin-clinic-pgm-flow-bg { position:absolute; inset:0; pointer-events:none; background:radial-gradient(circle at 18% 22%, rgba(138,111,90,.14) 0%, transparent 46%), radial-gradient(circle at 88% 68%, rgba(216,199,177,.06) 0%, transparent 40%); opacity:.9; }
.skin-clinic-program-page .skin-clinic-pgm-section--flow > .skin-clinic-pgm-wrap { position:relative; z-index:1; }
.skin-clinic-program-page .skin-clinic-pgm-section--solution { padding:96px 0 112px; background:#fffefb; }
.skin-clinic-program-page .skin-clinic-pgm-section--point { padding:96px 0 104px; background:var(--pgm-ivory); }
.skin-clinic-program-page .skin-clinic-pgm-section--ba { padding:92px 0 88px; background:var(--pgm-sand); }
.skin-clinic-program-page .skin-clinic-pgm-section--faq { padding:78px 0 92px; background:#faf8f4; }
.skin-clinic-program-page .skin-clinic-pgm-section--cta { padding:76px 0 92px; background:linear-gradient(180deg, #faf8f4 0%, var(--pgm-ivory) 100%); }

.skin-clinic-program-page .skin-clinic-pgm-section-head { margin-bottom:48px; }
.skin-clinic-program-page .skin-clinic-pgm-section-head--center { text-align:center; }
.skin-clinic-program-page .skin-clinic-pgm-section-head--center .skin-clinic-pgm-section-title { justify-content:center; }
/* ?붾（?샕룹텛泥??꾨줈洹몃옩: ?쒕ぉ쨌蹂댁“ 臾멸뎄 ??釉붾줉 */
.skin-clinic-program-page .skin-clinic-pgm-section--solution .skin-clinic-pgm-section-head.skin-clinic-pgm-section-head--split,
.skin-clinic-program-page .skin-clinic-pgm-section--program .skin-clinic-pgm-section-head.skin-clinic-pgm-section-head--split { display:block; }
.skin-clinic-program-page .skin-clinic-pgm-section--solution .skin-clinic-pgm-section-head--split .skin-clinic-pgm-section-desc,
.skin-clinic-program-page .skin-clinic-pgm-section--program .skin-clinic-pgm-section-head--split .skin-clinic-pgm-section-desc { margin-top:clamp(12px,1.6vw,18px); max-width:min(720px,100%); }
.skin-clinic-program-page .skin-clinic-pgm-section-head--split { display:grid; grid-template-columns:minmax(0,.92fr) minmax(360px,.72fr); gap:72px; align-items:end; }
.skin-clinic-program-page .skin-clinic-pgm-section-head--dark .skin-clinic-pgm-kicker, .skin-clinic-program-page .skin-clinic-pgm-section-head--dark .skin-clinic-pgm-section-desc { color:rgba(232,222,210,.72); }
.skin-clinic-program-page .skin-clinic-pgm-section-head--dark .skin-clinic-pgm-section-title { color:rgba(253,252,249,.94); }

.skin-clinic-program-page .skin-clinic-pgm-section-title { margin:0 0 10px; display:flex; align-items:center; gap:10px; font-size:28px; line-height:1.25; font-weight:600; letter-spacing:-.03em; color:var(--pgm-charcoal); word-break:keep-all; }
.skin-clinic-program-page .skin-clinic-pgm-section-title--small { font-size:clamp(22px,2.4vw,28px); line-height:1.3; letter-spacing:-.03em; }
.skin-clinic-program-page .skin-clinic-pgm-title-logo { width:18px; height:18px; object-fit:contain; flex:0 0 auto; }
.skin-clinic-program-page .skin-clinic-pgm-title-logo--dark { filter:brightness(0) invert(1); opacity:.9; }
.skin-clinic-program-page .skin-clinic-pgm-section-desc { margin:22px 0 0; max-width:640px; font-size:var(--pgm-text-body-lg); line-height:1.75; letter-spacing:-.02em; color:var(--pgm-text-secondary); word-break:keep-all; }
.skin-clinic-program-page .skin-clinic-pgm-section-head--split .skin-clinic-pgm-section-desc { margin-top:0; }

/* PIGMENT ANALYSIS HERO */
.skin-clinic-program-page .pigment-hero-section { position:relative; overflow:hidden; background:#f5f1ec; padding:180px 0; }
.skin-clinic-program-page .pigment-inner { width:100%; max-width:var(--pgm-container-main); margin:0 auto; padding-left:var(--pgm-pad-x); padding-right:var(--pgm-pad-x); display:flex; align-items:center; justify-content:space-between; gap:100px; position:relative; z-index:2; }
.skin-clinic-program-page .pigment-bg-text { position:absolute; top:42px; left:clamp(28px,8vw,120px); font-size:clamp(180px,18vw,280px); font-weight:700; letter-spacing:-.06em; line-height:.92; color:rgba(255,255,255,.28); user-select:none; pointer-events:none; z-index:1; }
.skin-clinic-program-page .pigment-left { width:48%; position:relative; z-index:2; }
.skin-clinic-program-page .pigment-sub { display:flex; align-items:center; gap:12px; margin:0 0 16px; font-size:var(--pgm-text-label); line-height:1.35; text-transform:uppercase; color:rgba(58,52,46,.82); font-weight:700; }
.skin-clinic-program-page .pigment-sub span { width:36px; height:1px; background:rgba(138,111,90,.45); flex-shrink:0; }
.skin-clinic-program-page .pigment-title { margin:0 0 10px; font-size:28px; line-height:1.25; font-weight:600; letter-spacing:-.03em; color:var(--pgm-charcoal); word-break:keep-all; }
.skin-clinic-program-page .pigment-desc { margin:22px 0 0; max-width:640px; font-size:var(--pgm-text-body-lg); line-height:1.75; letter-spacing:-.02em; color:var(--pgm-text-secondary); font-weight:400; word-break:keep-all; }
.skin-clinic-program-page .pigment-tags { display:flex; gap:14px; margin-top:54px; flex-wrap:wrap; }
.skin-clinic-program-page .pigment-tags span { display:flex; align-items:center; justify-content:center; min-height:46px; padding:0 24px; background:rgba(255,255,255,.52); border:1px solid rgba(255,255,255,.65); font-size:var(--pgm-text-caption); letter-spacing:.14em; color:#8a6f5a; font-weight:700; backdrop-filter:blur(10px); }
.skin-clinic-program-page .pigment-right { width:52%; position:relative; display:flex; justify-content:center; align-items:center; }
.skin-clinic-program-page .pigment-image-box { position:relative; width:640px; max-width:100%; height:740px; border-radius:52px; background:linear-gradient(135deg, #dbc5b5 0%, #d8bcab 100%); box-shadow:0 40px 80px rgba(0,0,0,.06); overflow:hidden; }
.skin-clinic-program-page .pigment-analysis-img { position:absolute; inset:0; width:100%; height:100%; display:block; object-fit:cover; object-position:center; z-index:1; }
.skin-clinic-program-page .pigment-image-box.has-photo .pigment-analysis-img { z-index:1; }
.skin-clinic-program-page .pigment-image-box::after { content:''; position:absolute; inset:0; z-index:2; pointer-events:none; background:linear-gradient(180deg, rgba(31,29,27,.04) 0%, rgba(31,29,27,0) 40%, rgba(31,29,27,.06) 100%); opacity:0; }
.skin-clinic-program-page .pigment-image-box.has-photo::after { opacity:1; }
.skin-clinic-program-page .pigment-label { position:absolute; top:28px; left:30px; z-index:4; min-height:32px; padding:0 18px; border:1px solid rgba(255,255,255,.5); display:flex; align-items:center; font-size:var(--pgm-text-label); color:#fff; font-weight:700; }
.skin-clinic-program-page .pigment-floating-card { position:absolute; left:-35px; top:50%; transform:translateY(-50%); width:min(248px,42vw); padding:34px 30px; z-index:5; }
.skin-clinic-program-page .pigment-glass-panel { background:rgba(255,255,255,.58); border:1px solid rgba(255,255,255,.72); border-radius:var(--pgm-radius-md); backdrop-filter:blur(22px); -webkit-backdrop-filter:blur(22px); box-shadow:0 24px 56px rgba(31,29,27,.08), inset 0 1px 0 rgba(255,255,255,.65); }
.skin-clinic-program-page .pigment-floating-card .floating-item { padding:18px 0; border-bottom:1px solid rgba(98,92,85,.1); }
.skin-clinic-program-page .pigment-floating-card .floating-item:last-child { border-bottom:none; padding-bottom:0; }
.skin-clinic-program-page .pigment-floating-card .floating-item small { display:block; margin:0 0 10px; font-size:var(--pgm-text-label); line-height:1.35; font-weight:700; text-transform:uppercase; color:rgba(58,52,46,.78); }
.skin-clinic-program-page .pigment-floating-card .floating-item strong { display:block; margin:0; font-size:clamp(20px,2.1vw,26px); line-height:1.24; font-weight:600; letter-spacing:-.035em; color:var(--pgm-charcoal); word-break:keep-all; }

/* FLOW ??2???뚭컻 + ?꾨줈?좎퐳 移대뱶) */
.skin-clinic-program-page .skin-clinic-pgm-flow-layout { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:clamp(36px,5vw,72px); align-items:center; }
.skin-clinic-program-page .skin-clinic-pgm-flow-kicker { margin:0 0 18px; font-size:var(--pgm-text-label); line-height:1.35; font-weight:700; text-transform:uppercase; color:var(--pgm-beige-deep); }
.skin-clinic-program-page .skin-clinic-pgm-flow-title { margin:0 0 clamp(20px,2.4vw,28px); display:flex; align-items:center; gap:10px; font-size:clamp(30px,3.6vw,46px); line-height:1.2; font-weight:600; letter-spacing:-.04em; color:rgba(253,252,249,.96); word-break:keep-all; }
.skin-clinic-program-page .skin-clinic-pgm-flow-lead { margin:0; max-width:440px; font-size:var(--pgm-text-body-lg); line-height:1.75; letter-spacing:-.02em; color:rgba(253,252,249,.88); word-break:keep-all; }
.skin-clinic-program-page .skin-clinic-pgm-flow-card { position:relative; isolation:isolate; padding:clamp(28px,3.5vw,44px) clamp(26px,3.2vw,40px); border-radius:var(--pgm-radius-lg); background:linear-gradient(165deg, #2a2521 0%, #26221e 48%, #221e1b 100%); border:1px solid rgba(255,255,255,.08); box-shadow:0 1px 0 rgba(255,255,255,.06) inset, 0 28px 56px rgba(0,0,0,.28), 0 8px 24px rgba(0,0,0,.18); backdrop-filter:blur(4px); transition:transform var(--pgm-transition), box-shadow var(--pgm-transition), filter var(--pgm-transition); }
.skin-clinic-program-page .skin-clinic-pgm-flow-card::after { content:''; position:absolute; inset:0; border-radius:inherit; pointer-events:none; background:linear-gradient(180deg, rgba(255,255,255,.07) 0%, transparent 32%); }
.skin-clinic-program-page .skin-clinic-pgm-flow-card:hover { transform:translateY(-5px); filter:brightness(1.04); box-shadow:0 1px 0 rgba(255,255,255,.1) inset, 0 36px 68px rgba(0,0,0,.36), 0 0 0 1px rgba(216,199,177,.14); }
.skin-clinic-program-page .skin-clinic-pgm-flow-list { margin:0; padding:0; list-style:none; }
.skin-clinic-program-page .skin-clinic-pgm-flow-list li { position:relative; display:grid; grid-template-columns:44px minmax(0,1fr); gap:18px; align-items:start; padding:22px 0 22px 8px; border-bottom:1px solid rgba(255,255,255,.08); transition:background-color var(--pgm-transition); }
.skin-clinic-program-page .skin-clinic-pgm-flow-list li::before { content:''; position:absolute; left:0; top:24px; bottom:24px; width:1px; background:linear-gradient(180deg, transparent, rgba(216,199,177,.35), transparent); opacity:0; transition:opacity var(--pgm-transition); }
.skin-clinic-program-page .skin-clinic-pgm-flow-list li:hover { background:rgba(255,255,255,.02); }
.skin-clinic-program-page .skin-clinic-pgm-flow-list li:hover::before { opacity:1; }
.skin-clinic-program-page .skin-clinic-pgm-flow-list li:first-child { padding-top:0; }
.skin-clinic-program-page .skin-clinic-pgm-flow-list li:last-child { padding-bottom:0; border-bottom:0; }
.skin-clinic-program-page .skin-clinic-pgm-flow-num { display:block; padding-top:2px; font-family:Georgia,'Times New Roman',serif; font-size:clamp(15px,1.5vw,18px); line-height:1.2; font-weight:600; letter-spacing:.04em; color:var(--pgm-gold); }
.skin-clinic-program-page .skin-clinic-pgm-flow-label { margin:0 0 6px; font-size:var(--pgm-text-label); line-height:1.35; font-weight:700; text-transform:uppercase; color:rgba(216,199,177,.78); }
.skin-clinic-program-page .skin-clinic-pgm-flow-list h3 { margin:0 0 8px; font-size:clamp(20px,1.9vw,22px); line-height:1.32; font-weight:600; letter-spacing:-.03em; color:rgba(253,252,249,.96); word-break:keep-all; }
.skin-clinic-program-page .skin-clinic-pgm-flow-desc { margin:0; font-size:var(--pgm-text-body); line-height:1.72; letter-spacing:-.02em; color:rgba(253,252,249,.82); word-break:keep-all; }

/* PRODUCT */
.skin-clinic-program-page .skin-clinic-pgm-product-pills { display:flex; flex-wrap:wrap; gap:10px; margin:0 0 32px; }
.skin-clinic-program-page .skin-clinic-pgm-product-pill { appearance:none; border:1px solid rgba(216,199,177,.55); cursor:pointer; display:inline-flex; align-items:center; gap:10px; min-height:46px; padding:11px 18px 11px 14px; border-radius:999px; background:rgba(248,245,239,.85); color:var(--pgm-brown); font-size:15px; line-height:1.3; font-weight:600; letter-spacing:-.02em; white-space:nowrap; transition:background-color var(--pgm-transition), color var(--pgm-transition), border-color var(--pgm-transition), box-shadow var(--pgm-transition), transform var(--pgm-transition); }
.skin-clinic-program-page .skin-clinic-pgm-product-pill-num { flex:0 0 auto; min-width:1.4em; font-family:Georgia,'Times New Roman',serif; font-size:var(--pgm-text-label); line-height:1; font-weight:600; letter-spacing:.04em; color:rgba(138,111,90,.78); }
.skin-clinic-program-page .skin-clinic-pgm-product-pill.is-active .skin-clinic-pgm-product-pill-num, .skin-clinic-program-page .skin-clinic-pgm-product-pill:hover .skin-clinic-pgm-product-pill-num { color:rgba(253,252,249,.9); }
.skin-clinic-program-page .skin-clinic-pgm-product-pill.is-active, .skin-clinic-program-page .skin-clinic-pgm-product-pill:hover { background:var(--pgm-charcoal); border-color:var(--pgm-charcoal); color:#fff; box-shadow:0 10px 24px rgba(31,29,27,.14); transform:translateY(-1px); }
.skin-clinic-program-page .skin-clinic-pgm-product-panel { position:relative; isolation:isolate; padding:clamp(32px,4vw,48px); border-radius:var(--pgm-radius-lg); background:linear-gradient(165deg, #fefdfb 0%, #f9f5ee 42%, #f3ece2 100%); border:1px solid rgba(216,199,177,.55); box-shadow:0 1px 0 rgba(255,255,255,.9) inset, 0 28px 64px rgba(31,29,27,.1), 0 10px 28px rgba(31,29,27,.05); transform:translateY(-3px); transition:transform var(--pgm-transition), box-shadow var(--pgm-transition); }
.skin-clinic-program-page .skin-clinic-pgm-product-panel::before { content:''; position:absolute; inset:0; border-radius:inherit; pointer-events:none; background:radial-gradient(ellipse 70% 55% at 22% 18%, rgba(255,255,255,.75) 0%, transparent 58%), radial-gradient(ellipse 50% 40% at 88% 92%, rgba(216,199,177,.18) 0%, transparent 55%); z-index:0; }
.skin-clinic-program-page .skin-clinic-pgm-product-panel::after { content:''; position:absolute; inset:0; border-radius:inherit; pointer-events:none; z-index:0; opacity:.25; background:var(--pgm-grain); mix-blend-mode:multiply; }
.skin-clinic-program-page .skin-clinic-pgm-product-panel:hover { transform:translateY(-6px); box-shadow:0 1px 0 rgba(255,255,255,.95) inset, 0 36px 76px rgba(31,29,27,.14), 0 14px 32px rgba(31,29,27,.07); }
.skin-clinic-program-page .skin-clinic-pgm-product-panel-aura { position:absolute; inset:-12% -8%; border-radius:50%; pointer-events:none; z-index:0; background:radial-gradient(circle, rgba(216,199,177,.22) 0%, transparent 68%); filter:blur(28px); opacity:.65; }
.skin-clinic-program-page .skin-clinic-pgm-product-panel > .skin-clinic-pgm-product-layout { position:relative; z-index:1; }
.skin-clinic-program-page .skin-clinic-pgm-product-layout { display:grid; grid-template-columns:420px minmax(0,1fr); gap:76px; align-items:start; max-width:100%; margin:0; }
.skin-clinic-program-page .skin-clinic-pgm-product-visual { position:relative; margin:0; width:420px; max-width:100%; aspect-ratio:4/5; border-radius:var(--pgm-radius-lg); overflow:hidden; background:radial-gradient(circle at 50% 30%, #f6f0e8 0%, #efe7dc 42%, #e3d7ca 100%); border:1px solid rgba(216,199,177,.4); box-shadow:0 16px 40px rgba(31,29,27,.08); transition:transform var(--pgm-transition), box-shadow var(--pgm-transition); }
.skin-clinic-program-page .skin-clinic-pgm-product-panel:hover .skin-clinic-pgm-product-visual { transform:translateY(-2px); }
.skin-clinic-program-page .skin-clinic-pgm-product-visual::after { content:''; position:absolute; inset:auto 12% 8% 12%; height:18%; border-radius:999px; background:rgba(31,29,27,.10); filter:blur(24px); }
.skin-clinic-program-page .skin-clinic-pgm-product-visual img { position:relative; z-index:2; width:100%; height:100%; display:block; object-fit:cover; }
.skin-clinic-program-page .skin-clinic-pgm-product-fallback { position:relative; z-index:2; height:100%; display:flex; flex-direction:column; justify-content:center; padding:clamp(34px,5vw,62px); color:var(--pgm-charcoal); }
.skin-clinic-program-page .skin-clinic-pgm-product-fallback span { margin-bottom:18px; font-size:var(--pgm-text-label); line-height:1.35; font-weight:700; text-transform:uppercase; color:rgba(58,52,46,.78); }
.skin-clinic-program-page .skin-clinic-pgm-product-fallback strong { display:block; font-size:clamp(22px,2.35vw,28px); line-height:1.22; font-weight:600; letter-spacing:-.035em; }
.skin-clinic-program-page .skin-clinic-pgm-product-fallback em { margin-top:28px; font-style:normal; font-size:var(--pgm-text-caption); letter-spacing:.04em; color:var(--pgm-text-secondary); }
.skin-clinic-program-page .skin-clinic-pgm-product-info { max-width:680px; padding-top:4px; }
.skin-clinic-program-page .skin-clinic-pgm-product-label { margin:0 0 14px; font-size:var(--pgm-text-label); line-height:1.35; font-weight:700; text-transform:uppercase; color:rgba(138,111,90,.88); }
.skin-clinic-program-page .skin-clinic-pgm-product-info h3 { margin:0 0 10px; font-size:clamp(28px,3vw,36px); line-height:1.18; font-weight:700; letter-spacing:-.04em; color:var(--pgm-charcoal); word-break:keep-all; }
.skin-clinic-program-page .skin-clinic-pgm-product-purpose { margin:0 0 18px; max-width:620px; font-size:clamp(16px,1.55vw,18px); line-height:1.55; font-weight:700; letter-spacing:-.025em; color:var(--pgm-brown); word-break:keep-all; }
.skin-clinic-program-page .skin-clinic-pgm-product-desc { margin:0; max-width:620px; font-size:var(--pgm-text-body-lg); line-height:1.75; letter-spacing:-.02em; color:var(--pgm-text-secondary); word-break:keep-all; }
.skin-clinic-program-page .skin-clinic-pgm-product-detail { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin:28px 0 0; padding:28px 0 0; max-width:620px; border-top:1px solid rgba(216,199,177,.62); }
.skin-clinic-program-page .skin-clinic-pgm-product-detail-box { min-height:168px; padding:24px 22px; background:rgba(253,251,247,.88); border:1px solid rgba(216,199,177,.48); border-radius:var(--pgm-radius-sm); backdrop-filter:blur(6px); }
.skin-clinic-program-page .skin-clinic-pgm-product-equipment { margin:22px 0 0; padding-top:18px; max-width:620px; border-top:1px solid rgba(216,199,177,.45); font-size:var(--pgm-text-body); line-height:1.7; letter-spacing:-.02em; color:var(--pgm-text-secondary); word-break:keep-all; }
.skin-clinic-program-page .skin-clinic-pgm-product-equipment-label { margin-right:6px; font-size:var(--pgm-text-label); line-height:1.35; font-weight:700; text-transform:uppercase; color:rgba(138,111,90,.82); }
.skin-clinic-program-page .skin-clinic-pgm-product-detail-box h4 { margin:0 0 16px; font-size:clamp(20px,1.9vw,22px); line-height:1.28; font-weight:700; letter-spacing:-.03em; color:var(--pgm-charcoal); word-break:keep-all; }
.skin-clinic-program-page .skin-clinic-pgm-product-detail-box ul { margin:0; padding:0; list-style:none; }
.skin-clinic-program-page .skin-clinic-pgm-product-detail-box li { position:relative; margin:0; padding:7px 0 7px 18px; font-size:var(--pgm-text-body); line-height:1.68; color:var(--pgm-brown); letter-spacing:-.02em; word-break:keep-all; }
.skin-clinic-program-page .skin-clinic-pgm-product-detail-box li::before { content:''; position:absolute; left:0; top:17px; width:5px; height:5px; border-radius:50%; background:var(--pgm-soft); }
.skin-clinic-program-page .skin-clinic-pgm-product-note { margin:20px 0 0; max-width:620px; font-size:var(--pgm-text-body); line-height:1.72; letter-spacing:-.02em; color:var(--pgm-text-secondary); word-break:keep-all; }
.skin-clinic-program-page .skin-clinic-pgm-product-note[hidden] { display:none; }

/* POINTS */
.skin-clinic-program-page .skin-clinic-pgm-points { display:grid; grid-template-columns:repeat(3,1fr); gap:0; background:transparent; border-top:1px solid rgba(216,199,177,.68); border-bottom:1px solid rgba(216,199,177,.68); }
.skin-clinic-program-page .skin-clinic-pgm-points article { min-height:260px; padding:42px 36px; background:transparent; border-right:1px solid rgba(216,199,177,.58); }
.skin-clinic-program-page .skin-clinic-pgm-points article:last-child { border-right:0; }
.skin-clinic-program-page .skin-clinic-pgm-points article span { display:block; margin-bottom:24px; font-family:Georgia,'Times New Roman',serif; font-size:28px; line-height:1; color:rgba(138,111,90,.42); }
.skin-clinic-program-page .skin-clinic-pgm-points h3 { margin:0 0 22px; font-size:clamp(22px,2.35vw,28px); line-height:1.22; font-weight:600; letter-spacing:-.035em; color:var(--pgm-charcoal); word-break:keep-all; }
.skin-clinic-program-page .skin-clinic-pgm-points p { margin:0; max-width:320px; font-size:var(--pgm-text-body); line-height:1.72; letter-spacing:-.02em; color:var(--pgm-text-secondary); word-break:keep-all; }

/* 5媛?移섎즺 ?ъ씤?????꾨━誘몄뾼 移대뱶 洹몃━??*/
.skin-clinic-program-page .skin-clinic-pgm-points--many { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; background:transparent; border:none; }
.skin-clinic-program-page .skin-clinic-pgm-point-card { position:relative; min-height:248px; padding:38px 32px 34px; background:linear-gradient(180deg, #fdfcf9 0%, #f6f1ea 100%); border:1px solid rgba(216,199,177,.52); border-radius:var(--pgm-radius-md); backdrop-filter:blur(4px); }
.skin-clinic-program-page .skin-clinic-pgm-point-card::before { content:''; position:absolute; left:0; top:0; width:100%; height:2px; border-radius:var(--pgm-radius-md) var(--pgm-radius-md) 0 0; background:linear-gradient(90deg, rgba(138,111,90,.5), rgba(216,199,177,.22)); z-index:1; }
.skin-clinic-program-page .skin-clinic-pgm-points--many .skin-clinic-pgm-point-card span { display:block; margin-bottom:22px; font-family:Georgia,'Times New Roman',serif; font-size:clamp(34px,3.4vw,44px); line-height:1; color:rgba(138,111,90,.34); }
.skin-clinic-program-page .skin-clinic-pgm-points--many .skin-clinic-pgm-point-card h3 { margin:0 0 18px; font-size:clamp(20px,2vw,24px); line-height:1.28; }
.skin-clinic-program-page .skin-clinic-pgm-points--many .skin-clinic-pgm-point-card p { max-width:none; margin:0; font-size:var(--pgm-text-body); line-height:1.72; color:var(--pgm-text-secondary); }
/* 5媛?移대뱶(?됱냼): 2?됱㎏ 2移?諛곗튂 / 6媛?移대뱶: 3횞2 湲곕낯 洹몃━??*/
.skin-clinic-program-page .skin-clinic-pgm-points--many[data-point-count="5"] .skin-clinic-pgm-point-card:nth-child(4) { grid-column:1 / span 1; }
.skin-clinic-program-page .skin-clinic-pgm-points--many[data-point-count="5"] .skin-clinic-pgm-point-card:nth-child(5) { grid-column:2 / span 1; }

/* 移섎즺 ?ъ씤???ㅻ뜑 蹂댁“ 臾멸뎄 (acne쨌booster쨌antiaging) */
.skin-clinic-program-page .skin-clinic-pgm-section--point .skin-clinic-pgm-section-head .skin-clinic-pgm-section-desc { margin-top:clamp(12px,1.6vw,18px); max-width:min(720px,100%); }

/* Clinical Protocol: flow-bg쨌curve쨌wrap ?덉씠??*/
.skin-clinic-program-page .skin-clinic-pgm-section--flow > .pgm-sig-curve { z-index:1; }
.skin-clinic-program-page .skin-clinic-pgm-section--flow > .skin-clinic-pgm-flow-bg { z-index:0; }

/* RECOMMENDED PROGRAM ???⑦궎吏 移대뱶 */
.skin-clinic-program-page .skin-clinic-pgm-section--program { padding:96px 0 104px; background:#fffefb; }
.skin-clinic-program-page .skin-clinic-pgm-program-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; align-items:stretch; }
.skin-clinic-program-page .skin-clinic-pgm-program-package { position:relative; display:flex; flex-direction:column; min-height:100%; padding:36px 32px 34px; background:linear-gradient(180deg, #fdfcf9 0%, #f7f2eb 100%); border:1px solid rgba(216,199,177,.54); border-radius:var(--pgm-radius-md); backdrop-filter:blur(4px); }
.skin-clinic-program-page .skin-clinic-pgm-program-package::before { content:''; position:absolute; left:0; top:0; width:100%; height:2px; border-radius:var(--pgm-radius-md) var(--pgm-radius-md) 0 0; background:linear-gradient(90deg, rgba(138,111,90,.42), rgba(216,199,177,.18)); z-index:1; }
.skin-clinic-program-page .skin-clinic-pgm-program-package.is-featured { background:linear-gradient(180deg, #fcfaf6 0%, #f3ece2 100%); border-color:rgba(138,111,90,.48); box-shadow:0 18px 46px rgba(31,29,27,.09); }
.skin-clinic-program-page .skin-clinic-pgm-program-package.is-featured::before { height:3px; background:linear-gradient(90deg, rgba(138,111,90,.55), rgba(216,199,177,.35)); }
.skin-clinic-program-page .skin-clinic-pgm-program-badge { display:inline-flex; align-self:flex-start; margin:0 0 18px; min-height:30px; padding:0 14px; align-items:center; border-radius:999px; border:1px solid rgba(216,199,177,.55); background:rgba(248,245,239,.9); font-size:var(--pgm-text-label); line-height:1.35; font-weight:700; text-transform:uppercase; color:rgba(58,52,46,.78); }
.skin-clinic-program-page .skin-clinic-pgm-program-package.is-featured .skin-clinic-pgm-program-badge { border-color:rgba(138,111,90,.4); color:rgba(58,52,46,.85); }
.skin-clinic-program-page .skin-clinic-pgm-program-package h3 { margin:0 0 12px; font-size:clamp(22px,2vw,26px); line-height:1.24; font-weight:600; letter-spacing:-.035em; color:var(--pgm-charcoal); word-break:keep-all; }
.skin-clinic-program-page .skin-clinic-pgm-program-for { margin:0 0 22px; font-size:var(--pgm-text-body); line-height:1.6; letter-spacing:-.02em; color:rgba(138,111,90,.9); word-break:keep-all; }
.skin-clinic-program-page .skin-clinic-pgm-program-block { flex:1 1 auto; margin:0 0 22px; padding:20px 0; border-top:1px solid rgba(216,199,177,.5); border-bottom:1px solid rgba(216,199,177,.5); }
.skin-clinic-program-page .skin-clinic-pgm-program-block-label { margin:0 0 14px; font-size:var(--pgm-text-label); line-height:1.35; font-weight:700; text-transform:uppercase; color:rgba(58,52,46,.75); }
.skin-clinic-program-page .skin-clinic-pgm-program-block ul { margin:0; padding:0; list-style:none; }
.skin-clinic-program-page .skin-clinic-pgm-program-block li { position:relative; margin:0; padding:6px 0 6px 18px; font-size:var(--pgm-text-body); line-height:1.62; color:var(--pgm-brown); letter-spacing:-.02em; }
.skin-clinic-program-page .skin-clinic-pgm-program-block li::before { content:''; position:absolute; left:0; top:16px; width:5px; height:5px; border-radius:50%; background:var(--pgm-soft); }
.skin-clinic-program-page .skin-clinic-pgm-program-summary { margin:0; font-size:var(--pgm-text-body); line-height:1.72; letter-spacing:-.02em; color:var(--pgm-text-secondary); word-break:keep-all; }

/* BEFORE AFTER */
.skin-clinic-program-page .skin-clinic-pgm-ba-stage { position:relative; isolation:isolate; width:auto; max-width:var(--pgm-container-wide); margin:0 auto; padding:44px 40px 44px; border-radius:var(--pgm-radius-lg); background:linear-gradient(180deg, #ebe2d6 0%, #e3d8cb 100%); border:1px solid rgba(216,199,177,.48); box-shadow:var(--pgm-card-shadow); }
.skin-clinic-program-page .skin-clinic-pgm-ba-stage::after { content:''; position:absolute; inset:0; border-radius:inherit; pointer-events:none; background:linear-gradient(180deg, rgba(255,255,255,.2) 0%, transparent 24%); }
.skin-clinic-program-page .skin-clinic-pgm-ba-pair { position:relative; max-width:100%; margin:0 auto; display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); gap:28px; align-items:stretch; }
.skin-clinic-program-page .skin-clinic-pgm-ba-frame { margin:0; }
.skin-clinic-program-page .skin-clinic-pgm-ba-frame figcaption { margin:0 0 14px; }
.skin-clinic-program-page .skin-clinic-pgm-ba-label { display:inline-flex; align-items:center; min-height:32px; padding:0 16px; border-radius:999px; border:1px solid rgba(216,199,177,.5); background:rgba(253,251,247,.85); backdrop-filter:blur(10px); font-size:var(--pgm-text-label); line-height:1.35; font-weight:700; text-transform:uppercase; color:rgba(58,52,46,.82); }
.skin-clinic-program-page .skin-clinic-pgm-ba-media { position:relative; overflow:hidden; border-radius:var(--pgm-radius-sm); background:#ddd3c8; height:clamp(340px,38vw,560px); border:1px solid rgba(255,255,255,.42); box-shadow:0 4px 0 rgba(255,255,255,.35) inset, 0 18px 44px rgba(31,29,27,.12), 0 6px 16px rgba(31,29,27,.06); transition:transform var(--pgm-transition), box-shadow var(--pgm-transition); }
.skin-clinic-program-page .skin-clinic-pgm-ba-frame:hover .skin-clinic-pgm-ba-media { transform:translateY(-3px); box-shadow:0 4px 0 rgba(255,255,255,.45) inset, 0 24px 52px rgba(31,29,27,.14), 0 8px 20px rgba(31,29,27,.08); }
.skin-clinic-program-page .skin-clinic-pgm-ba-img { display:block; width:100%; height:100%; object-fit:cover; }
.skin-clinic-program-page .skin-clinic-pgm-ba-divider { display:flex; align-items:center; justify-content:center; padding:52px 0 0; }
.skin-clinic-program-page .skin-clinic-pgm-ba-divider span { display:block; width:1px; height:min(260px,68%); min-height:110px; background:linear-gradient(180deg, transparent, var(--pgm-gold-line), transparent); }
.skin-clinic-program-page .skin-clinic-pgm-ba-foot { margin-top:clamp(28px,3.2vw,36px); text-align:center; }
.skin-clinic-program-page .skin-clinic-pgm-ba-note { margin:0 auto; max-width:min(640px,94%); font-size:15px; line-height:1.7; letter-spacing:-.01em; color:rgba(58,52,46,.72); text-align:center; word-break:keep-all; }
.skin-clinic-program-page .skin-clinic-pgm-ba-link-wrap { margin:clamp(22px,2.6vw,28px) 0 0; text-align:center; }
.skin-clinic-program-page .skin-clinic-pgm-ba-empty { padding:42px 0; text-align:center; }
.skin-clinic-program-page .skin-clinic-pgm-ba-empty-title { margin:0 0 10px; font-size:clamp(20px,2.2vw,24px); font-weight:600; color:var(--pgm-charcoal); }
.skin-clinic-program-page .skin-clinic-pgm-ba-empty-desc { margin:0; font-size:var(--pgm-text-body); line-height:1.72; color:var(--pgm-text-secondary); }

/* FAQ */
.skin-clinic-program-page .skin-clinic-pgm-faq-list { border:1px solid rgba(216,199,177,.5); border-radius:var(--pgm-radius-md); overflow:hidden; background:rgba(253,251,247,.72); box-shadow:var(--pgm-shadow-soft); }
.skin-clinic-program-page .skin-clinic-pgm-faq-item { border-bottom:1px solid rgba(216,199,177,.45); transition:background-color var(--pgm-transition); }
.skin-clinic-program-page .skin-clinic-pgm-faq-item:last-child { border-bottom:0; }
.skin-clinic-program-page .skin-clinic-pgm-faq-item[open], .skin-clinic-program-page .skin-clinic-pgm-faq-item:hover { background:rgba(248,245,239,.65); }
.skin-clinic-program-page .skin-clinic-pgm-faq-item summary { position:relative; list-style:none; cursor:pointer; display:flex; align-items:flex-start; gap:16px; padding:24px 48px 24px 28px; font-size:17px; line-height:1.55; font-weight:500; letter-spacing:-.025em; color:var(--pgm-charcoal); word-break:keep-all; transition:color var(--pgm-transition); }
.skin-clinic-program-page .skin-clinic-pgm-faq-item summary::-webkit-details-marker { display:none; }
.skin-clinic-program-page .skin-clinic-pgm-faq-item summary span { flex:0 0 auto; font-size:var(--pgm-text-label); line-height:1.8; font-weight:700; letter-spacing:.1em; color:rgba(138,111,90,.78); }
.skin-clinic-program-page .skin-clinic-pgm-faq-item summary::after { content:''; position:absolute; right:24px; top:30px; width:10px; height:10px; border-right:1.5px solid rgba(31,29,27,.55); border-bottom:1.5px solid rgba(31,29,27,.55); transform:rotate(45deg); transition:transform var(--pgm-transition); }
.skin-clinic-program-page .skin-clinic-pgm-faq-item[open] summary::after { transform:rotate(225deg); }
.skin-clinic-program-page .skin-clinic-pgm-faq-answer { padding:0 28px 24px 52px; max-width:none; font-size:var(--pgm-text-body); line-height:1.75; letter-spacing:-.02em; color:var(--pgm-text-secondary); word-break:keep-all; }

/* CTA / BUTTON */
.skin-clinic-program-page .skin-clinic-pgm-cta { text-align:center; padding:54px 36px; border-top:1px solid rgba(216,199,177,.48); border-bottom:1px solid rgba(216,199,177,.48); }
.skin-clinic-program-page .skin-clinic-pgm-cta-main { margin:0 0 18px; font-size:28px; line-height:1.25; font-weight:600; letter-spacing:-.03em; color:var(--pgm-charcoal); word-break:keep-all; }
.skin-clinic-program-page .skin-clinic-pgm-cta-desc { margin:0 auto 30px; max-width:560px; font-size:var(--pgm-text-body); line-height:1.72; letter-spacing:-.02em; color:var(--pgm-text-secondary); word-break:keep-all; }
.skin-clinic-program-page .skin-clinic-pgm-btn { display:inline-flex; align-items:center; justify-content:center; min-height:48px; padding:14px 30px; border-radius:999px; border:1px solid transparent; font-size:15px; line-height:1.3; font-weight:600; letter-spacing:.01em; text-decoration:none; transition:background-color var(--pgm-transition), color var(--pgm-transition), border-color var(--pgm-transition), opacity var(--pgm-transition), transform var(--pgm-transition), box-shadow var(--pgm-transition); }
.skin-clinic-program-page .skin-clinic-pgm-btn--primary { background:var(--pgm-charcoal); border-color:var(--pgm-charcoal); color:#fff; }
.skin-clinic-program-page .skin-clinic-pgm-btn--primary:hover { transform:translateY(-2px); box-shadow:0 12px 28px rgba(31,29,27,.2); color:#fff; }
.skin-clinic-program-page .skin-clinic-pgm-btn--outline { background:#fffdf9; border-color:rgba(98,92,85,.48); color:var(--pgm-charcoal); }
.skin-clinic-program-page .skin-clinic-pgm-btn--outline:hover { background:var(--pgm-charcoal); border-color:var(--pgm-charcoal); color:#fff; }

/* MOBILE FIXED CTA */
@media screen and (max-width:1024px) {
    body.skin-clinic-body:has(.skin-clinic-program-page) { padding-bottom:calc(84px + env(safe-area-inset-bottom,0px)) !important; }
    .skin-clinic-mcta { z-index:100001 !important; background:rgba(248,245,239,.98) !important; border-top:1px solid #e8ded2 !important; box-shadow:0 -6px 24px rgba(34,34,34,.06) !important; backdrop-filter:none !important; padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px)) !important; }
    .skin-clinic-mcta-inner { gap:10px !important; }
    .skin-clinic-mcta-item { min-height:48px !important; padding:10px 8px !important; border-radius:12px !important; border:1px solid #e8ded2 !important; background:#fefdfb !important; color:#222 !important; box-shadow:0 2px 10px rgba(34,34,34,.05) !important; }
    .skin-clinic-mcta-item--reserve { background:#222 !important; border-color:#222 !important; color:#f8f5ef !important; box-shadow:0 4px 14px rgba(34,34,34,.15) !important; }
    body.skin-clinic-body .quick { bottom:calc(96px + env(safe-area-inset-bottom,0px)) !important; }
}

/* RESPONSIVE */
@media screen and (max-width:1180px) {
    .skin-clinic-program-page .skin-clinic-pgm-product-layout { grid-template-columns:380px minmax(0,1fr); gap:52px; }
    .skin-clinic-program-page .skin-clinic-pgm-product-visual { width:380px; }
    .skin-clinic-program-page .skin-clinic-pgm-product-detail { max-width:none; }
    .skin-clinic-program-page .skin-clinic-pgm-program-grid { grid-template-columns:1fr; gap:14px; }
    .skin-clinic-program-page .skin-clinic-pgm-points--many { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .skin-clinic-program-page .skin-clinic-pgm-points--many[data-point-count="5"] .skin-clinic-pgm-point-card:nth-child(5) { grid-column:1 / -1; }
}

@media screen and (max-width:1200px) {
    .skin-clinic-program-page .pigment-inner { flex-direction:column; gap:90px; }
    .skin-clinic-program-page .pigment-left, .skin-clinic-program-page .pigment-right { width:100%; }
    .skin-clinic-program-page .pigment-bg-text { font-size:120px; top:80px; left:clamp(24px,7vw,100px); }
    .skin-clinic-program-page .pigment-image-box { width:100%; height:620px; }
    .skin-clinic-program-page .pigment-floating-card { left:20px; }
}

@media screen and (max-width:900px) {
    .skin-clinic-program-page .skin-clinic-pgm-hero-title { font-size:clamp(34px,9vw,52px); }
    .skin-clinic-program-page .skin-clinic-pgm-hero { min-height:720px; height:auto; padding:0; align-items:center; }
    .skin-clinic-program-page .skin-clinic-pgm-hero-img { object-position:76% center; }
    .skin-clinic-program-page .skin-clinic-pgm-hero-shade { background:linear-gradient(90deg, rgba(15,12,10,.88) 0%, rgba(15,12,10,.68) 58%, rgba(15,12,10,.28) 100%), linear-gradient(180deg, rgba(15,12,10,.12) 0%, rgba(15,12,10,.22) 100%); }
    .skin-clinic-program-page .skin-clinic-pgm-hero-copy { max-width:100%; padding:120px 24px 72px 0; }
    .skin-clinic-program-page .pigment-hero-section { padding:120px 0 100px; }
    .skin-clinic-program-page .pigment-inner { flex-direction:column; gap:90px; }
    .skin-clinic-program-page .pigment-left, .skin-clinic-program-page .pigment-right { width:100%; }
    .skin-clinic-program-page .pigment-bg-text { font-size:120px; top:80px; left:clamp(24px,7vw,100px); }
    .skin-clinic-program-page .pigment-image-box { width:100%; height:620px; }
    .skin-clinic-program-page .pigment-floating-card { left:20px; }
    .skin-clinic-program-page .skin-clinic-pgm-section--flow, .skin-clinic-program-page .skin-clinic-pgm-section--solution, .skin-clinic-program-page .skin-clinic-pgm-section--point, .skin-clinic-program-page .skin-clinic-pgm-section--program, .skin-clinic-program-page .skin-clinic-pgm-section--ba, .skin-clinic-program-page .skin-clinic-pgm-section--faq, .skin-clinic-program-page .skin-clinic-pgm-section--cta { padding-top:64px; padding-bottom:72px; }
    .skin-clinic-program-page .skin-clinic-pgm-section-head--split { grid-template-columns:1fr; gap:18px; }
    .skin-clinic-program-page .skin-clinic-pgm-section-head--split .skin-clinic-pgm-section-desc { margin-top:0; }
    .skin-clinic-program-page .skin-clinic-pgm-flow-layout { grid-template-columns:1fr; gap:36px; align-items:start; }
    .skin-clinic-program-page .skin-clinic-pgm-flow-lead { max-width:none; }
    .skin-clinic-program-page .skin-clinic-pgm-product-pills { flex-wrap:nowrap; overflow-x:auto; gap:12px; padding-bottom:8px; scrollbar-width:none; }
    .skin-clinic-program-page .skin-clinic-pgm-product-pills::-webkit-scrollbar { display:none; }
    .skin-clinic-program-page .skin-clinic-pgm-product-layout { grid-template-columns:1fr; gap:34px; }
    .skin-clinic-program-page .skin-clinic-pgm-product-visual { width:100%; max-width:520px; margin:0 auto; border-radius:24px; }
    .skin-clinic-program-page .skin-clinic-pgm-product-detail { gap:12px; }
    .skin-clinic-program-page .skin-clinic-pgm-points { grid-template-columns:1fr; }
    .skin-clinic-program-page .skin-clinic-pgm-points article { min-height:auto; border-right:0; border-bottom:1px solid rgba(216,199,177,.58); }
    .skin-clinic-program-page .skin-clinic-pgm-points article:last-child { border-bottom:0; }
    .skin-clinic-program-page .skin-clinic-pgm-points--many { grid-template-columns:1fr; }
    .skin-clinic-program-page .skin-clinic-pgm-points--many .skin-clinic-pgm-point-card { min-height:auto; padding:32px 24px; }
    .skin-clinic-program-page .skin-clinic-pgm-points--many .skin-clinic-pgm-point-card { grid-column:auto; }
    .skin-clinic-program-page .skin-clinic-pgm-ba-pair { grid-template-columns:1fr; gap:18px; }
    .skin-clinic-program-page .skin-clinic-pgm-ba-divider { display:none; }
    .skin-clinic-program-page .skin-clinic-pgm-ba-stage { padding:26px 20px 32px; }
    .skin-clinic-program-page .skin-clinic-pgm-product-panel { padding:22px 20px; }
    .skin-clinic-program-page .skin-clinic-pgm-hero-curve { display:none; }
    .skin-clinic-program-page .skin-clinic-pgm-ba-media { height:clamp(280px,70vw,520px); }
}

@media screen and (max-width:640px) {
    .skin-clinic-program-page { --pgm-pad-x:20px; }
    .skin-clinic-program-page .pigment-hero-section { padding:120px 0 88px; }
    .skin-clinic-program-page .pigment-bg-text { font-size:72px; top:65px; left:clamp(16px,5vw,48px); }
    .skin-clinic-program-page .pigment-hero-section .pigment-title { font-size:28px; line-height:1.25; }
    .skin-clinic-program-page .pigment-hero-section .pigment-desc { font-size:15px; line-height:1.82; }
    .skin-clinic-program-page .pigment-image-box { height:420px; border-radius:34px; }
    .skin-clinic-program-page .pigment-floating-card { width:180px; padding:24px; left:14px; }
    .skin-clinic-program-page .pigment-tags { gap:10px; }
    .skin-clinic-program-page .pigment-tags span { min-height:40px; padding:0 16px; font-size:14px; }
    .skin-clinic-program-page .skin-clinic-pgm-section--flow, .skin-clinic-program-page .skin-clinic-pgm-section--solution, .skin-clinic-program-page .skin-clinic-pgm-section--point, .skin-clinic-program-page .skin-clinic-pgm-section--program, .skin-clinic-program-page .skin-clinic-pgm-section--ba, .skin-clinic-program-page .skin-clinic-pgm-section--faq, .skin-clinic-program-page .skin-clinic-pgm-section--cta { padding-top:64px; padding-bottom:70px; }
    .skin-clinic-program-page .skin-clinic-pgm-hero-title { font-size:clamp(34px,9vw,52px); }
    .skin-clinic-program-page .skin-clinic-pgm-hero-statement { font-size:clamp(22px,6vw,28px); }
    .skin-clinic-program-page .skin-clinic-pgm-hero-desc { font-size:16px; line-height:1.75; }
    .skin-clinic-program-page .skin-clinic-pgm-section-title { font-size:28px; }
    .skin-clinic-program-page .skin-clinic-pgm-section-title--small { font-size:clamp(22px,2.4vw,28px); }
    .skin-clinic-program-page .skin-clinic-pgm-section-desc { font-size:16px; }
    .skin-clinic-program-page .skin-clinic-pgm-flow-list li { grid-template-columns:40px minmax(0,1fr); gap:14px; padding:20px 0; }
    .skin-clinic-program-page .skin-clinic-pgm-flow-card { border-radius:20px; }
    .skin-clinic-program-page .skin-clinic-pgm-product-detail { grid-template-columns:1fr; }
    .skin-clinic-program-page .skin-clinic-pgm-product-info h3 { font-size:clamp(24px,6.5vw,32px); }
    .skin-clinic-program-page .skin-clinic-pgm-product-purpose { font-size:clamp(15px,1.55vw,17px); }
    .skin-clinic-program-page .skin-clinic-pgm-points h3 { font-size:clamp(22px,2.35vw,28px); }
    .skin-clinic-program-page .skin-clinic-pgm-points p { font-size:16px; }
    .skin-clinic-program-page .skin-clinic-pgm-faq-item summary { font-size:16px; gap:12px; padding:22px 40px 22px 20px; }
    .skin-clinic-program-page .skin-clinic-pgm-faq-item summary span { min-width:16px; line-height:1.55; }
    .skin-clinic-program-page .skin-clinic-pgm-faq-answer { padding:0 20px 22px 48px; font-size:16px; }
    .skin-clinic-program-page .skin-clinic-pgm-ba-note { font-size:14px; }
    .skin-clinic-program-page .skin-clinic-pgm-cta { padding:38px 20px; }
    .skin-clinic-program-page .skin-clinic-pgm-cta-main { font-size:24px; }
    .skin-clinic-program-page .skin-clinic-pgm-cta-desc { font-size:15px; }
    .skin-clinic-program-page .skin-clinic-pgm-btn { width:100%; }
}

@media (prefers-reduced-motion:reduce) {
    .skin-clinic-program-page .skin-clinic-pgm-reveal-el,
    .skin-clinic-program-page .skin-clinic-pgm-btn,
    .skin-clinic-program-page .skin-clinic-pgm-faq-item summary::after,
    .skin-clinic-program-page .skin-clinic-pgm-flow-card,
    .skin-clinic-program-page .skin-clinic-pgm-point-card,
    .skin-clinic-program-page .skin-clinic-pgm-program-package,
    .skin-clinic-program-page .skin-clinic-pgm-product-pill,
    .skin-clinic-program-page .skin-clinic-pgm-product-visual {
        transition:none !important;
        opacity:1 !important;
        transform:none !important;
        animation:none !important;
    }
}
