/* Studio 23 ยท Facials Atelier V11. Every rule is confined to the new content. */ #s23-facials-v11 { --s23-facials-v11-ready:1; --fa-pearl:#f8f3ed; --fa-ink:#292327; --fa-rose:#8d5165; --fa-gold:#b39667; --fa-muted:#65585b; --fa-rule:#d4c3b5; --fa-serif:Georgia,'Times New Roman',serif; font:16px/1.75 'Trebuchet MS',Arial,sans-serif; color:var(--fa-ink); background:var(--fa-pearl); width:100%; text-align:left; overflow-wrap:break-word; isolation:isolate; } #s23-facials-v11 *, #s23-facials-v11 *::before, #s23-facials-v11 *::after { box-sizing:border-box; } #s23-facials-v11 [hidden] { display:none!important; } #s23-facials-v11 :is(h1,h2,h3,p,figure,ul,ol) { margin:0; } #s23-facials-v11 :is(h1,h2,h3) { font-family:var(--fa-serif); font-weight:400; line-height:1.1; color:inherit; } #s23-facials-v11 h1 { font-size:clamp(50px,6.7vw,104px); letter-spacing:-.055em; } #s23-facials-v11 h2 { font-size:clamp(35px,4.2vw,66px); letter-spacing:-.035em; } #s23-facials-v11 h3 { font-size:clamp(25px,2.4vw,34px); letter-spacing:-.025em; } #s23-facials-v11 em { font-weight:400; color:var(--fa-rose); } #s23-facials-v11 a { color:inherit; text-decoration:none; } #s23-facials-v11 :is(button,input,select) { font:inherit; } #s23-facials-v11 button { cursor:pointer; } #s23-facials-v11 :is(a,button,input,select,summary,[tabindex]):focus-visible { outline:3px solid #9b4565; outline-offset:5px; } #s23-facials-v11 :is(.fa-hero,.fa-program,.fa-next) :is(a,button,input,select,summary,[tabindex]):focus-visible { outline-color:#f3c6d1; } #s23-facials-v11 :is(section,article)[tabindex="-1"] { scroll-margin-block-start:28px; } #s23-facials-v11 :is(section,article)[tabindex="-1"]:focus:not(:focus-visible) { outline:none; } #s23-facials-v11 .fa-wrap { width:min(1320px,88%); margin-inline:auto; } #s23-facials-v11 .fa-section { padding-block:clamp(58px,7.5vw,118px); } #s23-facials-v11 .fa-kicker { font:11px/1.6 'Trebuchet MS',Arial,sans-serif; text-transform:uppercase; letter-spacing:.17em; color:#785c37; } #s23-facials-v11 .fa-section-head { display:flex; justify-content:space-between; align-items:flex-end; gap:48px; margin-bottom:42px; } #s23-facials-v11 .fa-section-head h2 { margin-top:18px; } #s23-facials-v11 .fa-section-head>p { max-width:340px; font-size:15px; color:var(--fa-muted); } #s23-facials-v11 .fa-button { min-height:52px; padding:15px 25px; display:inline-flex; align-items:center; justify-content:center; gap:24px; border:1px solid #d8bfa1; background:linear-gradient(120deg,#eee0c7,#e6c1bd); color:#302225; font-size:13px; letter-spacing:.025em; line-height:1.5; text-align:center; transition:box-shadow .2s,background-color .2s; } #s23-facials-v11 .fa-button:hover { box-shadow:0 0 0 4px #c6a77e20; background:#f2ddcf; } #s23-facials-v11 .fa-button-dark { color:#fff4eb; background:#31242b; border-color:#31242b; } #s23-facials-v11 .fa-button-dark:hover { background:#5f3948; } #s23-facials-v11 .fa-link { min-height:44px; display:inline-flex; align-items:center; gap:14px; color:#70495a; font-size:13px; line-height:1.5; text-decoration:underline; text-decoration-color:#b89894; text-underline-offset:6px; } #s23-facials-v11 .fa-link:hover { text-decoration-thickness:2px; } #s23-facials-v11 .fa-actions { display:flex; flex-wrap:wrap; align-items:center; gap:18px 28px; } #s23-facials-v11 .fa-native-slot { display:inline-flex; max-width:100%; } /* Handler-bound native controls are moved into these slots by the integration. */ #s23-facials-v11 :is(.fa-native-slot,.fa-device-label)>button { appearance:none; display:inline-flex; min-width:0; max-width:100%; min-height:48px; height:auto; padding:13px 22px; border:1px solid #a68969; border-radius:0; background:#efe0cf; color:#38272e; font:13px/1.5 'Trebuchet MS',Arial,sans-serif; text-align:center; white-space:normal; letter-spacing:.02em; text-shadow:none; box-shadow:none; position:static; transform:none; } #s23-facials-v11 .fa-photo img { display:block; width:100%; max-width:100%; height:auto; max-height:none; object-fit:contain; object-position:center; aspect-ratio:auto; filter:none; transform:none; border-radius:0; } #s23-facials-v11 .fa-photo figcaption { font-size:13px; line-height:1.6; } #s23-facials-v11 .fa-photo figcaption>span:not(.fa-number) { display:block; font-size:9px; letter-spacing:.18em; margin-bottom:5px; } #s23-facials-v11 .fa-hero { position:relative; color:#f5ede3; background:radial-gradient(ellipse at 82% 22%,#7f485050,transparent 52%),radial-gradient(ellipse at 24% 100%,#92715520,transparent 58%),repeating-linear-gradient(115deg,#ffffff03 0px,#ffffff03 1px,transparent 1px,transparent 5px),#211d20; border-bottom:1px solid #9e7d5e66; } #s23-facials-v11 .fa-hero-grid { display:grid; grid-template-columns:1.13fr .87fr; gap:8%; align-items:center; padding-block:clamp(45px,5vw,80px) 64px; } #s23-facials-v11 .fa-hero-copy { min-width:0; } #s23-facials-v11 .fa-breadcrumb { font-size:10px; letter-spacing:.09em; color:#c5b6ab; margin-bottom:45px; } #s23-facials-v11 .fa-breadcrumb a { text-decoration:underline; text-underline-offset:4px; } #s23-facials-v11 .fa-hero .fa-kicker { color:#d3b98b; margin-bottom:20px; } #s23-facials-v11 .fa-hero h1 em { color:#deb1b6; } #s23-facials-v11 .fa-hero-intro { font:clamp(20px,2vw,28px)/1.4 var(--fa-serif); margin-top:30px; } #s23-facials-v11 .fa-hero-description { max-width:450px; color:#cabcb8; font-size:15px; margin-top:17px; } #s23-facials-v11 .fa-hero .fa-actions { margin-top:32px; } #s23-facials-v11 .fa-hero .fa-link { color:#ebd4be; } #s23-facials-v11 .fa-signature { margin-top:34px; font:italic 23px/1.5 var(--fa-serif); color:#e4c7ba; } #s23-facials-v11 .fa-signature span { display:block; margin-top:7px; color:#c5b4a6; font:9px/1.6 'Trebuchet MS',Arial,sans-serif; letter-spacing:.12em; } #s23-facials-v11 .fa-hero-art { position:relative; min-width:0; padding:22px 17px 0; } #s23-facials-v11 .fa-hero-art::before { content:""; position:absolute; inset:3px 0 40px; border:1px solid #b6966c66; border-radius:47% 47% 8px 8px; pointer-events:none; } #s23-facials-v11 .fa-image-mount { position:relative; padding:22px; border:1px solid #cfb69799; background:linear-gradient(145deg,#e4c8b713,#35242b); box-shadow:0 22px 70px #0d070740; } #s23-facials-v11 .fa-hero .fa-photo figcaption { padding:20px 0 2px; text-align:center; font:italic 22px/1.4 var(--fa-serif); color:#e5cfba; } #s23-facials-v11 .fa-hero .fa-photo figcaption>span { font:9px/1.7 'Trebuchet MS',Arial,sans-serif; } #s23-facials-v11 .fa-art-note { display:flex; justify-content:center; align-items:center; gap:16px; margin-top:22px; font-size:11px; letter-spacing:.07em; color:#c1a987; } #s23-facials-v11 .fa-art-note>span { font-size:27px; } #s23-facials-v11 .fa-hero-foot { display:flex; justify-content:space-between; gap:16px; border-top:1px solid #a98b6555; padding-block:22px; font-size:10px; letter-spacing:.16em; color:#c3b09b; } #s23-facials-v11 .fa-chapters { background:#eee5db; border-bottom:1px solid var(--fa-rule); } #s23-facials-v11 .fa-chapters>.fa-wrap { display:flex; flex-wrap:wrap; justify-content:center; gap:6px 28px; padding-block:12px; } #s23-facials-v11 .fa-chapters a { display:inline-flex; align-items:center; min-height:44px; font-size:12px; color:#664950; border-bottom:1px solid transparent; } #s23-facials-v11 .fa-chapters a:hover { border-color:#8c5d67; } #s23-facials-v11 .fa-menu { background:radial-gradient(ellipse at 10% 0%,#ead2d044,transparent 60%),var(--fa-pearl); } #s23-facials-v11 .fa-services { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; } #s23-facials-v11 .fa-service { padding:30px; min-width:0; border:1px solid #d7c7ba; background:linear-gradient(150deg,#fffaf5,#f1e7de); display:flex; flex-direction:column; align-items:flex-start; } #s23-facials-v11 .fa-service:nth-child(2) { background:#f2e4df; } #s23-facials-v11 .fa-service-featured { background:linear-gradient(135deg,#38252d,#51323c); color:#fff0e8; border-color:#6d4552; } #s23-facials-v11 .fa-card-top { display:flex; justify-content:space-between; align-items:center; gap:18px; width:100%; margin-bottom:36px; } #s23-facials-v11 .fa-number { color:#8b6847; font:italic 20px/1 var(--fa-serif); } #s23-facials-v11 .fa-card-top .fa-kicker { font-size:9px; letter-spacing:.1em; } #s23-facials-v11 .fa-service h3 { max-width:290px; } #s23-facials-v11 .fa-service>p { color:var(--fa-muted); font-size:14px; margin-top:19px; margin-bottom:24px; } #s23-facials-v11 .fa-service>.fa-link { margin-top:auto; } #s23-facials-v11 .fa-service-featured :is(.fa-kicker,.fa-number,.fa-link) { color:#e6c7a5; } #s23-facials-v11 .fa-service-featured>p { color:#e1c7ce; } #s23-facials-v11 .fa-service-featured .fa-link:focus-visible { outline-color:#f3c6d1; } #s23-facials-v11 .fa-menu-links { display:flex; flex-wrap:wrap; gap:16px 35px; justify-content:center; padding-top:28px; } #s23-facials-v11 .fa-program { color:#f6ece3; background:radial-gradient(ellipse at 5% 30%,#744e5030,transparent 65%),repeating-linear-gradient(110deg,transparent 0px,#ffffff02 1px,transparent 2px,transparent 6px),#242023; } #s23-facials-v11 .fa-program-grid { display:grid; grid-template-columns:1fr .9fr; gap:9%; align-items:start; } #s23-facials-v11 .fa-program .fa-kicker { color:#d1b591; } #s23-facials-v11 .fa-program h2 { margin-top:20px; font-size:clamp(35px,4vw,60px); } #s23-facials-v11 .fa-program h2 em { display:block; font-size:.68em; line-height:1.3; margin-top:8px; color:#dbacb4; } #s23-facials-v11 .fa-program .fa-intro { margin-top:28px; color:#d5c6c2; } #s23-facials-v11 .fa-who { margin:26px 0 32px; border-left:1px solid #b88a77; padding-left:22px; color:#d0b9b6; font-size:14px; } #s23-facials-v11 .fa-program-path { border-top:1px solid #9d806166; padding-top:27px; } #s23-facials-v11 .fa-program-path h3 { font-size:27px; margin-bottom:28px; color:#e7ccb4; } #s23-facials-v11 .fa-program-path ol { padding:0; list-style:none; } #s23-facials-v11 .fa-program-path li { display:grid; grid-template-columns:40px minmax(0,1fr); gap:23px; padding-block:0 27px; position:relative; } #s23-facials-v11 .fa-program-path li:not(:last-child)::before { content:""; position:absolute; top:35px; bottom:0; left:19px; width:1px; background:#a1825b55; } #s23-facials-v11 .fa-path-number { display:grid; place-items:center; width:39px; height:39px; border:1px solid #ae906c88; border-radius:50%; color:#e0c1a0; font:italic 17px var(--fa-serif); } #s23-facials-v11 .fa-program-path li p { color:#d6c3bd; font-size:15px; padding-top:4px; } #s23-facials-v11 .fa-devices { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; align-items:start; } #s23-facials-v11 .fa-device { min-width:0; } #s23-facials-v11 .fa-device .fa-photo { padding:11px; border:1px solid #c5ad94; background:#ece1d7; } #s23-facials-v11 .fa-device .fa-photo figcaption { display:flex; align-items:center; gap:13px; padding:15px 4px 5px; font-size:11px; color:#694c48; } #s23-facials-v11 .fa-device-copy { padding:26px 4px 0; } #s23-facials-v11 .fa-device-copy>p { font-size:14px; color:var(--fa-muted); margin-top:17px; } #s23-facials-v11 .fa-device-copy .fa-device-label { font-size:11px; color:#775441; border-top:1px solid #d3bcaa; padding-top:15px; letter-spacing:.04em; } #s23-facials-v11 .fa-care { background:linear-gradient(115deg,#e8d4ce,#f1e4db 55%,#ecddd2); border-block:1px solid #d4bbae; } #s23-facials-v11 .fa-care-grid { display:grid; grid-template-columns:.8fr 1.1fr; align-items:center; gap:9%; } #s23-facials-v11 .fa-care-art { position:relative; border:1px solid #ac8b71; padding:18px; } #s23-facials-v11 .fa-care-art::before { content:""; position:absolute; inset:12px -9px; border:1px solid #b59a80aa; pointer-events:none; } #s23-facials-v11 .fa-care-art figcaption { text-align:center; padding:23px 5px 6px; color:#704d4f; font:italic 23px/1.5 var(--fa-serif); } #s23-facials-v11 .fa-care-art figcaption>span { font:9px/1.6 'Trebuchet MS',Arial,sans-serif; } #s23-facials-v11 .fa-care h2 { margin-block:18px 25px; font-size:clamp(34px,3.6vw,56px); } #s23-facials-v11 .fa-care-notes p { padding-block:19px; border-bottom:1px solid #bfa48f77; font-size:14px; color:#59494a; } #s23-facials-v11 .fa-care-copy>.fa-native-slot { margin-top:22px; } #s23-facials-v11 .fa-price-grid { display:grid; grid-template-columns:1fr 1fr; align-items:start; gap:8%; } #s23-facials-v11 .fa-price-list ul { padding:0; list-style:none; border-top:1px solid var(--fa-rule); } #s23-facials-v11 .fa-price-list li { padding:24px 0; border-bottom:1px solid var(--fa-rule); font-size:15px; color:#5c484c; } #s23-facials-v11 .fa-price-list>.fa-native-slot { margin-top:30px; } #s23-facials-v11 .fa-planner-frame { border:1px solid #cbb6a2; background:#f0e4d9; padding:30px; min-width:0; } #s23-facials-v11 .fa-small { font-size:12px; line-height:1.7; color:#665354; } #s23-facials-v11 .fa-comparison h3 { font-size:27px; } #s23-facials-v11 .fa-comparison>.fa-small { margin-top:10px; } #s23-facials-v11 .fa-table-scroll { overflow-x:auto; margin-top:20px; } #s23-facials-v11 table { width:100%; border-collapse:collapse; text-align:left; font-size:12px; color:#57474a; } #s23-facials-v11 th { font-weight:400; text-align:left; } #s23-facials-v11 td, #s23-facials-v11 th { border-bottom:1px solid #cdb9a9; padding:12px 6px; vertical-align:top; } #s23-facials-v11 thead th { color:#765447; font-size:10px; text-transform:uppercase; letter-spacing:.08em; } #s23-facials-v11 table td { white-space:nowrap; } #s23-facials-v11 .fa-planner { border-top:1px solid #b7987d; padding-top:30px; margin-top:32px; } #s23-facials-v11 .fa-planner>h3 { font-size:29px; } #s23-facials-v11 .fa-planner>.fa-small { margin-block:14px 20px; } #s23-facials-v11 .fa-planner>label, #s23-facials-v11 .fa-planner legend { display:block; color:#634b4f; font-size:12px; margin-bottom:10px; } #s23-facials-v11 .fa-planner select { border:1px solid #a98c78; background:#fff9f1; color:#49343b; width:100%; max-width:100%; min-height:48px; padding:10px 12px; border-radius:2px; font-size:16px; } #s23-facials-v11 .fa-planner fieldset { min-width:0; margin:24px 0 0; border:0; padding:0; } #s23-facials-v11 .fa-planner fieldset label { display:flex; align-items:center; gap:13px; min-height:56px; padding-block:10px; border-bottom:1px solid #ceb5a2; cursor:pointer; font-size:14px; } #s23-facials-v11 .fa-planner input { flex:0 0 20px; width:20px; height:20px; margin:0; accent-color:#8d5165; } #s23-facials-v11 .fa-planner small { display:block; color:#745b5e; font-size:11px; } #s23-facials-v11 .fa-estimate { margin-top:24px; padding:20px; color:#f7ebe1; background:linear-gradient(120deg,#4d303c,#30252c); } #s23-facials-v11 .fa-estimate .fa-kicker { color:#e0be9e; font-size:9px; } #s23-facials-v11 .fa-estimate output { display:block; font:25px/1.3 var(--fa-serif); margin-top:10px; } #s23-facials-v11 .fa-reset { color:#704451; background:transparent; border:1px solid #b59a8e; padding:10px 16px; min-height:44px; font-size:12px; } #s23-facials-v11 .fa-faq { background:#efe6df; border-top:1px solid #dbc5b7; } #s23-facials-v11 .fa-faq-grid { display:grid; grid-template-columns:.9fr 1.1fr; gap:8%; } #s23-facials-v11 .fa-faq h2 { margin-top:19px; } #s23-facials-v11 .fa-faq-grid>div>p:not(.fa-kicker) { margin-top:24px; color:#6a575d; max-width:340px; font-size:14px; } #s23-facials-v11 .fa-faq-grid>div>.fa-link { margin-top:20px; } #s23-facials-v11 .fa-faq-item { border-top:1px solid #c6aa9b; } #s23-facials-v11 .fa-faq-item:last-child { border-bottom:1px solid #c6aa9b; } #s23-facials-v11 .fa-faq-item summary { padding:23px 4px; min-height:60px; display:flex; align-items:center; justify-content:space-between; gap:22px; list-style:none; cursor:pointer; font:21px/1.4 var(--fa-serif); color:#50363f; } #s23-facials-v11 .fa-faq-item summary::-webkit-details-marker { display:none; } #s23-facials-v11 .fa-faq-item summary>span { flex-shrink:0; color:#89586a; font:22px/1 'Trebuchet MS',Arial,sans-serif; } #s23-facials-v11 .fa-faq-item[open] summary>span { transform:rotate(45deg); } #s23-facials-v11 .fa-faq-answer { padding:0 4px 25px; font-size:14px; color:#665258; } #s23-facials-v11 .fa-faq-answer>.fa-link { margin-top:15px; } #s23-facials-v11 .fa-next { color:#faeee5; text-align:center; background:radial-gradient(ellipse at 50% 100%,#a35f6744,transparent 65%),repeating-linear-gradient(110deg,transparent 0px,#ffffff03 1px,transparent 2px,transparent 5px),#252024; } #s23-facials-v11 .fa-next .fa-kicker { color:#d2b28f; } #s23-facials-v11 .fa-next h2 { margin-top:23px; } #s23-facials-v11 .fa-next h2 em { color:#dfb1bd; } #s23-facials-v11 .fa-next p:not(.fa-kicker) { margin-top:23px; font-size:15px; color:#dbc5c6; } #s23-facials-v11 .fa-next .fa-actions { justify-content:center; margin-top:32px; } #s23-facials-v11 .fa-next .fa-link { color:#e4cab2; } #s23-facials-v11 .fa-next-links { border-top:1px solid #aa806755; margin-top:48px; padding-top:22px; display:flex; flex-wrap:wrap; gap:14px 32px; justify-content:center; } #s23-facials-v11 .fa-next-links .fa-link { font-size:11px; } #s23-facials-v11 .fa-sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; } @media (max-width:1000px) { #s23-facials-v11 .fa-wrap { width:90%; } #s23-facials-v11 .fa-hero-grid { gap:5%; } #s23-facials-v11 .fa-hero-art { padding:15px 10px 0; } #s23-facials-v11 .fa-image-mount { padding:13px; } #s23-facials-v11 .fa-services { grid-template-columns:repeat(2,minmax(0,1fr)); } #s23-facials-v11 .fa-section-head { gap:30px; } #s23-facials-v11 .fa-section-head>p { max-width:270px; } #s23-facials-v11 .fa-price-grid { gap:5%; } #s23-facials-v11 .fa-planner-frame { padding:23px; } #s23-facials-v11 .fa-devices { gap:19px; } } @media (max-width:720px) { #s23-facials-v11 .fa-wrap { width:88%; } #s23-facials-v11 .fa-hero-grid { grid-template-columns:minmax(0,1fr); gap:38px; padding-block:36px 30px; } #s23-facials-v11 .fa-breadcrumb { margin-bottom:32px; font-size:9px; } #s23-facials-v11 h1 { font-size:clamp(50px,11vw,76px); } #s23-facials-v11 .fa-hero-art { width:min(440px,100%); margin-inline:auto; } #s23-facials-v11 .fa-hero-description { max-width:100%; } #s23-facials-v11 .fa-hero-intro { margin-top:24px; } #s23-facials-v11 .fa-hero-foot { flex-wrap:wrap; justify-content:center; font-size:9px; gap:10px 18px; text-align:center; } #s23-facials-v11 .fa-chapters>.fa-wrap { justify-content:flex-start; column-gap:19px; } #s23-facials-v11 .fa-chapters a { font-size:11px; } #s23-facials-v11 .fa-section-head { display:block; margin-bottom:31px; } #s23-facials-v11 .fa-section-head>p { margin-top:23px; max-width:100%; } #s23-facials-v11 .fa-service { padding:23px; } #s23-facials-v11 .fa-card-top { margin-bottom:26px; } #s23-facials-v11 :is(.fa-program-grid,.fa-care-grid,.fa-price-grid,.fa-faq-grid) { grid-template-columns:minmax(0,1fr); gap:42px; } #s23-facials-v11 .fa-program-intro>.fa-native-slot { margin-bottom:5px; } #s23-facials-v11 .fa-program-path { padding-top:26px; } #s23-facials-v11 .fa-program-path li { gap:19px; } #s23-facials-v11 .fa-care-art { max-width:480px; margin:auto; } #s23-facials-v11 .fa-care h2 { margin-bottom:10px; } #s23-facials-v11 .fa-devices { grid-template-columns:minmax(0,1fr); gap:40px; } #s23-facials-v11 .fa-device { display:grid; grid-template-columns:.85fr 1fr; align-items:start; gap:22px; } #s23-facials-v11 .fa-device-copy { padding-top:4px; } #s23-facials-v11 .fa-device-copy>p { margin-top:15px; } #s23-facials-v11 .fa-faq-grid>div>p:not(.fa-kicker) { max-width:100%; } #s23-facials-v11 .fa-next-links { gap:12px 22px; } } @media (max-width:480px) { #s23-facials-v11 .fa-services { grid-template-columns:minmax(0,1fr); gap:15px; } #s23-facials-v11 .fa-service { padding:27px; } #s23-facials-v11 .fa-card-top { margin-bottom:23px; } #s23-facials-v11 .fa-card-top .fa-kicker { font-size:9px; } #s23-facials-v11 .fa-device { grid-template-columns:minmax(0,1fr); gap:20px; } #s23-facials-v11 .fa-device .fa-photo { max-width:350px; width:100%; margin-inline:auto; } #s23-facials-v11 .fa-device-copy { padding-inline:0; } #s23-facials-v11 .fa-device-copy>p { font-size:15px; } #s23-facials-v11 .fa-planner-frame { padding:22px 17px; } #s23-facials-v11 .fa-estimate { padding:17px; } #s23-facials-v11 .fa-estimate output { font-size:23px; } #s23-facials-v11 table { font-size:11px; } #s23-facials-v11 td, #s23-facials-v11 th { padding-inline:3px; } #s23-facials-v11 .fa-actions { gap:20px; } #s23-facials-v11 .fa-actions>.fa-native-slot { width:100%; } #s23-facials-v11 .fa-actions>.fa-native-slot>* { width:100%; } #s23-facials-v11 .fa-faq-item summary { font-size:20px; } } @media (prefers-reduced-motion:reduce) { #s23-facials-v11 *, #s23-facials-v11 *::before, #s23-facials-v11 *::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; } } @media print { #s23-facials-v11 { background:white!important; color:black!important; font-size:11pt; } #s23-facials-v11 .fa-section { padding-block:24px; } #s23-facials-v11 :is(.fa-hero,.fa-program,.fa-next) { background:white!important; color:black!important; } #s23-facials-v11 :is(p,h1,h2,h3,a,em,.fa-kicker,.fa-link) { color:black!important; } #s23-facials-v11 :is(.fa-hero-grid,.fa-program-grid,.fa-care-grid,.fa-price-grid,.fa-faq-grid) { display:block; } #s23-facials-v11 :is(.fa-hero-art,.fa-chapters,.fa-planner,.fa-next-links,.fa-actions) { display:none!important; } #s23-facials-v11 .fa-faq-answer { display:block!important; } #s23-facials-v11 details>* { display:block!important; } #s23-facials-v11 .fa-services { grid-template-columns:repeat(2,minmax(0,1fr)); } #s23-facials-v11 :is(.fa-service,.fa-device,.fa-photo,.fa-faq-item) { break-inside:avoid; } #s23-facials-v11 .fa-devices { display:block; } #s23-facials-v11 .fa-device { display:flex; align-items:start; gap:20px; margin-block:24px; } #s23-facials-v11 .fa-device .fa-photo { max-width:160px; } #s23-facials-v11 h1 { font-size:42pt; } #s23-facials-v11 h2 { font-size:26pt; } } /* Server action groups stay useful until native handlers are bound. */ #s23-facials-v11 .fa-server-actions { display:flex; flex-wrap:wrap; align-items:stretch; gap:10px; margin-top:22px; } #s23-facials-v11 .fa-server-actions>a { display:inline-flex; align-items:center; justify-content:center; gap:9px; min-height:46px; padding:12px 17px; border:1px solid #b9957b; color:#f7e7d8; background:#4d303d; font-size:12px; line-height:1.45; text-align:center; text-decoration:none; } #s23-facials-v11 .fa-server-actions>a:first-child { color:#30242b; background:linear-gradient(120deg,#edddc5,#dfbbb8); } #s23-facials-v11 .fa-server-actions>a:hover { text-decoration:underline; text-underline-offset:4px; } #s23-facials-v11 .fa-next .fa-server-actions { justify-content:center; } #s23-facials-v11:not([data-s23-facials-bound="v11"]) [data-s23-native-action], #s23-facials-v11:not([data-s23-facials-bound="v11"]) [data-s23-native-link] { display:none!important; } #s23-facials-v11[data-s23-facials-bound="v11"] [data-s23-fallback-actions] { display:none!important; } @media(max-width:400px) { #s23-facials-v11 .fa-server-actions>a { width:100%; } } /* Route-scoped bridge styles supplement server-injected critical rules. */ /* Blocking first-paint rules: never reveal the old public main. Facials route only. */ html body #imPage #imContent { display:block!important; width:auto!important; min-width:0!important; position:relative; } html body #imPage #imContent > #imPageRow_1, html body #imPage #imContent > #imCell_16, html body #imPage #imContent > #imCell_1, html body #imPage #imContent > #imPageRow_2, html body #imPage #imContent > #imCell_2, html body #imPage #imContent > #imCell_17, html body #imPage #imContent > #imCell_18, html body #imPage #imContent > #imCell_19, html body #imPage #imContent > #imCell_3, html body #imPage #imContent > #imPageRow_3, html body #imPage #imContent > #imCell_4, html body #imPage #imContent > #imCell_20, html body #imPage #imContent > #imCell_21, html body #imPage #imContent > #imCell_112, html body #imPage #imContent > #imCell_5, html body #imPage #imContent > #imPageRow_4, html body #imPage #imContent > #imCell_6, html body #imPage #imContent > #imCell_22, html body #imPage #imContent > #imCell_7, html body #imPage #imContent > #imPageRow_5, html body #imPage #imContent > #imCell_8, html body #imPage #imContent > #imCell_23, html body #imPage #imContent > #imCell_24, html body #imPage #imContent > #imCell_114, html body #imPage #imContent > #imCell_9, html body #imPage #imContent > #imPageRow_6, html body #imPage #imContent > #imCell_10, html body #imPage #imContent > #imCell_25, html body #imPage #imContent > #imCell_26, html body #imPage #imContent > #imCell_116, html body #imPage #imContent > #imCell_11, html body #imPage #imContent > #imPageRow_7, html body #imPage #imContent > #imCell_12, html body #imPage #imContent > #imCell_27, html body #imPage #imContent > #imCell_13, html body #imPage #imContent > #imPageRow_8, html body #imPage #imContent > #imCell_14, html body #imPage #imContent > #imCell_28, html body #imPage #imContent > #imCell_29, html body #imPage #imContent > #imCell_15, html body #imPage #imContent > #imPageRow_9 { display:none!important; } html body #imPage #imContent > #imGoToCont { display:block!important; position:absolute!important; top:0!important; left:0!important; width:0!important; height:0!important; min-height:0!important; padding:0!important; margin:0!important; overflow:hidden!important; } html body #imPage #imContent > #s23-facials-v11 { display:block!important; width:100%; min-width:0; box-sizing:border-box; } #s23-facials-v11 [data-s23-native-action][hidden], #s23-facials-v11 [data-s23-native-link][hidden] { display:none!important; } html body #imPage #imContent > #imCell_123 { display:block!important; height:0!important; min-height:0!important; padding:0!important; margin:0!important; overflow:visible!important; } /* Keep any native functional form visible inside a modern panel, without showing the whole former layout. */ html body #imPage #imContent#imContent > :has(form) { display:block!important; width:100%!important; min-width:0!important; } #s23-facials-v11 { --s23-facials-bridge-ready:v11; } /* Empty native editor placeholders must not reserve three 100px panels. Text and forms still flow normally. */ html body #imPage #imContent > #imCell_120, html body #imPage #imContent > #imCell_121, html body #imPage #imContent > #imCell_122 { display:block!important; width:100%!important; min-width:0!important; min-height:0!important; max-width:100%!important; box-sizing:border-box; color:#30282c; background:transparent; border:0; padding:0!important; margin:0!important; overflow-wrap:anywhere; font-family:Arial,sans-serif; } html body #imPage #imContent #dynObj_6_120_container, html body #imPage #imContent #dynObj_6_121_container, html body #imPage #imContent #dynObj_6_122_container { min-height:0!important; max-width:100%; } /* Repeating imContent deliberately outranks the known static cell ID masks. */ html body #imPage #imContent#imContent > :has(form) { display:block!important; width:100%!important; min-width:0!important; max-width:100%!important; box-sizing:border-box; color:#30282c; background:#fffaf5; border:1px solid #decec4; border-radius:1.25rem; padding:1.5rem!important; margin:1.25rem 0!important; overflow-wrap:anywhere; font-family:Arial,sans-serif; } #s23-facials-v11 [aria-disabled="true"] { cursor:not-allowed; opacity:.55; } #s23-facials-v11 [id] { scroll-margin-top:8rem; } @media(max-width:600px){ #s23-facials-v11 [id] { scroll-margin-top:6rem; } }