/* ==========================================================================
           DESIGN SYSTEM - GLOBALNE ZMIENNE
           ========================================================================== */
        :root {
            /* 1. Kolorystyka (Colors) */
            --c-primary: #1A2B44;        /* Główny granat */
            --c-primary-hover: #111C2D;
            --c-accent: #0EA5E9;         /* Główny błękit */
            --c-accent-light: #E5F0FF;
            --c-success: #00A86B;        /* Szmaragdowy (pozytywne akcenty) */
            --c-text-main: #101828;      /* Ciemny tekst nagłówków */
            --c-text-muted: #667085;     /* Szary tekst akapitów */
            --c-bg-main: #ffffff;        /* Tło strony */
            --c-bg-alt: #F9FAFB;         /* Tło sekcji wyróżnionych */
            --c-border: #E4E7EC;         /* Kolor ramek */

            /* 2. Typografia (Typography) */
            --font-main: 'Plus Jakarta Sans', sans-serif;
            --text-xs: 0.75rem;    /* 12px */
            --text-sm: 0.875rem;   /* 14px */
            --text-base: 1rem;     /* 16px */
            --text-lg: 1.125rem;   /* 18px */
            --text-xl: 1.5rem;     /* 24px */
            --text-2xl: 2rem;      /* 32px */
            --text-3xl: 2.375rem;  /* 38px */
            --text-4xl: 3rem;      /* 48px */
            --leading-tight: 1.2;
            --leading-base: 1.6;

            /* 3. Odstępy i Siatka (Spacing & Grid) */
            --space-xs: 8px;
            --space-sm: 16px;
            --space-md: 24px;
            --space-lg: 32px;
            --space-xl: 48px;
            --space-xxl: 80px;
            --space-section: 120px; 
            --container-padding: 8%;

            /* 4. Interfejs (Borders & Shadows) */
            --radius-sm: 8px;
            --radius-md: 16px;
            --radius-lg: 24px;
            --shadow-sm: 0 4px 8px rgba(26, 43, 68, 0.04);
            --shadow-md: 0 12px 24px rgba(26, 43, 68, 0.06);
            --shadow-lg: 0 24px 48px rgba(26, 43, 68, 0.08);
            
            /* 5. Animacje (Transitions) */
            --transition-fast: 0.2s ease;
            --transition-base: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
        }

        /* ==========================================================================
           RESETOAWNIE I BAZA (Base)
           ========================================================================== */
        * { margin: 0; padding: 0; box-sizing: border-box; }
        
        body { 
            font-family: var(--font-main); 
            color: var(--c-text-main); 
            line-height: var(--leading-base); 
            background-color: var(--c-bg-main); 
            -webkit-font-smoothing: antialiased; 
            overflow-x: hidden; 
        }

        h1, h2, h3, h4 { font-weight: 700; letter-spacing: -0.03em; color: var(--c-text-main); line-height: var(--leading-tight); }
        p { color: var(--c-text-muted); font-size: var(--text-lg); }
        a { text-decoration: none; transition: var(--transition-fast); }

        /* ==========================================================================
           KOMPONENTY GLOBALNE (Components)
           ========================================================================== */
        .container { padding: 0 var(--container-padding); }
        
        /* Przyciski */
        .btn { display: inline-flex; align-items: center; justify-content: center; gap: var(--space-xs); font-family: var(--font-main); font-weight: 600; font-size: var(--text-sm); border-radius: var(--radius-sm); transition: var(--transition-base); border: none; cursor: pointer; padding: 14px var(--space-md); }
        .btn-primary { background-color: var(--c-primary); color: var(--c-bg-main); }
        .btn-primary:hover { background-color: var(--c-primary-hover); transform: translateY(-2px); box-shadow: var(--shadow-md); }
        .btn-accent { background-color: var(--c-accent); color: var(--c-bg-main); }
        .btn-accent:hover { background-color: #0c8ec4; transform: translateY(-2px); box-shadow: 0 8px 24px rgba(14, 165, 233, 0.25); }
        .btn-outline { background-color: transparent; border: 1px solid var(--c-border); color: var(--c-text-main); }
        
        /* Przycisk Hero (Główny CTA) */
        .btn-hero { font-size: var(--text-lg); padding: 20px 48px; border-radius: 12px; margin-top: var(--space-lg); box-shadow: 0 16px 32px rgba(26, 43, 68, 0.15); }

        /* Logo MedEQA - Główne */
		.brand-logo img{
			height:44px;;
		}

        /* Logo MedEQA - Skalowane do Mockupów (DRY) */
		.mockup-brand-logo { font-size: var(--text-lg); font-weight: 800; color: var(--c-primary); letter-spacing: -0.05em; display: inline-flex; align-items: center; gap: 6px; 

		}
		.mockup-brand-logo img{
		height:25px;
		}

        /* Lista z ikonami */
        .feature-list { list-style: none; display: flex; flex-direction: column; gap: var(--space-md); }
        .feature-list li { display: flex; align-items: flex-start; gap: var(--space-sm); font-size: var(--text-base); color: var(--c-text-main); font-weight: 500; }
        .feature-icon { flex-shrink: 0; width: 24px; height: 24px; background: var(--c-accent-light); color: var(--c-accent); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-top: 2px; }
        .feature-icon svg { width: 14px; height: 14px; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; fill: none; stroke: currentColor; }

        /* ==========================================================================
           LAYOUT STRONY (Layout)
           ========================================================================== */
        
        /* Header */
        header { height: 84px; display: flex; align-items: center; justify-content: space-between; position: sticky; top: 0; background: rgba(255, 255, 255, 0.98); backdrop-filter: blur(12px); z-index: 1000; border-bottom: 1px solid var(--c-border); }
        nav { display: flex; gap: var(--space-lg); }
        nav a { color: var(--c-text-main); font-weight: 600; font-size: var(--text-sm); }
        nav a:hover { color: var(--c-accent); }

        /* Hero */
        .hero-section { padding: 140px var(--container-padding) 120px; text-align: center; background: linear-gradient(180deg, var(--c-bg-alt) 0%, var(--c-bg-main) 100%); }
        .hero-section h1 { font-size: 52px; margin-bottom: var(--space-md); }
        .hero-section p { max-width: 700px; margin: 0 auto; font-size: var(--text-xl); }

        /* Sekcje Zig-Zag */
        .showcase-section { padding: var(--space-xxl) var(--container-padding) var(--space-lg); }
        .split-row { display: flex; align-items: center; gap: var(--space-xxl); margin-bottom: var(--space-section); }
        .split-row:last-child { margin-bottom: 0; } /* ZLIKWIDOWANY NEGATIVE SPACE */
        .split-row.reverse { flex-direction: row-reverse; }
        
        .split-content { flex: 1; max-width: 500px; }
        .split-content h2 { font-size: var(--text-3xl); margin-bottom: var(--space-md); }
        .split-content > p { margin-bottom: var(--space-lg); }
        .split-visual { flex: 1.2; position: relative; perspective: 1200px; }

        /* ==========================================================================
           GRAFIKI WIDŻETÓW (Mockups - HTML/CSS UI)
           ========================================================================== */
        
        /* 1. Ankieta Tally */
        .mockup-wrapper { display: flex; gap: var(--space-md); align-items: flex-end; transform: rotateY(3deg) rotateX(2deg); transition: var(--transition-base); position: relative; z-index: 10; }
        .split-visual:hover .mockup-wrapper { transform: rotateY(0) rotateX(0); }
        
        .mockup-card { background: var(--c-bg-main); border-radius: var(--radius-lg); box-shadow: var(--shadow-lg); padding: var(--space-lg); flex: 1; border: 1px solid var(--c-border); overflow: hidden; position: relative; display: flex; flex-direction: column; }
        .mockup-card-tally { height: 600px; }
        .mockup-card-tally::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 120px; background: linear-gradient(to top, rgba(255,255,255,1) 10%, rgba(255,255,255,0) 100%); z-index: 2; pointer-events: none; }

        .tally-title { font-size: var(--text-lg); font-weight: 800; color: var(--c-text-main); margin-bottom: var(--space-xs); text-transform: uppercase; letter-spacing: 0.02em; }
        .tally-desc { font-size: var(--text-xs); color: var(--c-text-muted); line-height: 1.5; margin-bottom: var(--space-md);}

        .tally-q { margin-bottom: var(--space-md); }
        .tally-q-title { font-size: var(--text-sm); font-weight: 700; color: var(--c-primary); margin-bottom: var(--space-xs); }
        
        .tally-radio-group { display: flex; flex-wrap: wrap; gap: 10px; }
        .tally-radio { font-size: var(--text-xs); font-weight: 600; color: var(--c-text-muted); padding: 8px 14px; border: 1px solid var(--c-border); border-radius: 20px; display: flex; align-items: center; gap: 8px; }
        .tally-radio::before { content: ''; width: 12px; height: 12px; border-radius: 50%; border: 2px solid var(--c-border); }
        .tally-radio.active { border-color: var(--c-accent); color: var(--c-accent); background: var(--c-accent-light); }
        .tally-radio.active::before { border-color: var(--c-accent); background: var(--c-accent); box-shadow: inset 0 0 0 3px white; }

        .tally-select-list { display: flex; flex-direction: column; gap: 8px; }
        .tally-select-item { font-size: var(--text-xs); font-weight: 600; color: var(--c-text-main); padding: 12px var(--space-sm); border: 1px solid var(--c-border); border-radius: var(--radius-sm); display: flex; align-items: center; justify-content: space-between; }
        .tally-select-item.active { border-color: var(--c-accent); box-shadow: 0 0 0 1px var(--c-accent); background: #FAFAFA; }
        .tally-select-item.active::after { content: '✓'; color: var(--c-accent); font-size: var(--text-base); }

        .tally-input-text { width: 100%; border: none; border-bottom: 2px solid var(--c-border); padding: 12px 0; font-size: var(--text-sm); outline: none; font-family: inherit; margin-top: 10px; color: var(--c-text-main);}

        .tally-footer { display: flex; justify-content: space-between; align-items: center; margin-top: auto; position: relative; z-index: 5; padding-top: var(--space-md); border-top: 1px solid var(--c-border); }
        .tally-progress { font-size: var(--text-xs); font-weight: 600; color: var(--c-text-muted); }
        .tally-btn-group { display: flex; gap: 12px; }

        /* QR Code */
        .mockup-qr { background: var(--c-bg-main); border-radius: var(--radius-md); padding: var(--space-md); box-shadow: var(--shadow-lg); border: 1px solid var(--c-border); text-align: center; display: flex; flex-direction: column; align-items: center; gap: 10px; transform: rotate(-4deg); position: absolute; right: -40px; bottom: var(--space-xxl); z-index: 20; }
        .qr-frame { width: 110px; height: 110px; background-color: var(--c-bg-main); border: 1px solid #f0f0f0; background-image: url("../images/qr-8wMcSJ2.svg"); background-size: cover; }

        /* 2. Dashboard Audytowy */
        .mockup-wrapper.reverse { transform: rotateY(-3deg) rotateX(2deg); perspective: 1200px; }
        .mockup-card-dashboard { max-width: 650px; margin-left: auto; gap: var(--space-md); }
        
        .dash-header { display: flex; justify-content: space-between; align-items: center; padding-bottom: var(--space-sm); border-bottom: 1px solid var(--c-border); }
        .dash-title { font-size: var(--text-lg); font-weight: 800; color: var(--c-primary); display: flex; align-items: center; }
        .dash-badge { font-size: 11px; font-weight: 700; color: var(--c-text-main); background: var(--c-bg-alt); padding: 4px 10px; border-radius: 6px; letter-spacing: 0.05em; }

        .dash-grid-top { display: grid; grid-template-columns: 1fr 1.5fr; gap: var(--space-md); }
        
        .dash-panel { border: 1px solid var(--c-border); border-radius: var(--radius-md); padding: var(--space-md); display: flex; flex-direction: column; }
        .panel-title { font-size: var(--text-xs); font-weight: 700; color: var(--c-primary); margin-bottom: var(--space-sm); }
        
        /* Wykres Kołowy */
        .pie-panel { align-items: center; }
        .css-pie { width: 110px; height: 110px; border-radius: 50%; background: conic-gradient(var(--c-accent) 0% 58%, var(--c-primary) 58% 98%, var(--c-border) 98% 100%); position: relative; display: flex; justify-content: center; align-items: center; margin-bottom: var(--space-sm); }
        .css-pie::after { content: ''; width: 70px; height: 70px; background: var(--c-bg-main); border-radius: 50%; box-shadow: var(--shadow-sm); } 
        .pie-value { font-size: var(--text-lg); font-weight: 800; color: var(--c-text-main); position: absolute; z-index: 2; line-height: 1.1; text-align: center; }
        .pie-value span { font-size: 10px; color: var(--c-text-muted); font-weight: 600; display: block; }
        .pie-legend { display: flex; flex-direction: column; gap: 8px; width: 100%; font-size: 11px; color: var(--c-text-muted); font-weight: 600; }
        .legend-row { display: flex; justify-content: space-between; align-items: center; }
        .legend-label { display: flex; align-items: center; gap: 6px; }
        .dot { width: 8px; height: 8px; border-radius: 50%; display: inline-block; }

        /* Wykres Pionowy Wzrostu */
        .growth-panel { justify-content: space-between; }
        .bar-chart-v { flex: 1; display: flex; align-items: flex-end; justify-content: space-between; gap: 10px; border-bottom: 1px dashed var(--c-border); padding-bottom: 10px; margin-top: 10px; }
        .bar-v { width: 100%; background: var(--c-accent-light); border-radius: 4px 4px 0 0; }
        .bar-v:nth-child(1) { height: 35%; }
        .bar-v:nth-child(2) { height: 45%; }
        .bar-v:nth-child(3) { height: 60%; }
        .bar-v:nth-child(4) { height: 80%; background: var(--c-accent); }
        .bar-v:nth-child(5) { height: 100%; background: var(--c-primary); }
        .bar-labels-v { display: flex; justify-content: space-between; margin-top: 10px; font-size: 10px; color: var(--c-text-muted); font-weight: 600; }

        /* Wykres Poziomy (Oceny Poradni) */
        .rating-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: var(--space-sm); }
        .rating-scale { font-size: 10px; color: var(--c-text-muted); font-weight: 600; }
        .bar-row-h { display: flex; align-items: center; margin-bottom: 12px; }
        .bar-row-h:last-child { margin-bottom: 0; }
        .label-h { width: 170px; font-size: 11px; font-weight: 600; color: var(--c-text-muted); text-align: right; padding-right: var(--space-sm); line-height: 1.2; }
        .track-h { flex: 1; height: 16px; background: var(--c-bg-alt); border-radius: 8px; position: relative; }
        .fill-h { height: 100%; background: var(--c-accent); border-radius: 8px; }
        .fill-h.c1 { background: var(--c-primary); width: 92%; }
        .fill-h.c2 { background: var(--c-accent); width: 85%; }
        .fill-h.c3 { background: #4C9AFF; width: 89%; }
        .fill-h.c4 { background: var(--c-success); width: 90%; }
        .val-h { font-size: 12px; font-weight: 800; color: var(--c-primary); margin-left: 12px; width: 24px; }

        /* ==========================================================================
           SEKCJA KONTAKTOWA B2B
           ========================================================================== */
        .b2b-section { padding: var(--space-section) var(--container-padding); background: var(--c-primary); position: relative; overflow: hidden; margin-top: var(--space-xl); }
        .b2b-section::before { content: ''; position: absolute; top: -50%; right: -20%; width: 80%; height: 100%; background: radial-gradient(circle, rgba(14, 165, 233, 0.15) 0%, transparent 60%); pointer-events: none; }
        
        .b2b-grid { display: flex; gap: var(--space-xxl); align-items: center; position: relative; z-index: 10; max-width: 1200px; margin: 0 auto; }
        .b2b-content { flex: 1; color: var(--c-bg-main); }
        .b2b-content h2 { color: var(--c-bg-main); font-size: var(--text-4xl); margin-bottom: var(--space-md); }
        .b2b-content p { color: #A4B1CD; margin-bottom: var(--space-lg); }
        
        .b2b-benefits { list-style: none; padding: 0; margin-bottom: var(--space-lg); }
        .b2b-benefits li { display: flex; align-items: center; gap: var(--space-sm); margin-bottom: 20px; font-size: var(--text-base); color: var(--c-bg-main); font-weight: 500; }
        .b2b-benefits .icon { color: var(--c-accent); width: 24px; height: 24px; background: rgba(14, 165, 233, 0.15); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: bold; }
        
        /* Formularz */
        .b2b-form-card { flex: 1; background: var(--c-bg-main); padding: var(--space-xl); border-radius: var(--radius-lg); box-shadow: 0 32px 64px rgba(0,0,0,0.3); width: 100%; max-width: 550px; }
        .b2b-form-card h3 { font-size: var(--text-xl); color: var(--c-primary); margin-bottom: var(--space-xs); }
        .b2b-form-card > p { font-size: var(--text-sm); margin-bottom: var(--space-lg); }
        
        .form-group { margin-bottom: var(--space-md); }
        .form-label { display: block; font-size: 13px; font-weight: 700; color: var(--c-primary); margin-bottom: 8px; text-transform: uppercase; letter-spacing: 0.05em; }
        .form-control { width: 100%; padding: 14px var(--space-sm); border: 1px solid var(--c-border); border-radius: var(--radius-sm); font-family: inherit; font-size: var(--text-sm); color: var(--c-text-main); transition: var(--transition-base); background: var(--c-bg-alt); appearance: none; }
        select.form-control { background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 24 24" fill="none" stroke="%231A2B44" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><polyline points="6 9 12 15 18 9"></polyline></svg>'); background-repeat: no-repeat; background-position: right 16px center; background-size: 16px; cursor: pointer; }
        .form-control:focus { outline: none; border-color: var(--c-accent); background: var(--c-bg-main); box-shadow: 0 0 0 4px var(--c-accent-light); }
        
        .form-row { display: flex; gap: var(--space-md); }
        .form-row .form-group { flex: 1; }
        
        .form-check { display: flex; gap: 12px; align-items: flex-start; margin-bottom: var(--space-lg); }
        .form-check input { margin-top: 4px; width: 18px; height: 18px; accent-color: var(--c-accent); cursor: pointer; }
        .form-check label { font-size: 12px; color: var(--c-text-muted); line-height: 1.5; cursor: pointer; }
        .form-check a { color: var(--c-accent); font-weight: 600; }
        
        /* ==========================================================================
           UTILITIES & ANIMATIONS
           ========================================================================== */
        .reveal { opacity: 0; transform: translateY(40px); transition: all 0.9s cubic-bezier(0.16, 1, 0.3, 1); }
        .reveal.active { opacity: 1; transform: translateY(0); }



        /* ==========================================================================
           NOWA SEKCJA PARALLAX
           ========================================================================== */
        .parallax-section {
            position: relative;
            height: 480px;
            background-image: url("../images/stand2-3PWpC_x.png"); /* Użycie wygenerowanej wizualizacji */
            background-attachment: fixed;
            background-position: center;
            --background-repeat: no-repeat;
            background-size: cover;
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
            overflow: hidden;
            margin: var(--space-xl) 0;
        }

        .parallax-section::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.65); /* Przyciemnienie granatem z palety */
            z-index: 1;
        }

        .parallax-content {
            position: relative;
            z-index: 2;
            color: white;
            padding: 0 var(--container-padding);
            width:100%;
        }

        .parallax-content h3 {
            color: white;
            font-size: var(--text-2xl);
            margin-bottom: var(--space-md);
            letter-spacing: -0.01em;
            text-shadow: 0 4px 12px rgba(0,0,0,0.3);
            text-align:left;
        }

        .parallax-content p {
            color: white;
            font-size: var(--text-lg);
            margin-bottom: var(--space-md);
            letter-spacing: -0.01em;
            text-shadow: 0 4px 12px rgba(0,0,0,0.3);
            text-align:left;
        }

		.parallax-content .btn {
			float:left
		}

        /* Poprawka dla urządzeń mobilnych (parallax często nie działa płynnie) */
        @media (max-width: 768px) {
            .parallax-section { background-attachment: scroll; height: 350px; }
            .parallax-content h3 { font-size: var(--text-2xl); }
        }




        /* ==========================================================================
           MEDIA QUERIES (Mobile RWD)
           ========================================================================== */
        @media (max-width: 992px) {
            .hero-section { padding: 100px var(--container-padding) 80px; }
            .hero-section h1 { font-size: var(--text-3xl); }
            .split-row, .split-row.reverse { flex-direction: column; gap: var(--space-xxl); margin-bottom: var(--space-xxl); }
            .split-visual { width: 100%; }
            .mockup-qr { right: auto; left: 20px; bottom: -20px; }
            .dash-grid-top { grid-template-columns: 1fr; }
            .b2b-grid { flex-direction: column; gap: var(--space-xl); }
            .b2b-form-card { padding: var(--space-lg) var(--space-md); }
            .form-row { flex-direction: column; gap: 0; }
            header nav { display: none; }
        }







/* ==========================================================================
           WIDŻET PARTNERÓW (STYL AIRBNB - INFINITE SCROLL)
           ========================================================================== */
        .trust-section {
            padding: 40px 0 80px;
            background: linear-gradient(180deg, var(--c-bg-main) 0%, var(--c-bg-alt) 100%);
            border-bottom: 1px solid var(--c-border);
        }

        .trust-label {
            text-align: center;
            font-size: var(--text-sm);
            font-weight: 700;
            color: var(--c-text-muted);
            text-transform: uppercase;
            letter-spacing: 0.05em;
            margin-bottom: var(--space-lg);
        }

        /* Wrapper z maską gradientową na brzegach (Fading edges) */
        .marquee-wrapper {
            position: relative;
            width: 100%;
            overflow: hidden;
            display: flex;
        }

        .marquee-wrapper::before,
        .marquee-wrapper::after {
            content: '';
            position: absolute;
            top: 0;
            width: 150px;
            height: 100%;
            z-index: 2;
            pointer-events: none;
        }

        .marquee-wrapper::before {
            left: 0;
            background: linear-gradient(to right, var(--c-bg-alt) 0%, rgba(249, 250, 251, 0) 100%);
        }

        .marquee-wrapper::after {
            right: 0;
            background: linear-gradient(to left, var(--c-bg-alt) 0%, rgba(249, 250, 251, 0) 100%);
        }

        .marquee-track {
            display: flex;
            gap: 24px;
            padding: 10px 0;
            /* Zatrzymanie animacji po najechaniu myszką (dobry UX) */
            animation: scrollMarquee 40s linear infinite;
            width: max-content;
        }

        .marquee-track:hover {
            animation-play-state: paused;
        }

        /* Karta przychodni w stylu Airbnb */
        .clinic-card {
            width: 200px;
            background: var(--c-bg-main);
            border-radius: 16px;
            border: 1px solid var(--c-border);
            overflow: hidden;
            box-shadow: 0 6px 16px rgba(0,0,0,0.04);
            transition: var(--transition-fast);
            cursor: pointer;
            flex-shrink: 0;
        }

        .clinic-card:hover {
            transform: translateY(-4px);
            box-shadow: 0 12px 24px rgba(0,0,0,0.08);
            border-color: #d3d5d9;
        }

        .clinic-img {
            width: 100%;
            height: 120px;
            background-size: cover;
            background-position: center;
        }

        .clinic-info {
            padding: 16px;
        }

        .clinic-header {
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
            gap: 8px;
            margin-bottom: 4px;
        }

        .clinic-name {
            font-size: 15px;
            font-weight: 700;
            color: var(--c-text-main);
            line-height: 1.3;
            margin: 0;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .clinic-rating {
            display: flex;
            align-items: center;
            gap: 4px;
            font-size: 14px;
            font-weight: 600;
            color: var(--c-text-main);
        }

        .clinic-rating svg {
            width: 14px;
            height: 14px;
        }

        .review-count {
            color: var(--c-text-muted);
            font-weight: 500;
        }

        .clinic-location {
            font-size: 14px;
            color: var(--c-text-muted);
            margin: 0;
        }

        @keyframes scrollMarquee {
            0% { transform: translateX(0); }
            100% { transform: translateX(-50%); }
        }

        /* Dla urządzeń mobilnych (zmniejszamy rozmycie boków) */
        @media (max-width: 768px) {
            .marquee-wrapper::before, .marquee-wrapper::after { width: 50px; }
            .clinic-card { width: 260px; }
        }