:root { --lipo-bg: #ffffff; --lipo-fg: #1a1a1a; --lipo-primary: hsl(200, 100%, 50%); --lipo-primary-hover: hsl(200, 100%, 45%); --lipo-secondary: hsl(180, 60%, 55%); --lipo-accent: hsl(45, 100%, 50%); --lipo-muted: #f5f5f5; --lipo-border: #e0e0e0; --lipo-radius: 20px; --lipo-gradient: linear-gradient(135deg, hsl(200, 100%, 50%), hsl(180, 60%, 55%)); --lipo-shadow-sm: 0 4px 20px rgba(0, 0, 0, 0.08); --lipo-shadow-md: 0 8px 30px rgba(0, 0, 0, 0.12); --lipo-shadow-lg: 0 12px 40px rgba(0, 0, 0, 0.15); --header-h: 80px; }
* { margin: 0px; padding: 0px; box-sizing: border-box; }
body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; line-height: 1.6; color: var(--lipo-fg); -webkit-font-smoothing: antialiased; }
.lipo-scroll-progress { position: fixed; top: 0px; left: 0px; width: 0%; height: 4px; background: linear-gradient(90deg, var(--lipo-primary), var(--lipo-secondary)); z-index: 9999; transition: width 0.01s; }
@supports (animation-timeline: scroll()) {.lipo-scroll-progress { animation-duration: auto; animation-timing-function: linear; animation-delay: 0s; animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: none; animation-play-state: running; animation-name: scroll-progress; animation-range: normal; animation-timeline: scroll(); }
@keyframes scroll-progress { 
  100% { width: 100%; }
}}
@keyframes fadeInUp { 
  0% { opacity: 0; transform: translateY(30px); }
  100% { opacity: 1; transform: translateY(0px); }
}
.lipo-subnav { position: sticky; top: var(--header-h); background: white; box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 10px; z-index: 999; transition: 0.3s; }
.lipo-subnav-container { max-width: 1400px; margin: 0px auto; padding: 0px 2rem; }
.lipo-subnav-tabs { display: flex; gap: 0.5rem; overflow-x: auto; scroll-behavior: smooth; scrollbar-width: none; }
.lipo-subnav-tabs::-webkit-scrollbar { display: none; }
.lipo-subnav-tab { flex-shrink: 0; padding: 1.25rem 1.5rem; font-size: 0.95rem; font-weight: 600; color: rgb(102, 102, 102); text-decoration: none; border-bottom: 3px solid transparent; transition: 0.3s; white-space: nowrap; }
.lipo-subnav-tab:hover { color: var(--lipo-primary); background: rgba(0, 100, 200, 0.05); }
.lipo-content-container { max-width: 1200px; margin: 4rem auto; padding: 0px 2rem; }
.lipo-content-section { margin: 60px auto; max-width: 1200px; padding: 0px 20px; scroll-margin-top: 100px; }
.lipo-content-section .content-card { background: white; border-radius: 24px; padding: 40px; box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 24px; }
.lipo-content-section .card-header { display: flex; align-items: center; gap: 24px; margin-bottom: 32px; }
.lipo-content-section .icon-circle { width: 70px; height: 70px; min-width: 70px; border-radius: 50%; background: rgb(252, 231, 243); display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.lipo-content-section .icon-circle .icon { color: rgb(236, 72, 153); }
.lipo-content-section .card-header h2 { font-size: 28px; font-weight: 700; color: rgb(26, 26, 26); margin: 0px; line-height: 1.3; }
.lipo-content-section .text-large { font-size: 18px; line-height: 1.8; color: rgb(51, 51, 51); margin-bottom: 24px; }
.lipo-facts-wrapper { margin: 60px auto; max-width: 1200px; padding: 0px 20px; }
.lipo-facts-box { background: linear-gradient(135deg, var(--lipo-muted) 0%, white 100%); padding: 2.5rem; border-radius: var(--lipo-radius); border: 2px solid var(--lipo-border); }
.lipo-facts-title { font-size: 1.5rem; font-weight: 700; margin-bottom: 1.5rem; color: var(--lipo-primary); }
.lipo-facts-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 1.5rem; }
.lipo-fact-item { display: flex; flex-direction: column; gap: 0.5rem; padding: 1rem; background: white; border-radius: 8px; box-shadow: rgba(0, 0, 0, 0.08) 0px 1px 4px; }
.lipo-fact-label { font-size: 0.875rem; font-weight: 600; color: rgb(102, 102, 102); text-transform: uppercase; letter-spacing: 0.5px; }
.lipo-fact-value { font-size: 1rem; font-weight: 600; color: var(--lipo-fg); }
.lipo-check-list { list-style: none; margin: 1.5rem 0px; }
.lipo-check-list li { position: relative; padding-left: 2rem; margin-bottom: 1rem; line-height: 1.7; }
.lipo-check-list li::before { content: "✓"; position: absolute; left: 0px; color: var(--lipo-primary); font-weight: 700; font-size: 1.25rem; }
.lipo-highlight-box { background: linear-gradient(135deg, rgb(230, 242, 255) 0%, rgb(245, 235, 250) 100%); padding: 1.5rem; border-left: 4px solid var(--lipo-primary); border-radius: 8px; margin: 1.5rem 0px; }
.lipo-info-box { background: linear-gradient(135deg, rgb(255, 249, 230) 0%, rgb(255, 244, 230) 100%); padding: 2rem; border-left: 4px solid var(--lipo-accent); border-radius: var(--lipo-radius); margin: 2rem 0px; }
.lipo-info-box h3 { font-size: 1.5rem; font-weight: 700; margin-bottom: 1rem; color: var(--lipo-fg); }
.lipo-accordion-icon { flex-shrink: 0; transition: transform 0.3s; }
.lipo-process-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 2rem; margin-top: 2rem; }
.lipo-process-step { text-align: center; padding: 2rem; background: var(--lipo-muted); border-radius: var(--lipo-radius); transition: 0.3s; }
.lipo-process-step:hover { background: white; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 20px; transform: translateY(-5px); }
.lipo-process-number { display: inline-flex; align-items: center; justify-content: center; width: 60px; height: 60px; background: linear-gradient(135deg, var(--lipo-primary), var(--lipo-secondary)); color: white; border-radius: 50%; font-size: 1.5rem; font-weight: 700; margin-bottom: 1rem; }
.lipo-process-step h3, .lipo-process-step h4 { font-size: 1.125rem; font-weight: 700; margin-bottom: 0.75rem; color: var(--lipo-fg); }
.lipo-process-step p { font-size: 0.95rem; line-height: 1.6; color: rgb(102, 102, 102); }
.lipo-treatment-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 2rem; margin-top: 2rem; }
.lipo-treatment-card { background: white; padding: 2rem; border-radius: var(--lipo-radius); border: 2px solid var(--lipo-border); transition: 0.3s; }
.lipo-treatment-card:hover { border-color: var(--lipo-primary); box-shadow: rgba(0, 100, 200, 0.1) 0px 4px 20px; transform: translateY(-2px); }
.lipo-treatment-icon { display: inline-flex; align-items: center; justify-content: center; width: 60px; height: 60px; background: var(--lipo-muted); border-radius: 12px; margin-bottom: 1.5rem; }
.lipo-treatment-card h3, .lipo-treatment-card h4 { font-size: 1.25rem; font-weight: 700; margin-bottom: 1rem; color: var(--lipo-fg); }
.lipo-treatment-card p { line-height: 1.7; color: rgb(102, 102, 102); margin-bottom: 1rem; }
.lipo-faq-accordion { margin: 2rem 0px; }
.lipo-faq-item { background: white; border: 1px solid var(--lipo-border); border-radius: 8px; margin-bottom: 1rem; overflow: hidden; transition: 0.3s; }
.lipo-faq-item:hover { box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 10px; }
.lipo-faq-question { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1.5rem; background: white; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; cursor: pointer; font-size: 1.125rem; font-weight: 600; color: var(--lipo-fg); text-align: left; transition: 0.3s; }
.lipo-faq-question:hover { background: var(--lipo-muted); }
.lipo-faq-answer { max-height: 0px; overflow: hidden; transition: max-height 0.3s; }
.lipo-faq-item.active .lipo-faq-answer { max-height: 500px; padding: 1.5rem; border-top: 1px solid var(--lipo-border); }
.lipo-faq-answer p { line-height: 1.7; color: rgb(102, 102, 102); }
@keyframes slideUp { 
  0% { opacity: 0; transform: translateX(-50%) translateY(20px); }
  100% { opacity: 1; transform: translateX(-50%) translateY(0px); }
}
@keyframes fadeIn { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes zoomIn { 
  0% { opacity: 0; transform: scale(0.8); }
  100% { opacity: 1; transform: scale(1); }
}
@media (max-width: 768px) {.lipo-subnav-tabs { padding-left: 1rem; }
.lipo-subnav-tab { padding: 1rem 1.25rem; font-size: 0.875rem; }
.lipo-content-container { padding: 0px 1rem; margin: 2rem auto; }
.lipo-content-section { margin: 40px auto; padding: 0px 10px; }
.lipo-content-section .content-card { padding: 1.5rem; }
.lipo-content-section .card-header { gap: 12px; align-items: flex-start; }
.lipo-content-section .icon-circle { width: 44px; height: 44px; min-width: 44px; }
.lipo-content-section .card-header h2 { font-size: clamp(1rem, 4vw, 1.25rem); line-height: 1.3; word-break: break-word; overflow-wrap: break-word; hyphens: auto; white-space: normal; max-width: 100%; }
.lipo-facts-wrapper { margin: 40px auto; padding: 0px 10px; }
.lipo-facts-box { padding: 1.5rem; }
.lipo-facts-grid { grid-template-columns: 1fr; gap: 1rem; }
.lipo-benefits-grid, .lipo-process-grid, .lipo-treatment-cards, .lipo-comparison-grid { grid-template-columns: 1fr; }}
@keyframes float { 
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-10px); }
}
@keyframes slideInLeft { 
  0% { opacity: 0; transform: translateX(-20px); }
  100% { opacity: 1; transform: translateX(0px); }
}
.lipo-process-step { flex: 1 1 0%; min-width: 0px; }
.finance-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; margin-top: 40px; }
@media (max-width: 900px) {.finance-grid { grid-template-columns: 1fr; }}
.finance-box { background: rgb(248, 250, 252); padding: 30px; border-radius: 16px; border: 1px solid rgb(226, 232, 240); transition: transform 0.3s, box-shadow 0.3s; }
.finance-box:hover { transform: translateY(-5px); box-shadow: rgba(0, 0, 0, 0.08) 0px 10px 30px; background: rgb(255, 255, 255); }
.finance-box h3 { font-size: 1.4rem; font-weight: 700; color: var(--lipo-primary); margin-bottom: 1rem; margin-top: 0px; }
.finance-box p { color: rgb(71, 85, 105); font-size: 1.05rem; line-height: 1.7; }
.finance-highlight { margin-top: 20px; padding: 15px; background: rgb(220, 252, 231); border-radius: 8px; color: rgb(22, 101, 52); font-weight: 700; text-align: center; border: 1px solid rgb(187, 247, 208); display: inline-block; width: 100%; }
.lipo-section-media { margin-top: 2.5rem; margin-bottom: 0.5rem; text-align: center; }
.lipo-section-media img { width: 100%; max-width: 900px; height: auto; border-radius: 18px; box-shadow: rgba(0, 0, 0, 0.12) 0px 16px 38px; object-fit: cover; object-position: center center; display: block; margin-left: auto; margin-right: auto; }
.lipo-section-media figcaption { margin-top: 0.75rem; font-size: 0.92rem; color: rgb(106, 122, 137); }
.lipo-risks-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 2rem; }
.lipo-risk-box { background: white; border: 1px solid rgb(229, 231, 235); padding: 2rem; border-radius: 16px; box-shadow: rgba(0, 0, 0, 0.06) 0px 4px 16px; }
.lipo-risk-box h3 { margin-bottom: 1.2rem; font-size: 1.35rem; font-weight: 700; color: var(--lipo-primary); }
.lipo-risk-box ul { list-style: none; margin: 0px; padding: 0px; }
.lipo-risk-box li { padding-left: 1.2rem; position: relative; margin-bottom: 0.75rem; line-height: 1.6; }
.lipo-risk-box li::before { content: "•"; position: absolute; left: 0px; top: 0px; color: var(--lipo-primary); font-size: 1.2rem; line-height: 1; }
@media (max-width: 768px) {.lipo-risks-grid { grid-template-columns: 1fr; }}
:root { --lipo-bg: #ffffff; --lipo-fg: #1a1a1a; --lipo-primary: hsl(200, 100%, 50%); --lipo-primary-hover: hsl(200, 100%, 45%); --lipo-secondary: hsl(180, 60%, 55%); --lipo-accent: hsl(45, 100%, 50%); --lipo-muted: #f5f5f5; --lipo-border: #e0e0e0; --lipo-radius: 20px; --lipo-gradient: linear-gradient(135deg, hsl(200, 100%, 50%), hsl(180, 60%, 55%)); --lipo-shadow-sm: 0 4px 20px rgba(0, 0, 0, 0.08); --lipo-shadow-md: 0 8px 30px rgba(0, 0, 0, 0.12); --lipo-shadow-lg: 0 12px 40px rgba(0, 0, 0, 0.15); --header-h: 80px; }
* { margin: 0px; padding: 0px; box-sizing: border-box; }
body { font-family: Inter, sans-serif; line-height: 1.6; color: var(--lipo-fg); background-color: var(--lipo-bg); }
.vascular-page .content-container, .page-template-default .content-container, .lipo-content-container, .lipo-content-section { width: 100%; max-width: 1200px !important; margin: 0px auto !important; padding: 3rem 1rem !important; }
.lipo-risks-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 2rem; }
.lipo-risk-box { background: white; border: 1px solid rgb(229, 231, 235); padding: 2rem; border-radius: 16px; box-shadow: var(--lipo-shadow-sm); }
@media (max-width: 768px) {.vascular-page .content-container, .page-template-default .content-container, .lipo-content-container, .lipo-content-section, .lipo-risks-wrapper, .lipo-facts-wrapper, .praxis-highlight-box, .lipo-guideline-container, .lipodem-section .container { width: 100% !important; max-width: 100% !important; margin-left: 0px !important; margin-right: 0px !important; padding-left: 1rem !important; padding-right: 1rem !important; box-sizing: border-box !important; }
.lipo-risks-grid { grid-template-columns: 1fr !important; gap: 1.5rem !important; }
.lipo-risk-box { padding: 1.5rem !important; }
h1, h2, h3, h4, h5, h6, p, li, a, span, div, blockquote { overflow-wrap: break-word !important; hyphens: auto !important; max-width: 100% !important; }}
.blepharoplasty-page-wrapper { overflow-x: clip; }
.bleph-decision-section { padding-top: 2.25rem !important; }
.bleph-decision-card { border-left: 4px solid rgb(15, 118, 110); background: linear-gradient(rgba(240, 253, 250, 0.78) 0%, rgb(255, 255, 255) 42%), rgb(255, 255, 255); }
.bleph-answer-grid { display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 1rem; margin-top: 2rem; }
.bleph-answer-card { background: rgb(255, 255, 255); border: 1px solid rgba(15, 23, 42, 0.09); border-radius: 14px; padding: 1.25rem; box-shadow: rgba(15, 23, 42, 0.06) 0px 14px 34px; }
.bleph-answer-card span { display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; border-radius: 999px; background: rgb(15, 118, 110); color: rgb(255, 255, 255); font-weight: 800; font-size: 0.8rem; margin-bottom: 0.9rem; }
.bleph-answer-card h3 { margin: 0px 0px 0.55rem; color: rgb(15, 23, 42); font-size: 1.05rem; line-height: 1.3; }
.bleph-answer-card p { margin: 0px; color: rgb(71, 85, 105); line-height: 1.68; font-size: 0.95rem; }
.bleph-trust-strip { display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 0.75rem; margin-top: 1.4rem; padding-top: 1.4rem; border-top: 1px solid rgba(15, 23, 42, 0.08); }
.bleph-trust-strip div { min-width: 0px; background: rgb(248, 250, 252); border: 1px solid rgba(15, 23, 42, 0.08); border-radius: 12px; padding: 0.9rem 1rem; }
.bleph-trust-strip strong, .bleph-trust-strip span { display: block; }
.bleph-trust-strip strong { color: rgb(15, 23, 42); font-size: 0.82rem; line-height: 1.25; }
.bleph-trust-strip span { margin-top: 0.2rem; color: rgb(71, 85, 105); font-size: 0.9rem; line-height: 1.35; }
.bleph-cost-note { margin-top: 1.25rem; padding: 1.1rem 1.2rem; border-radius: 14px; background: rgb(248, 250, 252); border: 1px solid rgba(15, 23, 42, 0.08); color: rgb(51, 65, 85); line-height: 1.7; }
.bleph-cost-note strong { color: rgb(15, 23, 42); }
.lipo-faq-question { text-align: left; }
@media (max-width: 1024px) {.bleph-answer-grid, .bleph-trust-strip { grid-template-columns: repeat(2, minmax(0px, 1fr)); }}
@media (max-width: 768px) {html:has(.blepharoplasty-page-wrapper), body:has(.blepharoplasty-page-wrapper) { max-width: 100%; overflow-x: hidden; }
body:has(.blepharoplasty-page-wrapper) main, .blepharoplasty-page-wrapper, .blepharoplasty-page-wrapper .lipo-content-container, .blepharoplasty-page-wrapper .lipo-content-section { overflow-x: hidden; width: 100% !important; max-width: 100vw !important; box-sizing: border-box !important; }
.bleph-hero-wrapper { min-height: 540px; }
.bleph-hero-card { border-radius: 18px; }
.bleph-hero-title { font-size: 1.25rem; overflow-wrap: anywhere; hyphens: auto; }
.lipo-subnav { top: 0px; }
.lipo-subnav-container { padding: 0px 0.75rem; }
.lipo-subnav-tabs { gap: 0.4rem; }
.lipo-subnav-tab { flex: 0 0 auto; white-space: nowrap; padding: 0.75rem 0.85rem; font-size: 0.86rem; }
.bleph-answer-grid, .bleph-trust-strip { grid-template-columns: 1fr; }
.bleph-decision-section { padding-top: 1.35rem !important; }
.bleph-decision-card { overflow: hidden; padding: 1.25rem !important; width: 100% !important; max-width: 100% !important; margin-left: auto !important; margin-right: auto !important; box-sizing: border-box !important; }
.bleph-decision-card .card-header { display: grid; grid-template-columns: 44px minmax(0px, 1fr); gap: 0.85rem; align-items: start; }
.bleph-decision-card .card-header .icon-circle { width: 44px; height: 44px; }
.bleph-decision-card .card-header h2 { min-width: 0px; font-size: 1.35rem; line-height: 1.22; overflow-wrap: anywhere; hyphens: auto; }
.bleph-decision-card .text-large { font-size: 1rem; line-height: 1.68; max-width: 100%; overflow-wrap: anywhere; }
.bleph-answer-card { padding: 1rem; min-width: 0px; }
.bleph-answer-card, .bleph-trust-strip div, .bleph-cost-note { border-radius: 12px; }
.bleph-trust-strip div, .bleph-cost-note { padding: 0.9rem; }}