/*! SW Beautybar Anbieterprofile 2.0.0 | GPL-2.0-or-later */
.swb10612 { --swb10612-ink: #252525; --swb10612-muted: #5d5d5d; --swb10612-accent: var(--pf-accent, #695e3d); --swb10612-line: var(--pf-line, #e8dfc8); --swb10612-paper: #fff; --swb10612-soft: var(--pf-soft, #fbf8ef); --swb10612-blue: #edf7f8; --swb10612-focus: #375f68; } .swb10612 .swb-pf-content, .swb10612 .swb-pf-section, .swb10612 #swb-overview { min-width: 0; max-width: 100%; } .swb10612 #swb-overview > :is(.swb-pf-facts, .swb10612-facts) { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 22px; width: 100%; margin: 8px 0 20px !important; padding: 0; border-top: 1px solid var(--swb10612-line); } .swb10612 #swb-overview > :is(.swb-pf-facts, .swb10612-facts) > div { min-width: 0; padding: 13px 0; border-bottom: 1px solid var(--swb10612-line); } .swb10612 #swb-overview :is(.swb-pf-facts, .swb10612-facts) dt { margin: 0 0 5px; color: var(--swb10612-muted); font-size: 12px; font-weight: 600; line-height: 1.5; } .swb10612 #swb-overview :is(.swb-pf-facts, .swb10612-facts) dd { margin: 0; color: var(--swb10612-ink); font-size: 15px; line-height: 1.65; overflow-wrap: anywhere; } .swb10612 #swb-overview .swb-pf-text { margin: 18px 0; font-size: 16px; line-height: 1.75; text-wrap: pretty; } .swb10612 #swb-overview :is(.swb-pf-text, .swb-pf-paid) > :first-child { margin-top: 0; } .swb10612 #swb-overview :is(.swb-pf-text, .swb-pf-paid) > :last-child { margin-bottom: 0; } .swb10612 #swb-overview :is(.swb-pf-paid, .swb-pf-feature-list), .swb10612 .swb-profiles-references { min-width: 0; max-width: 100%; overflow-wrap: anywhere; } .swb10612 .swb-pf-content :is(p, li, dt, dd, a) { overflow-wrap: anywhere; } .swb10612 #swb-overview > :is(.swb-pf-facts, .swb10612-facts):empty, .swb10612 .swb10612-doctor:empty, .swb10612 .swb10612-review:empty, .swb10612 .swb-profiles-references:empty { display: none; } @supports selector(div:has(> dd:empty)) { .swb10612 #swb-overview > :is(.swb-pf-facts, .swb10612-facts) > div:has(> dd:empty) { display: none; } } .swb10612 .swb-profiles-references { margin: 16px 0; color: var(--swb10612-muted); font-size: 13px; line-height: 1.7; } .swb10612 .swb-profiles-references > summary { min-height: 46px; cursor: pointer; } .swb10612 .swb-profiles-references :is(ul, ol) { margin-block: 12px; padding-inline-start: 20px; } .swb10612 .swb-profiles-references li { margin: 4px 0; } .swb10612 .swb-profiles-references a { display: inline-block; max-width: 100%; padding: 7px 0; color: var(--swb10612-accent); text-underline-offset: 3px; } .swb10612 .swb-prof-table-wrap { width: 100%; min-width: 0; max-width: 100%; overflow-x: auto; overscroll-behavior-x: contain; } .swb10612 .swb-prof-table-wrap :is(th, td) { overflow-wrap: anywhere; } .swb10612 .swb10612-note, .swb10612 .swb10612-intro, .swb10612 .swb10612-grid, .swb10612 .swb10612-reviews, .swb10612 .swb10612-videos, .swb10612 .swb10612-socials, .swb10612 .swb10612-returnbar, .swb10612 .swb10612-return { min-width: 0; max-width: 100%; } .swb10612 .swb10612-note { margin: 16px 0; padding: 15px 17px; border: 1px solid #d7e8eb; border-inline-start: 3px solid #88bfc9; border-radius: 8px; background: var(--swb10612-blue); color: #354c50; font-size: 14px; line-height: 1.65; } .swb10612 .swb10612-note > :first-child { margin-top: 0; } .swb10612 .swb10612-note > :last-child { margin-bottom: 0; } .swb10612 .swb10612-intro { margin: 0 0 20px; color: #414541; font-size: 16px; line-height: 1.75; text-wrap: pretty; } .swb10612 .swb10612-grid, .swb10612 .swb10612-reviews, .swb10612 .swb10612-videos { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: stretch; gap: 16px; margin: 18px 0 0; } .swb10612 .swb10612-doctor, .swb10612 .swb10612-review, .swb10612 .swb10612-video { min-width: 0; border: 1px solid var(--swb10612-line); border-radius: 12px; background: var(--swb10612-paper); color: var(--swb10612-ink); overflow-wrap: anywhere; } .swb10612 .swb10612-doctor, .swb10612 .swb10612-review { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; padding: 20px; } .swb10612 .swb10612-doctor > :is(h3, h4), .swb10612 .swb10612-review > h3, .swb10612 .swb10612-video-body > h3 { margin: 0; color: var(--swb10612-ink); font: 600 18px/1.4 Arial, Helvetica, sans-serif; letter-spacing: -0.01em; text-wrap: pretty; } .swb10612 .swb10612-doctor > p, .swb10612 .swb10612-review > p, .swb10612 .swb10612-video-body > p { margin: 0; font-size: 14px; line-height: 1.7; } .swb10612 .swb10612-status { display: inline-flex; align-items: center; align-self: flex-start; max-width: 100%; padding: 5px 9px; border: 1px solid var(--swb10612-line); border-radius: 5px; background: var(--swb10612-soft); color: var(--swb10612-accent); font-size: 12px; font-weight: 600; line-height: 1.5; white-space: normal; } .swb10612 .swb10612-status--confirmed { border-color: #cfdfd2; background: #eff5f0; color: #36563e; } .swb10612 .swb10612-status--open { border-color: #dfddd3; background: #f5f4ef; color: #605a48; } .swb10612 .swb10612-doctor > .swb10612-status { margin: 0; font-size: 12px; line-height: 1.5; } .swb10612 .swb10612-doctor > p + p, .swb10612 .swb10612-video-body > p + p { margin-top: 0; } .swb10612 .swb10612-facts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); width: 100%; gap: 0 20px; margin: 16px 0; padding: 0; border-top: 1px solid var(--swb10612-line); } .swb10612 .swb10612-facts > div { min-width: 0; padding: 12px 0; border-bottom: 1px solid var(--swb10612-line); } .swb10612 .swb10612-facts dt { margin: 0 0 4px; color: var(--swb10612-muted); font-size: 12px; font-weight: 600; line-height: 1.5; } .swb10612 .swb10612-facts dd { margin: 0; color: var(--swb10612-ink); font-size: 14px; line-height: 1.65; overflow-wrap: anywhere; } .swb10612 .swb10612-doctor > .swb10612-facts { grid-template-columns: minmax(0, 1fr); margin: 2px 0 0; } .swb10612 .swb10612-link, .swb10612 .swb10612-video [data-swb10612-video-load], .swb10612 .swb10612-video [data-swb10612-video-revoke] { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-width: 0; min-height: 46px; max-width: 100%; padding: 10px 14px; border: 1px solid #cfc5aa; border-radius: 8px; background: var(--swb10612-paper); color: var(--swb10612-accent); font: 600 14px/1.5 Arial, Helvetica, sans-serif; text-align: center; text-decoration: none; text-underline-offset: 3px; white-space: normal; overflow-wrap: anywhere; cursor: pointer; transition: background-color 150ms ease, border-color 150ms ease; } .swb10612 .swb10612-link:visited { color: var(--swb10612-accent); } .swb10612 .swb10612-source, .swb10612 .swb10612-doctor > .swb10612-source, .swb10612 .swb10612-review > .swb10612-source { margin: 14px 0 0; color: var(--swb10612-muted); font-size: 12px; line-height: 1.7; overflow-wrap: anywhere; } .swb10612 .swb10612-source a { color: var(--swb10612-accent); text-decoration: underline; text-underline-offset: 3px; } .swb10612 .swb10612-review { background: linear-gradient(150deg, #fff 45%, #fcfbf6 100%); } .swb10612 .swb10612-review > .swb10612-link { margin-top: auto; } .swb10612 .swb10612-video { display: flex; flex-direction: column; } .swb10612 :is(.swb10612-grid, .swb10612-reviews, .swb10612-videos) > :only-child { grid-column: 1 / -1; } .swb10612 .swb10612-video [hidden] { display: none !important; } .swb10612 .swb10612-video-stage { width: 100%; min-height: 200px; border-bottom: 1px solid var(--swb10612-line); border-radius: 11px 11px 0 0; background: var(--swb10612-soft); } .swb10612 .swb10612-video [data-swb10612-video-placeholder] { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; width: 100%; min-height: 200px; padding: 22px; border: 0; border-radius: 11px 11px 0 0; background: linear-gradient(125deg, #eeede5, #fbf8ef 55%, #eef7f7); color: var(--swb10612-accent); font-size: 13px; line-height: 1.6; text-align: center; } .swb10612 .swb10612-video [data-swb10612-video-placeholder] > p { margin: 0; font-size: 13px; font-weight: 400; line-height: 1.6; } .swb10612 .swb10612-video [data-swb10612-video-mount] { width: 100%; min-height: 200px; } .swb10612 .swb10612-video .swb10612-video-frame { display: block; width: 100%; min-width: 200px; max-width: 100%; height: auto; min-height: 200px; aspect-ratio: 16 / 9; border: 0; border-radius: 11px 11px 0 0; background: #000; } .swb10612 .swb10612-video-visual { position: relative; display: flex; align-items: center; justify-content: center; gap: 14px; min-height: 120px; padding: 22px; border-bottom: 1px solid var(--swb10612-line); border-radius: 11px 11px 0 0; background: linear-gradient(125deg, #eeede5, #fbf8ef 55%, #eef7f7); color: var(--swb10612-accent); font-size: 13px; font-weight: 600; line-height: 1.5; text-decoration: none; } .swb10612 .swb10612-play { display: inline-flex; flex: 0 0 48px; align-items: center; justify-content: center; width: 48px; height: 48px; border: 1px solid #d6ccb3; border-radius: 50%; background: #fff; color: var(--swb10612-accent); box-shadow: 0 2px 8px #695e3d0a; } .swb10612 .swb10612-play:empty::before { content: ""; display: block; width: 0; height: 0; margin-left: 3px; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 11px solid currentColor; } .swb10612 .swb10612-play svg { display: block; width: 18px; height: 18px; } .swb10612 .swb10612-video-body { display: flex; flex: 1; flex-direction: column; align-items: flex-start; gap: 12px; min-width: 0; padding: 20px; } .swb10612 .swb10612-video-body > .swb10612-link { margin-top: auto; } .swb10612 .swb10612-video-body > [data-swb10612-video-revoke] { margin-top: 0; } .swb10612 .swb10612-video-body > [data-swb10612-video-status] { margin: 0; color: var(--swb10612-muted); font-size: 12px; line-height: 1.6; } .swb10612 .swb10612-video [data-swb10612-video-status]:empty { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; } .swb10612 .swb10612-meta, .swb10612 .swb10612-video-body > .swb10612-meta { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; margin: 0; color: var(--swb10612-muted); font-size: 12px; font-weight: 400; line-height: 1.6; } .swb10612 .swb10612-socials { display: flex; align-items: stretch; flex-wrap: wrap; gap: 10px; margin: 18px 0 0; padding: 0; list-style: none; } .swb10612 .swb10612-socials > li { display: flex; min-width: 0; margin: 0; } .swb10612 .swb10612-return { display: flex; align-items: center; flex-wrap: wrap; gap: 10px 16px; margin: 24px 0 0; padding: 20px; border: 1px solid var(--swb10612-line); border-radius: 10px; background: var(--swb10612-soft); } .swb10612 .swb10612-returnbar { position: sticky; top: var(--swb10612-top, 0px); z-index: 30; display: flex; align-items: stretch; justify-content: space-between; flex-wrap: wrap; gap: 8px 16px; margin: 0 0 16px; padding: 8px 12px; border: 1px solid var(--swb10612-line); border-radius: 10px; background: #fff; box-shadow: 0 3px 12px #25252507; } .swb10612 .swb-pf-contact-box { top: var(--pf-scroll, 100px); } .swb10612 .swb10612-returnbar > a, .swb10612 .swb10612-return > a { display: inline-flex; align-items: center; justify-content: center; min-width: 0; min-height: 44px; padding: 9px 12px; border: 1px solid transparent; border-radius: 7px; color: var(--swb10612-accent); font-size: 14px; font-weight: 600; line-height: 1.4; text-align: center; text-decoration: none; text-underline-offset: 3px; white-space: normal; overflow-wrap: normal; word-break: normal; } .swb10612 .swb10612-returnbar > a:first-child { border-color: var(--swb10612-line); background: var(--swb10612-soft); } .swb10612 .swb10612-returnbar > a:last-child { font-weight: 400; } .swb10612 .swb10612-return > a { border-color: #cfc5aa; background: #fff; } .swb10612 .swb-pf-profile > .swb10612-return { margin: 0 28px 24px; padding: 16px 20px; } .swb10612 .swb10612-return > p { flex: 1 1 180px; margin: 0; color: var(--swb10612-muted); font-size: 14px; line-height: 1.6; } .swb10612 .swb10612-external-note { margin: 14px 0 0; color: var(--swb10612-muted); font-size: 12px; line-height: 1.7; } .swb10612 .swb-pf-profile > .swb10612-external-note { margin: 0; padding: 0 28px 16px; } .swb10612 .swb10612-added-sources { min-width: 0; padding: 0 0 16px; border-bottom: 1px solid var(--swb10612-line); color: var(--swb10612-muted); font-size: 13px; line-height: 1.7; } .swb10612 .swb10612-added-sources > h3 { margin: 2px 0 10px; font-size: 16px; line-height: 1.45; } .swb10612 .swb10612-added-sources > p { margin: 0 0 10px; } .swb10612 .swb10612-added-sources > ul { margin: 0; padding: 0 0 0 20px; list-style: disc; } .swb10612 .swb10612-added-sources li { margin: 0 0 4px; padding: 0; } .swb10612 .swb10612-added-sources li > a { display: inline-block; padding: 7px 0; color: var(--swb10612-accent); text-underline-offset: 3px; overflow-wrap: anywhere; } .swb10612 .swb10612-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); clip-path: inset(50%); border: 0; white-space: nowrap; } .swb10612 .swb10612-link:focus-visible, .swb10612 .swb10612-video [data-swb10612-video-load]:focus-visible, .swb10612 .swb10612-video [data-swb10612-video-revoke]:focus-visible, .swb10612 .swb10612-video-frame:focus-visible, .swb10612 .swb10612-video-visual:focus-visible, .swb10612 .swb10612-source a:focus-visible, .swb10612 .swb10612-returnbar > a:focus-visible, .swb10612 .swb10612-return > a:focus-visible, .swb10612 .swb10612-added-sources a:focus-visible, .swb10612 .swb-profiles-references :is(a, summary):focus-visible, .swb10612 .swb-prof-table-wrap:focus-visible { outline: 3px solid var(--swb10612-focus); outline-offset: 4px; } @media (hover: hover) { .swb10612 .swb10612-link:hover, .swb10612 .swb10612-video [data-swb10612-video-load]:hover, .swb10612 .swb10612-video [data-swb10612-video-revoke]:hover { border-color: #98885a; background: var(--swb10612-soft); text-decoration: underline; } .swb10612 a.swb10612-video-visual:hover { background: #f0eee3; } .swb10612 a.swb10612-video-visual:hover .swb10612-play { border-color: #98885a; } .swb10612 .swb10612-returnbar > a:hover, .swb10612 .swb10612-return > a:hover { border-color: #98885a; background: var(--swb10612-soft); text-decoration: underline; } } @media (max-width: 700px) { .swb10612 #swb-overview > :is(.swb-pf-facts, .swb10612-facts) { grid-template-columns: minmax(0, 1fr); } .swb10612 .swb10612-grid, .swb10612 .swb10612-reviews, .swb10612 .swb10612-videos, .swb10612 .swb10612-facts { grid-template-columns: minmax(0, 1fr); } .swb10612 .swb10612-doctor, .swb10612 .swb10612-review, .swb10612 .swb10612-video-body, .swb10612 .swb10612-return { padding: 17px; } .swb10612 .swb10612-video-visual { min-height: 108px; } .swb10612 .swb10612-note { padding: 13px 14px; } .swb10612 .swb10612-return > .swb10612-link { flex: 1 1 100%; } .swb10612 .swb10612-returnbar { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; padding: 8px; } .swb10612 .swb10612-returnbar > a { padding: 8px 6px; font-size: 13px; } .swb10612 .swb-pf-profile > .swb10612-return { margin: 0 16px 20px; padding: 12px; } .swb10612 .swb10612-return > a { flex: 1 1 180px; width: 100%; } .swb10612 .swb-pf-profile > .swb10612-external-note { padding: 0 16px 16px; } } @container swbprofile (max-width: 600px) { .swb10612 #swb-overview > :is(.swb-pf-facts, .swb10612-facts) { grid-template-columns: minmax(0, 1fr); } .swb10612 .swb10612-grid, .swb10612 .swb10612-reviews, .swb10612 .swb10612-videos, .swb10612 .swb10612-facts { grid-template-columns: minmax(0, 1fr); } } @media (prefers-reduced-motion: reduce) { .swb10612 .swb10612-link, .swb10612 .swb10612-video [data-swb10612-video-load], .swb10612 .swb10612-video [data-swb10612-video-revoke], .swb10612 .swb10612-video-visual { transition: none; scroll-behavior: auto; } } @media (forced-colors: active) { .swb10612 .swb10612-note, .swb10612 .swb10612-doctor, .swb10612 .swb10612-review, .swb10612 .swb10612-video, .swb10612 .swb10612-status, .swb10612 .swb10612-link, .swb10612 .swb10612-video [data-swb10612-video-load], .swb10612 .swb10612-video [data-swb10612-video-revoke], .swb10612 .swb10612-play, .swb10612 .swb10612-returnbar, .swb10612 .swb10612-return { border-color: CanvasText; background: Canvas; color: CanvasText; box-shadow: none; } .swb10612 .swb10612-video-visual, .swb10612 .swb10612-video-stage, .swb10612 .swb10612-video [data-swb10612-video-placeholder] { border-color: CanvasText; background: Canvas; color: LinkText; } .swb10612 .swb10612-link:focus-visible, .swb10612 .swb10612-video [data-swb10612-video-load]:focus-visible, .swb10612 .swb10612-video [data-swb10612-video-revoke]:focus-visible, .swb10612 .swb10612-video-frame:focus-visible, .swb10612 .swb10612-video-visual:focus-visible, .swb10612 .swb10612-source a:focus-visible, .swb10612 .swb10612-returnbar > a:focus-visible, .swb10612 .swb10612-return > a:focus-visible, .swb10612 .swb10612-added-sources a:focus-visible, .swb10612 .swb-profiles-references :is(a, summary):focus-visible, .swb10612 .swb-prof-table-wrap:focus-visible { outline-color: Highlight; } } main.swb10612, .swb-app main.swb10612 { --swb10612-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; font-family: var(--swb10612-font); color: var(--swb10612-ink); } main.swb10612 .swb-pf-profile { border-color: #e5dfd1; border-radius: 18px; background: #fff; box-shadow: 0 5px 24px #35312206; } main.swb10612 .swb-pf-head { grid-template-columns: minmax(0, 1fr) 244px; align-items: center; gap: 24px; padding: 26px; } main.swb10612 .swb-pf-identity { grid-template-columns: 88px minmax(0, 1fr); align-items: start; gap: 20px; } main.swb10612 .swb-pf-avatar { width: 88px; height: 88px; border: 2px solid #d9cfb4; border-radius: 50%; background: #f6f2e8; color: var(--swb10612-accent); font: 500 28px/1 var(--swb10612-font); } main.swb10612 .swb-pf-avatar img { display: block; border-radius: 50%; } .swb-app main.swb10612 h1 { margin: 5px 0 8px; font: 650 clamp(25px, 2.65vw, 36px)/1.18 var(--swb10612-font); letter-spacing: -0.035em; overflow-wrap: anywhere; text-wrap: pretty; } .swb-app main.swb10612 .swb-pf-kicker { color: var(--swb10612-accent); font-size: 12px; font-weight: 600; line-height: 1.5; letter-spacing: 0.025em; } .swb-app main.swb10612 .swb-pf-subtitle { max-width: 58ch; margin: 6px 0; font-size: 14px; line-height: 1.6; } .swb-app main.swb10612 .swb-pf-address { align-items: flex-start; gap: 7px; font-size: 14px; line-height: 1.6; } main.swb10612 .swb-pf-address .swb-icon { flex: 0 0 17px; width: 17px; height: 17px; margin-top: 3px; } main.swb10612 .swb-pf-head > .swb-actions, main.swb10612 .swb-pf-head-actions .swb-actions { display: grid; grid-template-columns: minmax(0, 1fr); align-items: stretch; gap: 8px; } .swb-app main.swb10612 .swb-actions > a { display: inline-flex; align-items: center; justify-content: center; gap: 7px; min-width: 0; min-height: 46px; max-width: 100%; padding: 10px 12px; border: 1px solid #b7aa84; border-radius: 9px; background: #fff; color: var(--swb10612-accent); font: 600 14px/1.45 var(--swb10612-font); text-align: center; text-decoration: none; white-space: normal; overflow-wrap: anywhere; } .swb-app main.swb10612 .swb-actions > a.swb-btn-primary, .swb-app main.swb10612 .swb-pf-head > .swb-actions > a:first-child { border-color: var(--swb10612-accent); background: var(--swb10612-accent); color: #fff; } main.swb10612 .swb-actions .swb-icon { flex: 0 0 18px; width: 18px; height: 18px; } .swb-app main.swb10612 .swb-pf-head-actions .swb-pf-small { margin: 7px 0 0 !important; font-size: 12px; } main.swb10612 .swb-pf-nav { display: flex; flex-wrap: nowrap; align-items: stretch; gap: 6px; max-width: 100%; padding: 9px 18px; border-color: var(--swb10612-line); background: #fff; overflow-x: auto; overflow-y: hidden; overscroll-behavior-x: contain; -webkit-overflow-scrolling: touch; touch-action: auto; scroll-snap-type: x proximity; scroll-padding-inline: 18px; scrollbar-width: thin; scrollbar-color: #c6bca0 #f8f6ef; } main.swb10612 .swb-pf-nav::-webkit-scrollbar { height: 5px; } main.swb10612 .swb-pf-nav::-webkit-scrollbar-track { background: #f8f6ef; } main.swb10612 .swb-pf-nav::-webkit-scrollbar-thumb { border-radius: 6px; background: #c6bca0; } main.swb10612 .swb-pf-nav > a { flex: 0 0 auto; min-height: 44px; padding: 10px 13px; border: 1px solid transparent; border-radius: 8px; background: transparent; color: #615a48; font-family: var(--swb10612-font); font-size: 14px; font-weight: 600; line-height: 1.5; text-align: center; white-space: nowrap; scroll-snap-align: start; } main.swb10612 .swb-pf-nav > a[aria-current="location"] { border-color: #dcd1b5; background: var(--swb10612-soft); color: #4c432d; box-shadow: inset 0 -2px #9b8953; } main.swb10612 .swb-pf-layout { grid-template-columns: minmax(0, 1fr) 268px; align-items: start; gap: 22px; padding: 22px; background: #f8f7f3; } main.swb10612 .swb-pf-content { display: flex; flex-direction: column; gap: 20px; } main.swb10612 .swb-pf-content > .swb-pf-section { margin: 0; padding: 22px; border: 1px solid var(--swb10612-line); border-radius: 14px; background: #fff; } main.swb10612 .swb-pf-content > .swb-pf-section:empty { display: none; } .swb-app main.swb10612 .swb-pf-section > h2 { margin: 0 0 18px; font-size: clamp(23px, 2vw, 28px); line-height: 1.28; text-wrap: pretty; } main.swb10612 #swb-overview > :is(.swb-pf-facts, .swb10612-facts):last-child { margin-bottom: 0 !important; } main.swb10612 .swb-pf-section > .swb-pf-text { max-width: 76ch; } main.swb10612 .swb-pf-sidebar { align-self: stretch; padding-top: 0; } main.swb10612 .swb-pf-contact-box { border-radius: 14px; background: #fff; } main.swb10612 :is(.swb10612-doctor, .swb-pf-person, .swb-pf-location, .swb-pf-network) { border-radius: 12px; background: #fcfbf7; } main.swb10612 .swb-pf-services > li { min-width: 0; padding: 13px 14px; border-radius: 9px; background: #faf8f1; overflow-wrap: anywhere; } main.swb10612 .swb-pf-contact-list > a, main.swb10612 .swb-pf-person-links > a, main.swb10612 .swb-pf-details > summary, main.swb10612 .swb-pf-owner a { min-height: 44px; } main.swb10612 .swb-pf-gallery { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: start; gap: 10px; } main.swb10612 .swb-pf-gallery:empty { display: none; } main.swb10612 .swb-pf-gallery > figure { min-width: 0; border-radius: 10px; background: #fff; } main.swb10612 .swb-pf-gallery > figure:only-child { grid-column: 1 / -1; width: 100%; max-width: 480px; } main.swb10612 .swb-pf-gallery a { display: block; } .swb-app main.swb10612 .swb-pf-gallery img { display: block; width: 100%; height: 180px; object-fit: cover; object-position: center; } main.swb10612 .swb-pf-gallery figcaption { padding: 10px; font-size: 12px; line-height: 1.5; overflow-wrap: anywhere; } main.swb10612 .swb-pf-profile > .swb10612-return { width: auto; max-width: none; } @supports (aspect-ratio: 1 / 1) { .swb-app main.swb10612 .swb-pf-gallery img { height: auto; aspect-ratio: 1 / 1; } } main.swb10612 :is(.swb-pf-nav > a, .swb-actions > a, .swb-pf-gallery a, .swb-pf-details > summary):focus { outline: 3px solid var(--swb10612-focus); outline-offset: 3px; } main.swb10612 .swb-pf-nav > a:focus { outline-offset: -3px; } @supports selector(a:focus-visible) { main.swb10612 :is(.swb-pf-nav > a, .swb-actions > a, .swb-pf-gallery a, .swb-pf-details > summary):focus:not(:focus-visible) { outline: none; } } @media (hover: hover) { main.swb10612 .swb-pf-nav > a:hover { background: var(--swb10612-soft); color: #4c432d; } .swb-app main.swb10612 .swb-actions > a:hover { border-color: #867343; background: #f4f0e4; color: #4c432d; } } @media (max-width: 1100px) { main.swb10612 .swb-pf-layout { grid-template-columns: minmax(0, 1fr); } main.swb10612 .swb-pf-sidebar { display: none; } } @media (min-width: 701px) and (max-width: 900px) { main.swb10612 .swb-pf-head { grid-template-columns: minmax(0, 1fr); gap: 18px; } main.swb10612 .swb-pf-head > .swb-actions, main.swb10612 .swb-pf-head-actions .swb-actions { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 700px) { .swb-app main.swb10612 { padding: 12px 0 100px; } main.swb10612 .swb-pf-profile { border-radius: 14px; } main.swb10612 .swb-pf-head { grid-template-columns: minmax(0, 1fr); gap: 18px; padding: 20px 16px; } main.swb10612 .swb-pf-identity { grid-template-columns: 68px minmax(0, 1fr); gap: 14px; } main.swb10612 .swb-pf-avatar { width: 68px; height: 68px; font-size: 23px; } .swb-app main.swb10612 h1 { font-size: 25px; letter-spacing: -0.03em; } .swb-app main.swb10612 .swb-pf-subtitle, .swb-app main.swb10612 .swb-pf-address { font-size: 13px; } main.swb10612 .swb-pf-head > .swb-actions, main.swb10612 .swb-pf-head-actions .swb-actions { grid-template-columns: repeat(2, minmax(0, 1fr)); } main.swb10612 .swb-pf-head > .swb-actions > :only-child, main.swb10612 .swb-pf-head-actions .swb-actions > :only-child { grid-column: 1 / -1; } main.swb10612 .swb-pf-nav { padding: 8px 10px; scroll-padding-inline: 10px; } main.swb10612 .swb-pf-nav > a { padding-inline: 11px; font-size: 13px; } main.swb10612 .swb-pf-layout { gap: 0; padding: 12px; } main.swb10612 .swb-pf-content { gap: 14px; } main.swb10612 .swb-pf-content > .swb-pf-section { padding: 17px 14px; border-radius: 11px; } main.swb10612 .swb-pf-gallery { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; } main.swb10612 .swb-pf-gallery figcaption { padding: 8px; } main.swb10612 .swb-pf-location, main.swb10612 .swb10612-doctor, main.swb10612 .swb10612-review, main.swb10612 .swb10612-video-body { padding: 14px; } } @container swbprofile (max-width: 900px) { main.swb10612 .swb-pf-layout { grid-template-columns: minmax(0, 1fr); } main.swb10612 .swb-pf-sidebar { display: none; } } @media (prefers-reduced-motion: reduce) { main.swb10612 .swb-pf-nav { scroll-behavior: auto; scroll-snap-type: none; } } @media (forced-colors: active) { main.swb10612 :is(.swb-pf-profile, .swb-pf-avatar, .swb-pf-layout, .swb-pf-content > .swb-pf-section, .swb-pf-contact-box, .swb-pf-nav, .swb10612-doctor, .swb-pf-person, .swb-pf-location, .swb-pf-network, .swb-pf-services > li), .swb-app main.swb10612 .swb-actions > a, .swb-app main.swb10612 .swb-actions > a.swb-btn-primary, .swb-app main.swb10612 .swb-pf-head > .swb-actions > a:first-child { border-color: CanvasText; background: Canvas; color: CanvasText; box-shadow: none; } main.swb10612 .swb-pf-nav > a[aria-current="location"] { border-color: Highlight; background: Canvas; color: LinkText; box-shadow: inset 0 -2px Highlight; } } @media print { main.swb10612 .swb-pf-layout { display: block; padding: 0; background: #fff; } main.swb10612 .swb-pf-content { display: block; } main.swb10612 .swb-pf-content > .swb-pf-section { padding: 18px 0; border: 0; border-radius: 0; box-shadow: none; } main.swb10612 .swb-pf-nav { display: none; } .swb10612 .swb10612-grid, .swb10612 .swb10612-reviews, .swb10612 .swb10612-videos { display: block; } .swb10612 .swb10612-doctor, .swb10612 .swb10612-review, .swb10612 .swb10612-video { margin: 0 0 14px; break-inside: avoid; box-shadow: none; } .swb10612 .swb10612-video-visual, .swb10612 .swb10612-video-stage, .swb10612 .swb10612-video [data-swb10612-video-revoke], .swb10612 .swb10612-video [data-swb10612-video-status], .swb10612 .swb10612-returnbar, .swb10612 .swb10612-return { display: none; } } html[data-swb-profile-addon="10612"] :is(#callnowbutton, #call-now-button, .call-now-button) { display: none !important; } @media (max-width: 699px) { html[data-swb-profile-addon="10612"] #swb-back-to-top { bottom: max(calc(108px + env(safe-area-inset-bottom, 0px)), var(--swb-top-obstacle, 0px)); } } @supports selector(body:has(main.swb10612[data-swb10612-version])) { body:has(main.swb10612[data-swb10612-version]) :is(#callnowbutton, #call-now-button, .call-now-button) { display: none !important; } @media (max-width: 699px) { body:has(main.swb10612[data-swb10612-version]) #swb-back-to-top { bottom: max(calc(108px + env(safe-area-inset-bottom, 0px)), var(--swb-top-obstacle, 0px)); } } }