/* Treatment pages use the approved Acnebehandeling design. Scope preserves its reference. */
#ht-clinic :is(.ht-treatment-page,.ht-condition-page){overflow:clip}
#ht-clinic :is(.ht-treatment-page,.ht-condition-page)>.wp-block-group{margin-block-start:0}
#ht-clinic :is(.ht-treatment-page,.ht-condition-page) h1,#ht-clinic :is(.ht-treatment-page,.ht-condition-page) h2{font-family:'DM Serif Display',Georgia,serif;font-weight:400;letter-spacing:-.015em}
#ht-clinic :is(.ht-treatment-page,.ht-condition-page) h1{font-size:clamp(39px,4.25vw,58px);line-height:1.14}
#ht-clinic :is(.ht-treatment-page,.ht-condition-page) .hero h1 em{display:block;font-size:.64em;line-height:1.25;margin-top:12px}
#ht-clinic :is(.ht-treatment-page,.ht-condition-page) .hero-copy p.eyebrow{font-size:12px;line-height:1.6;margin:0 0 15px}
#ht-clinic :is(.ht-treatment-page,.ht-condition-page) .hero-copy>p:not(.eyebrow){font-size:19px;line-height:1.8;max-width:570px}
#ht-clinic :is(.ht-treatment-page,.ht-condition-page) .section-heading{max-width:990px;margin-bottom:34px}
#ht-clinic :is(.ht-treatment-page,.ht-condition-page) .section-heading h2{font-family:'DM Serif Display',Georgia,serif;font-size:clamp(29px,3vw,36px);line-height:1.2;margin:0}
#ht-clinic :is(.ht-treatment-page,.ht-condition-page) .section-heading>p:not(.section-kicker):not(.eyebrow){font-size:18px;line-height:1.8;margin-top:20px;max-width:980px}
#ht-clinic :is(.ht-treatment-page,.ht-condition-page) .section-kicker{font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:#526a3d;margin-bottom:15px}
#ht-clinic :is(.ht-treatment-page,.ht-condition-page) .intro-copy>p{font-size:19px;line-height:1.85}
#ht-clinic :is(.ht-treatment-page,.ht-condition-page) .intro-copy>p+p{margin-top:20px}
#ht-clinic :is(.ht-treatment-page,.ht-condition-page) .intro-copy>h3{font-size:21px;line-height:1.4;margin:26px 0 14px}
#ht-clinic :is(.ht-treatment-page,.ht-condition-page) .intro-photo{margin:0;border-radius:10px;overflow:hidden}
#ht-clinic :is(.ht-treatment-page,.ht-condition-page) .intro-photo img{width:100%;height:390px;object-fit:cover;object-position:center 28%}
#ht-clinic :is(.ht-treatment-page,.ht-condition-page) .intro-story{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:72px;align-items:center}
#ht-clinic :is(.ht-treatment-page,.ht-condition-page) .options-section{background:#edf2e7}
#ht-clinic :is(.ht-treatment-page,.ht-condition-page) .treatment-options-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
#ht-clinic :is(.ht-treatment-page,.ht-condition-page) .treatment-options-1,#ht-clinic :is(.ht-treatment-page,.ht-condition-page) .treatment-options-2{grid-template-columns:repeat(2,minmax(0,1fr))}
#ht-clinic :is(.ht-treatment-page,.ht-condition-page) .option-card{min-width:0;padding:0;display:flex;flex-direction:column;grid-row:auto;overflow:hidden;background:#fff;border:1px solid #dfe5d8;border-radius:9px}
#ht-clinic :is(.ht-treatment-page,.ht-condition-page) .treatment-option-photo{width:100%;height:220px;margin:0 0 25px;flex:none;overflow:hidden;background:#f5f7f1}
#ht-clinic :is(.ht-treatment-page,.ht-condition-page) .treatment-option-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
#ht-clinic :is(.ht-treatment-page,.ht-condition-page) .treatment-option-photo img.wp-image-25721{object-fit:contain;padding:12px}
#ht-clinic :is(.ht-treatment-page,.ht-condition-page) .option-card>h3{font:400 25px/1.25 'DM Serif Display',Georgia,serif;color:#333b32;padding:0 25px;margin:0 0 18px;min-height:0}
#ht-clinic :is(.ht-treatment-page,.ht-condition-page) .option-card>p{padding:0 25px;font-size:17px;line-height:1.8;margin:0 0 20px}
#ht-clinic :is(.ht-treatment-page,.ht-condition-page) .option-card>.option-benefits{list-style:none;padding:0 25px;margin:0 0 24px;font-size:16px;line-height:1.75}
#ht-clinic :is(.ht-treatment-page,.ht-condition-page) .option-benefits li{position:relative;padding-left:22px;margin:0 0 9px}
#ht-clinic :is(.ht-treatment-page,.ht-condition-page) .option-benefits li:before{content:'';position:absolute;left:1px;top:10px;width:8px;height:4px;border-bottom:1.5px solid #526a3d;border-left:1.5px solid #526a3d;transform:rotate(-45deg)}
#ht-clinic :is(.ht-treatment-page,.ht-condition-page) .option-card>a{align-self:flex-end;border-top:1px solid #dfe5d8;padding:18px 0 0;margin:0 25px 25px auto;margin-top:auto;color:#526a3d;text-decoration:none;font-size:15px;line-height:1.6;max-width:calc(100% - 50px)}
#ht-clinic :is(.ht-treatment-page,.ht-condition-page) .section-footnote{font-size:16px;line-height:1.8;margin-top:25px;padding-top:23px;border-top:1px solid #d8dece}
#ht-clinic :is(.ht-treatment-page,.ht-condition-page) .skin-photo{margin:0;border-radius:10px;overflow:hidden}
#ht-clinic :is(.ht-treatment-page,.ht-condition-page) .skin-photo img{width:100%;height:100%;min-height:350px;object-fit:cover}
#ht-clinic :is(.ht-treatment-page,.ht-condition-page) .skin-copy>p,#ht-clinic :is(.ht-treatment-page,.ht-condition-page) .treatment-reading-copy>p{font-size:18px;line-height:1.85}
#ht-clinic :is(.ht-treatment-page,.ht-condition-page) .skin-copy>p+p,#ht-clinic :is(.ht-treatment-page,.ht-condition-page) .treatment-reading-copy>p+p{margin-top:20px}
#ht-clinic :is(.ht-treatment-page,.ht-condition-page) .treatment-reading-grid{display:grid;grid-template-columns:minmax(250px,.85fr) minmax(0,1.15fr);gap:70px;align-items:start}
#ht-clinic :is(.ht-treatment-page,.ht-condition-page) .treatment-reading:nth-of-type(even){background:#f7f8f4}
#ht-clinic :is(.ht-treatment-page,.ht-condition-page) .care-path{list-style:none;counter-reset:care-step;margin:0;padding:0}
#ht-clinic :is(.ht-treatment-page,.ht-condition-page) .care-path>li{position:relative;counter-increment:care-step;padding:0 0 25px 50px;margin:0 0 25px;border-bottom:1px solid #dfe5d8}
#ht-clinic :is(.ht-treatment-page,.ht-condition-page) .care-path>li:before{content:counter(care-step,decimal-leading-zero);position:absolute;left:0;top:3px;font-size:15px;color:#526a3d}
#ht-clinic :is(.ht-treatment-page,.ht-condition-page) .care-path h3{font-size:22px;line-height:1.4;margin:0 0 12px}
#ht-clinic :is(.ht-treatment-page,.ht-condition-page) .care-path p{font-size:18px;line-height:1.85;margin:0}
#ht-clinic :is(.ht-treatment-page,.ht-condition-page) .care-photo{margin:0;border-radius:10px;overflow:hidden}
#ht-clinic :is(.ht-treatment-page,.ht-condition-page) .care-photo img{height:100%;min-height:480px;max-height:760px;width:100%;object-fit:cover}
/* Reuse the approved acne price styles; neutralize the core/table header rule. */
#ht-clinic :is(.ht-treatment-page,.ht-condition-page) .rates thead{border:0}
#ht-clinic :is(.ht-treatment-page,.ht-condition-page) .treatment-pricing-single .price-grid{grid-template-columns:1fr}
#ht-clinic :is(.ht-treatment-page,.ht-condition-page) .rates-panel:nth-child(n+3){border-top:1px solid #dfe5d8}
#ht-clinic :is(.ht-treatment-page,.ht-condition-page) .rates-panel{min-width:0}
#ht-clinic :is(.ht-treatment-page,.ht-condition-page) figure.rates{margin:0;overflow-x:auto}
#ht-clinic :is(.ht-treatment-page,.ht-condition-page) .rates td.rate-description{white-space:normal;min-width:120px}
#ht-clinic :is(.ht-treatment-page,.ht-condition-page) .price-terms{font-size:14px;line-height:1.8;margin-top:25px}
#ht-clinic :is(.ht-treatment-page,.ht-condition-page) .faq-card{background:#fff}
#ht-clinic :is(.ht-treatment-page,.ht-condition-page) .faq-contact{background:#f2f5ed}
#ht-clinic :is(.ht-treatment-page,.ht-condition-page) .faq-card summary{font-size:19px;line-height:1.5}
#ht-clinic :is(.ht-treatment-page,.ht-condition-page) .faq-answer p{font-size:17px;line-height:1.85}
@media(max-width:1100px){#ht-clinic :is(.ht-treatment-page,.ht-condition-page) .intro-story{grid-template-columns:minmax(0,1fr) 330px;gap:40px}#ht-clinic :is(.ht-treatment-page,.ht-condition-page) .treatment-reading-grid{gap:36px}#ht-clinic :is(.ht-treatment-page,.ht-condition-page) .treatment-options-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){#ht-clinic :is(.ht-treatment-page,.ht-condition-page) .intro-story,#ht-clinic :is(.ht-treatment-page,.ht-condition-page) .treatment-reading-grid{grid-template-columns:1fr;gap:30px}#ht-clinic :is(.ht-treatment-page,.ht-condition-page) .intro-photo img{height:340px}#ht-clinic :is(.ht-treatment-page,.ht-condition-page) .care-photo img{min-height:300px;max-height:380px}#ht-clinic :is(.ht-treatment-page,.ht-condition-page) .skin-photo img{min-height:280px;max-height:360px}}
@media(max-width:600px){#ht-clinic :is(.ht-treatment-page,.ht-condition-page) .treatment-options-grid{grid-template-columns:1fr}#ht-clinic :is(.ht-treatment-page,.ht-condition-page) .treatment-option-photo{height:220px}#ht-clinic :is(.ht-treatment-page,.ht-condition-page) .hero-copy>p:not(.eyebrow){font-size:18px}#ht-clinic :is(.ht-treatment-page,.ht-condition-page) .faq-card summary{font-size:18px}}

/* Empty result templates stay editable and become public only with both real photos. */
#ht-clinic .ht-results-template{display:none}
#ht-clinic .ht-results-template:has(.result-before img):has(.result-after img){display:block}
#ht-clinic .result-compare-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
#ht-clinic .result-compare-grid>div{background:#f7f4ef;padding:24px;border-radius:8px;min-width:0}
#ht-clinic .result-compare-grid img{width:100%;aspect-ratio:4/3;object-fit:cover}
#ht-clinic .result-compare-grid h3{margin-bottom:18px}
@media(max-width:600px){#ht-clinic .result-compare-grid{grid-template-columns:1fr}}
/* Individually reviewed pages inherit the exact approved acne typography. */
#ht-clinic .ht-acne-reviewed .hero h1{font-size:clamp(39px,3.8vw,52px);line-height:1.18;hyphens:none;overflow-wrap:break-word}
#ht-clinic .ht-acne-reviewed .hero h1 em{display:inline-block;font-size:.88em;line-height:1.18;margin-top:8px}
#ht-clinic .ht-acne-reviewed .section-heading h2{font-family:'DM Serif Display',Georgia,serif;font-size:37px;line-height:1.2}
#ht-clinic .ht-acne-reviewed .intro-copy .section-heading{margin-bottom:0}
#ht-clinic .ht-acne-reviewed .intro-copy .section-heading h2{font:400 31px/1.35 'Instrument Sans',sans-serif;letter-spacing:-.02em;color:#354a3a;margin:0 0 25px}
#ht-clinic .ht-acne-reviewed .intro-copy>p{font-size:18px;line-height:1.8}
#ht-clinic .ht-acne-reviewed .intro-copy>p.oe-lead{font-size:19px;line-height:1.8}
#ht-clinic .ht-acne-reviewed .intro-photo img{height:430px;object-position:center 20%}
#ht-clinic .ht-acne-reviewed .option-card>h3{font-family:'DM Serif Display',serif}
#ht-clinic .ht-acne-reviewed .option-card>p{font-size:18px;line-height:1.8}
#ht-clinic .ht-acne-reviewed .care-path p{font-size:18px;line-height:1.8}
@media(max-width:800px){#ht-clinic .ht-acne-reviewed .intro-copy .section-heading h2{font-size:28px}#ht-clinic .ht-acne-reviewed .section-heading h2{font-size:32px}#ht-clinic .ht-acne-reviewed .intro-photo img{height:340px}}
@media(min-width:601px){#ht-clinic .ht-acne-reviewed .treatment-options-grid:has(>article:nth-child(4):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}}
#ht-clinic .ht-acne-reviewed .price-package-grid .rates-panel table{table-layout:fixed}
#ht-clinic .ht-acne-reviewed .price-package-grid .rates-panel th:first-child{width:auto}
#ht-clinic .ht-acne-reviewed .price-package-grid .rates-panel th:last-child,#ht-clinic .ht-acne-reviewed .price-package-grid .rates-panel td{width:120px}
/* Match the reference's text rhythm, card edges and FAQ body size as well. */
#ht-clinic .ht-acne-reviewed .hero-copy>p:not(.eyebrow){line-height:1.65}
#ht-clinic .ht-acne-reviewed .section-heading>p:not(.section-kicker):not(.eyebrow){line-height:1.85}
#ht-clinic .ht-acne-reviewed .option-card{border-color:#dce3d2;border-radius:8px}
#ht-clinic .ht-acne-reviewed .treatment-option-photo{height:200px;margin-bottom:22px}
#ht-clinic .ht-acne-reviewed .option-card>h3{padding-inline:22px;margin-bottom:16px}
#ht-clinic .ht-acne-reviewed .option-card>p{padding-inline:22px;margin-bottom:0;color:#555a50}
#ht-clinic .ht-acne-reviewed .option-card>.option-benefits{padding-inline:22px;margin:18px 0 0;font-size:17px;line-height:1.65}
#ht-clinic .ht-acne-reviewed .option-benefits li{padding-left:20px;margin-bottom:11px}
#ht-clinic .ht-acne-reviewed .option-card>a{margin-right:22px;margin-bottom:24px;max-width:calc(100% - 44px);line-height:1.5}
#ht-clinic .ht-acne-reviewed .intro-photo{border-radius:6px}
#ht-clinic .ht-acne-reviewed .skin-copy>p{font-size:18px;line-height:1.8}
#ht-clinic .ht-acne-reviewed .skin-copy>p:first-of-type{font-size:20px;line-height:1.75}
#ht-clinic .ht-acne-reviewed .treatment-reading-copy>p{line-height:1.8}
#ht-clinic .ht-acne-reviewed .care-path>li{padding:0 0 18px 44px;margin-bottom:18px;border-bottom-color:#e2d9cb}
#ht-clinic .ht-acne-reviewed .care-path h3{font-size:21px;line-height:1.3;margin-bottom:7px}
#ht-clinic .ht-acne-reviewed .faq-answer p{font-size:18px;line-height:1.75}