:root{--faq-black:#090909;--faq-brown:#241713;--faq-cocoa:#604638;--faq-rose:#c79980;--faq-paper:#eee4da;--faq-ink:#211916;--faq-line:rgba(81,53,41,.18)}
.esthetic-faq-page{margin:0;background:var(--faq-black);color:#f3eae4;font-family:Manrope,Arial,sans-serif}
.esthetic-faq-hero{position:relative;min-height:690px;padding:150px 7vw 80px;display:flex;align-items:center;overflow:hidden;background:#0a0909}
.esthetic-faq-hero-media{position:absolute;inset:-8% -4%;transform:translateY(36px);background:url('/hero-faq-malgorzata-osikowicz-v1.jpg') center/cover no-repeat}
.esthetic-faq-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,7,7,.92) 0%,rgba(8,7,7,.66) 35%,rgba(8,7,7,.08) 67%),linear-gradient(0deg,rgba(8,7,7,.45),transparent 42%)}
.esthetic-faq-hero-copy{position:relative;z-index:2;width:min(720px,49%)}
.esthetic-faq-hero h1{margin:27px 0 25px;font:400 clamp(54px,5.5vw,88px)/.9 'Playfair Display',serif;letter-spacing:-.05em}.esthetic-faq-hero h1 em,.faq-intro h2 em,.faq-doctor h2 em{color:#d0a087}
.esthetic-faq-hero p{max-width:650px;color:#d4c6bd;font-size:15px;line-height:1.85}.esthetic-faq-hero-copy>a{margin-top:30px;display:inline-flex;align-items:center;gap:18px;color:#efdcd0;text-decoration:none;font-size:10px;letter-spacing:.16em;text-transform:uppercase}.esthetic-faq-hero-copy>a span{font-size:18px;color:var(--faq-rose)}
.faq-assurance{position:relative;z-index:5;display:grid;grid-template-columns:repeat(4,1fr);background:linear-gradient(120deg,#281a15,#0b0a0a);border-block:1px solid rgba(207,165,142,.22);box-shadow:0 -32px 65px rgba(0,0,0,.34)}.faq-assurance>div{min-height:132px;padding:28px 30px;display:grid;grid-template-columns:40px 1fr;align-items:center;gap:15px;border-right:1px solid rgba(207,165,142,.2)}.faq-assurance>div:last-child{border:0}.faq-assurance i{color:#c18b71;font:italic 400 25px 'Playfair Display',serif}.faq-assurance b{font:400 19px 'Playfair Display',serif}.faq-assurance span{grid-column:2;margin-top:-30px;color:#aa9b92;font-size:11px;line-height:1.55}
.faq-intro{position:relative;z-index:3;padding:108px 7vw 72px;display:grid;grid-template-columns:.85fr 1.15fr;gap:9vw;background:var(--faq-paper);color:var(--faq-ink)}.faq-intro h2,.faq-doctor h2{margin:19px 0 0;font:400 clamp(47px,5vw,76px)/.94 'Playfair Display',serif;letter-spacing:-.045em}.faq-intro>div:last-child>p:first-child{margin:0 0 27px;color:#58483f;font-size:15px;line-height:1.9}.faq-search{position:relative;display:block}.faq-search>span{display:block;margin-bottom:10px;color:#8d5d48;font-size:9px;font-weight:600;letter-spacing:.17em;text-transform:uppercase}.faq-search input{width:100%;height:62px;padding:0 58px 0 20px;border:1px solid rgba(70,45,34,.25);border-radius:0;background:rgba(255,255,255,.5);color:#241a16;font:400 17px Manrope,Arial,sans-serif;outline:none}.faq-search input:focus{border-color:#8e604b;box-shadow:0 0 0 2px rgba(142,96,75,.12)}.faq-search i{position:absolute;right:20px;bottom:17px;color:#8e604b;font:400 25px 'Playfair Display',serif}.faq-count{margin:12px 0 0!important;color:#78645a!important;font-size:11px!important;letter-spacing:.08em;text-transform:uppercase}
.faq-categories{position:relative;z-index:3;padding:0 7vw 92px;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--faq-paper)}.faq-categories a{min-height:126px;padding:25px 27px;display:grid;grid-template-columns:44px 1fr;align-items:center;border:1px solid rgba(80,52,39,.16);color:#2b201b;text-decoration:none;background:rgba(255,255,255,.25);transition:.35s}.faq-categories a:hover{background:#e0cfc1;transform:translateY(-3px)}.faq-categories i{color:#a16d54;font:italic 400 22px 'Playfair Display',serif}.faq-categories span{font:400 23px/1.15 'Playfair Display',serif}.faq-categories b{grid-column:2;color:#856f64;font-size:9px;font-weight:500;letter-spacing:.14em;text-transform:uppercase}
.faq-content{position:relative;z-index:3;padding:0 7vw 115px;background:var(--faq-paper);color:var(--faq-ink)}.faq-group{scroll-margin-top:120px;padding:90px 0;border-top:1px solid var(--faq-line);display:grid;grid-template-columns:.6fr 1.4fr;gap:8vw}.faq-group:first-child{border-top:0}.faq-group header{position:sticky;top:125px;align-self:start}.faq-group header span{color:#95644e;font-size:9px;font-weight:600;letter-spacing:.19em;text-transform:uppercase}.faq-group h2{margin:18px 0 0;font:400 clamp(37px,4vw,59px)/1 'Playfair Display',serif}.faq-list{border-top:1px solid var(--faq-line)}.faq-item{border-bottom:1px solid var(--faq-line)}.faq-item summary{position:relative;padding:25px 50px 25px 0;display:grid;grid-template-columns:42px 1fr;gap:14px;cursor:pointer;list-style:none;color:#2a201b;font:400 22px/1.25 'Playfair Display',serif}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary span{color:#a16d54;font:italic 400 17px 'Playfair Display',serif}.faq-item summary:after{content:'+';position:absolute;right:8px;top:22px;color:#95644e;font:300 26px Manrope,Arial,sans-serif}.faq-item[open] summary:after{content:'−'}.faq-item>div{display:grid;grid-template-rows:0fr;transition:grid-template-rows .42s cubic-bezier(.16,1,.3,1)}.faq-item[open]>div{grid-template-rows:1fr}.faq-item p{min-height:0;overflow:hidden;max-width:820px;margin:0;padding:0 50px 26px 56px;color:#58483f;font-size:14px;line-height:1.9}.faq-empty{padding:80px 0;text-align:center}.faq-empty h2{font:400 42px 'Playfair Display',serif}.faq-empty p{color:#69574e}
.faq-doctor{position:relative;z-index:3;padding:100px 7vw;display:grid;grid-template-columns:.9fr 1.1fr;gap:9vw;align-items:center;background:linear-gradient(120deg,#251713,#090909);color:#f2e8e1}.faq-doctor p{color:#c5b5ac;font-size:15px;line-height:1.9}
.faq-intro{z-index:50}.faq-categories{z-index:1}
.faq-suggestions{position:absolute;z-index:20;top:100%;right:0;left:0;margin-top:8px;border:1px solid rgba(91,62,48,.22);background:rgba(250,246,241,.98);box-shadow:0 24px 55px rgba(38,20,14,.22);backdrop-filter:blur(12px)}.faq-suggestions[hidden]{display:none}.faq-suggestions button{position:relative;width:100%;min-height:68px;padding:14px 52px 13px 20px;display:grid;gap:5px;border:0;border-bottom:1px solid rgba(91,62,48,.13);background:transparent;color:#2a201b;text-align:left;cursor:pointer}.faq-suggestions button:after{content:'↘';position:absolute;right:20px;top:21px;color:#9a6953;font-size:17px;transition:transform .25s ease}.faq-suggestions button:hover,.faq-suggestions button[aria-selected="true"]{background:#e0cfc1}.faq-suggestions button:hover:after,.faq-suggestions button[aria-selected="true"]:after{transform:translate(3px,3px)}.faq-suggestions button:focus-visible{outline:2px solid #84533e;outline-offset:-2px}.faq-suggestions button span{font:400 17px/1.3 'Playfair Display',serif}.faq-suggestions button small{color:#856d61;font-size:8px;font-weight:600;letter-spacing:.13em;text-transform:uppercase}.faq-suggestions>p{margin:0!important;padding:12px 20px;color:#78645a!important;font-size:10px!important;letter-spacing:.05em}.faq-item.search-target{background:rgba(180,123,96,.12);box-shadow:inset 3px 0 #a16d54;transition:background .5s ease,box-shadow .5s ease}.faq-item summary:focus-visible{outline:2px solid #84533e;outline-offset:4px}
@media(max-width:1050px){.esthetic-faq-hero-copy{width:58%}.faq-assurance{grid-template-columns:1fr 1fr}.faq-intro,.faq-group,.faq-doctor{grid-template-columns:1fr}.faq-group header{position:static}.faq-categories{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.esthetic-faq-hero{min-height:680px;padding:128px 24px 56px;align-items:flex-end}.esthetic-faq-hero-media{inset:-8% -6%;transform:translateY(26px);background-position:64% center}.esthetic-faq-hero:after{background:linear-gradient(0deg,#090909 5%,rgba(9,9,9,.84) 52%,rgba(9,9,9,.05) 86%)}.esthetic-faq-hero-copy{width:100%}.esthetic-faq-hero h1{font-size:45px}.esthetic-faq-hero p{font-size:13.5px}.faq-assurance{grid-template-columns:1fr}.faq-assurance>div{min-height:102px;border-right:0;border-bottom:1px solid rgba(207,165,142,.2)}.faq-intro,.faq-content,.faq-doctor,.cta-est{padding-left:24px;padding-right:24px}.faq-categories{padding:0 24px 65px;grid-template-columns:1fr}.faq-group{padding:68px 0}.faq-item summary{grid-template-columns:32px 1fr;font-size:20px}.faq-item p{padding-left:46px;padding-right:8px;font-size:13.5px}}
@media(prefers-reduced-motion:reduce){.faq-categories a,.faq-item>div{transition:none}}

/* Scrollable search results — all matching answers remain reachable. */
.faq-suggestions{max-height:min(480px,58vh);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#a16d54 #eaded4}
.faq-suggestions::-webkit-scrollbar{width:9px}
.faq-suggestions::-webkit-scrollbar-track{background:#eaded4}
.faq-suggestions::-webkit-scrollbar-thumb{border:2px solid #eaded4;border-radius:999px;background:#a16d54}
.faq-suggestions::-webkit-scrollbar-thumb:hover{background:#7e4f3c}

/* Dark editorial variant — the aesthetic medicine FAQ is the inverse of orthodontics. */
.esthetic-faq-page{
  --faq-surface:#0d0c0b;
  --faq-surface-raised:#171210;
  --faq-surface-hover:#241914;
  --faq-text:#f3eae4;
  --faq-text-muted:#c6b8b0;
  --faq-text-soft:#a99990;
  --faq-dark-line:rgba(207,165,142,.22);
  background:var(--faq-black);
  color:var(--faq-text)
}
.faq-intro,
.faq-categories,
.faq-content{
  background:var(--faq-surface);
  color:var(--faq-text)
}
.faq-intro{
  background:
    radial-gradient(circle at 88% 8%,rgba(142,91,67,.12),transparent 32%),
    var(--faq-surface)
}
.faq-intro>div:last-child>p:first-child,
.faq-item p,
.faq-empty p{
  color:var(--faq-text-muted)
}
.faq-count,
.faq-count b{
  color:var(--faq-text-soft)!important
}
.faq-search>span,
.faq-group header span,
.faq-categories i,
.faq-item summary span,
.faq-item summary:after{
  color:#d0a087
}
.faq-search input{
  border-color:var(--faq-dark-line);
  background:rgba(255,255,255,.035);
  color:var(--faq-text);
  caret-color:#d0a087
}
.faq-search input::placeholder{color:#8f8179}
.faq-search input:focus{
  border-color:#c49379;
  box-shadow:0 0 0 2px rgba(196,147,121,.16)
}
.faq-search i{color:#d0a087}
.faq-categories a{
  border-color:var(--faq-dark-line);
  background:rgba(255,255,255,.025);
  color:var(--faq-text)
}
.faq-categories a:hover{
  background:var(--faq-surface-hover);
  border-color:rgba(208,160,135,.45)
}
.faq-categories b{color:var(--faq-text-soft)}
.faq-group,
.faq-list,
.faq-item{
  border-color:var(--faq-dark-line)
}
.faq-group h2,
.faq-item summary,
.faq-empty h2{
  color:var(--faq-text)
}
.faq-item:hover{background:rgba(255,255,255,.018)}
.faq-item.search-target{
  background:rgba(196,147,121,.1);
  box-shadow:inset 3px 0 #c49379
}
.faq-item summary:focus-visible{
  outline-color:#d0a087
}
.faq-suggestions{
  border-color:var(--faq-dark-line);
  background:rgba(20,16,14,.98);
  box-shadow:0 24px 55px rgba(0,0,0,.5)
}
.faq-suggestions button{
  border-bottom-color:var(--faq-dark-line);
  color:var(--faq-text)
}
.faq-suggestions button:hover,
.faq-suggestions button[aria-selected="true"]{
  background:var(--faq-surface-hover)
}
.faq-suggestions button small,
.faq-suggestions>p{
  color:var(--faq-text-soft)!important
}
.faq-suggestions button:focus-visible{outline-color:#d0a087}
.faq-suggestions{
  scrollbar-color:#c49379 #171210
}
.faq-suggestions::-webkit-scrollbar-track{background:#171210}
.faq-suggestions::-webkit-scrollbar-thumb{
  border-color:#171210;
  background:#c49379
}
.faq-suggestions::-webkit-scrollbar-thumb:hover{background:#d0a087}
.esthetic-faq-page .cta-est{
  border-top:1px solid var(--faq-dark-line);
  background:
    radial-gradient(circle at 84% 18%,rgba(149,95,70,.16),transparent 30%),
    linear-gradient(110deg,#211512,#080909)
}