:root { --krampf-bg: #ffffff; --krampf-fg: #1a1a1a; --krampf-primary: #4E7F77; --krampf-primary-hover: #3d6a63; --krampf-secondary: #6A9A92; --krampf-accent: #8ab4ac; --krampf-muted: #f5f5f5; --krampf-border: #E5E7EB; --krampf-radius: 12px; --header-h: 80px; }
.cluster-brief { margin-bottom: 1.5rem; }
.cluster-brief__panel { padding: clamp(1.6rem, 2.8vw, 2.2rem); border-radius: 28px; background: linear-gradient(rgb(255, 255, 255) 0%, rgb(244, 251, 250) 100%); border: 1px solid rgba(27, 197, 189, 0.16); box-shadow: rgba(15, 23, 42, 0.06) 0px 16px 38px; }
.cluster-brief__eyebrow { display: inline-flex; align-items: center; gap: 0.55rem; padding: 0.5rem 0.9rem; border-radius: 999px; background: rgba(27, 197, 189, 0.12); color: rgb(15, 118, 110); font-size: 0.78rem; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; }
.cluster-brief__eyebrow::before { content: ""; width: 0.5rem; height: 0.5rem; border-radius: 999px; background: rgb(27, 197, 189); }
.cluster-brief__title { margin: 1rem 0px 0.65rem; color: rgb(27, 39, 48); font-size: clamp(1.7rem, 3vw, 2.4rem); line-height: 1.14; }
.cluster-brief__intro, .cluster-brief__card p { margin: 0px; color: rgb(84, 104, 117); line-height: 1.72; }
.cluster-brief__grid { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 1rem; margin-top: 1.25rem; }
.cluster-brief__card { padding: 1.15rem 1.2rem; border-radius: 22px; border: 1px solid rgba(15, 23, 42, 0.08); background: rgb(255, 255, 255); }
.cluster-brief__card h3 { margin: 0px 0px 0.45rem; color: rgb(27, 39, 48); font-size: 1.02rem; line-height: 1.35; }
.cluster-brief__links { display: flex; flex-wrap: wrap; gap: 0.75rem; margin-top: 1.2rem; }
.cluster-brief__links a { display: inline-flex; align-items: center; min-height: 2.8rem; padding: 0.75rem 1rem; border-radius: 999px; background: rgba(27, 197, 189, 0.1); border: 1px solid rgba(27, 197, 189, 0.16); color: rgb(15, 118, 110); font-weight: 700; text-decoration: none; }
@media (max-width: 900px) {.cluster-brief__grid { grid-template-columns: 1fr; }}
@media (max-width: 767px) {.cluster-brief__links a { width: 100%; justify-content: center; }}
* { 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(--krampf-fg); -webkit-font-smoothing: antialiased; }
html, body { overflow-y: auto !important; height: auto !important; position: static !important; }
.scroll-progress-container { position: fixed; top: 0px; left: 0px; width: 0%; height: 4px; background: linear-gradient(90deg, var(--krampf-primary), var(--krampf-secondary)); z-index: 9999; transition: width 0.1s; }
.theme-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; }
.theme-subnav-container { max-width: 1400px; margin: 0px auto; padding: 0px 2rem; }
.subnav-tabs { display: flex; gap: 0.5rem; overflow-x: auto; scroll-behavior: smooth; scrollbar-width: none; }
.subnav-tabs::-webkit-scrollbar { display: none; }
.subnav-tab { display: inline-flex; align-items: center; gap: 0.5rem; padding: 1rem 1.5rem; color: rgb(107, 114, 128); text-decoration: none; font-weight: 500; font-size: 0.95rem; border-bottom: 3px solid transparent; transition: 0.3s; white-space: nowrap; cursor: pointer; }
.subnav-tab:hover { color: var(--krampf-primary); background: rgba(78, 127, 119, 0.05); }
.subnav-tab.active { color: var(--krampf-primary); border-bottom-color: var(--krampf-primary); font-weight: 600; }
.vascular-page .content-container, .content-container { margin: 4rem auto; padding: 0px 1.5rem; width: 100%; max-width: 1200px !important; }
.content-card { background: white; padding: 3rem; border-radius: 20px; box-shadow: rgba(0, 0, 0, 0.06) 0px 2px 20px; margin-bottom: 3rem; }
.card-header { display: flex; align-items: center; gap: 1.5rem; margin-bottom: 2rem; }
.icon-circle { width: 60px; height: 60px; background: rgba(78, 127, 119, 0.1); border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.icon-circle .icon { color: rgb(78, 127, 119); }
.card-header h2 { font-size: 2rem; font-weight: 700; color: rgb(26, 26, 26); margin: 0px; }
.audio-player-container { margin: 1.5rem 0px; }
.audio-player-trigger { display: inline-flex; align-items: center; gap: 0.75rem; padding: 0.75rem 1.5rem; background: rgba(78, 127, 119, 0.05); border: 1px solid rgba(78, 127, 119, 0.2); border-radius: 50px; cursor: pointer; transition: 0.3s; font-size: 0.95rem; color: rgb(78, 127, 119); font-weight: 500; }
.audio-player-trigger:hover { background: rgba(78, 127, 119, 0.1); border-color: rgb(78, 127, 119); }
.audio-icon { width: 20px; height: 20px; }
.audio-player-trigger svg { width: 18px; height: 18px; }
audio { display: none; }
.divider { height: 1px; background: linear-gradient(90deg, transparent, rgb(229, 231, 235), transparent); margin: 2rem 0px; }
.text-large { font-size: 1.25rem; color: rgb(26, 26, 26); line-height: 1.8; margin-bottom: 1.5rem; }
.text-muted { font-size: 1.125rem; color: rgb(107, 114, 128); line-height: 1.8; margin-bottom: 1.5rem; }
.check-list { list-style: none; padding: 0px; margin: 2rem 0px; }
.check-list li { display: flex; align-items: flex-start; gap: 1rem; margin-bottom: 1.25rem; font-size: 1.125rem; line-height: 1.6; }
.check-icon { flex-shrink: 0; color: rgb(78, 127, 119); margin-top: 0.15rem; }
.highlight-box { display: flex; gap: 1.25rem; background: rgba(78, 127, 119, 0.05); padding: 1.75rem; border-radius: 12px; border-left: 4px solid rgb(78, 127, 119); margin: 2rem 0px; align-items: flex-start; }
.highlight-icon { flex-shrink: 0; color: rgb(78, 127, 119); }
.highlight-box strong { display: block; font-size: 1.125rem; color: rgb(26, 26, 26); margin-bottom: 0.5rem; }
.highlight-box p { color: rgb(107, 114, 128); margin: 0px; line-height: 1.6; }
.info-box { background: rgb(246, 248, 251); padding: 1.5rem; border-radius: 12px; margin: 2rem 0px; }
.info-box p { margin: 0px; color: rgb(55, 65, 81); line-height: 1.7; }
.therapy-grid { display: flex; flex-direction: column; gap: 1.5rem; margin: 2.5rem 0px; }
.therapy-method { display: flex; gap: 1.5rem; background: white; padding: 1.75rem; border-radius: 12px; border: 2px solid rgb(229, 231, 235); transition: 0.3s; }
.therapy-method:hover { border-color: rgb(78, 127, 119); transform: translateX(5px); box-shadow: rgba(78, 127, 119, 0.1) 0px 4px 20px; }
.method-number { width: 50px; height: 50px; background: white; border: 2px solid rgb(78, 127, 119); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: rgb(78, 127, 119); font-weight: 700; font-size: 1.5rem; flex-shrink: 0; }
.method-content h3 { font-size: 1.25rem; font-weight: 700; color: rgb(26, 26, 26); margin-bottom: 0.75rem; }
.method-content p { color: rgb(107, 114, 128); line-height: 1.7; margin: 0px; }
.modern-tech-box { display: flex; gap: 1.5rem; background: rgba(78, 127, 119, 0.05); padding: 2rem; border-radius: 16px; border: 2px solid rgba(78, 127, 119, 0.2); margin: 2.5rem 0px; align-items: flex-start; }
.tech-icon { color: rgb(78, 127, 119); flex-shrink: 0; }
.modern-tech-box h3 { font-size: 1.5rem; font-weight: 700; color: rgb(26, 26, 26); margin-bottom: 0.75rem; }
.modern-tech-box p { color: rgb(107, 114, 128); line-height: 1.7; margin: 0px; }
.faq-accordion { margin: 2rem 0px; }
.faq-item { border-bottom: 1px solid rgb(229, 231, 235); }
.faq-question { width: 100%; display: flex; justify-content: space-between; align-items: center; padding: 1.5rem 0px; background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; font-size: 1.125rem; font-weight: 600; color: rgb(26, 26, 26); cursor: pointer; text-align: left; transition: color 0.3s; }
.faq-question:hover { color: rgb(78, 127, 119); }
.faq-question svg { flex-shrink: 0; transition: transform 0.3s; color: rgb(78, 127, 119); }
.faq-answer { max-height: 0px; overflow: hidden; transition: max-height 0.3s; }
.faq-answer p { padding-bottom: 1.5rem; color: rgb(107, 114, 128); line-height: 1.7; }
@media (max-width: 768px) {.theme-subnav { top: 60px; }
.theme-subnav-container { padding: 0px 1rem; }
.content-container { margin: 2rem auto; padding: 0px 1rem; }
.content-card { padding: 2rem 1.5rem; }}
:root { --moshar-popup-layer: 2147483646; }
.card-image { display: block; width: 100%; height: auto; max-height: 400px; object-fit: cover; border-radius: var(--krampf-radius); margin-bottom: 2rem; box-shadow: rgba(0, 0, 0, 0.05) 0px 4px 12px; }
.card-image-vinasul { display: block; width: 100%; height: auto; margin-bottom: 2rem; object-fit: cover !important; max-height: 230px !important; }
@media (max-width: 768px) {.card-image { max-height: 250px; margin-bottom: 1.5rem; }
.card-header { flex-direction: column; text-align: center; gap: 1rem; }
.card-header h2 { font-size: 1.75rem; }}
@media (max-width: 768px) {.theme-subnav { overflow: hidden; }
.theme-subnav-container { padding-left: max(0.85rem, env(safe-area-inset-left)); padding-right: max(0.85rem, env(safe-area-inset-right)); }
.subnav-tabs { gap: 0.625rem; padding: 0.625rem 0px 0.75rem; margin: 0px -0.125rem; scroll-padding-inline: 1rem; overscroll-behavior-x: contain; }
.subnav-tab { flex: 0 0 auto; min-width: max-content; padding: 0.875rem 1rem; font-size: 0.9375rem; line-height: 1.2; border-radius: 0.875rem; }
.subnav-tab span { font-size: inherit; }
#app_unique_sticky_bar { left: max(0.75rem, env(safe-area-inset-left)) !important; right: max(0.75rem, env(safe-area-inset-right)) !important; width: auto !important; max-width: none !important; bottom: max(0.75rem, env(safe-area-inset-bottom)) !important; border-radius: 1rem !important; box-sizing: border-box !important; }
#app_unique_sticky_bar > * { min-width: 0px; }}