.legal-section-block h2 {
            background: var(--gradient-bg);
            color: white;
            padding: 1.5rem 2rem;
            margin: 0;
            font-size: 1.5rem;
            display: flex;
            align-items: center;
            gap: 0.75rem;
        }

        .content-block {
            padding: 2rem;
            line-height: 1.8;
        }

        .content-block p {
            margin-bottom: 1rem;
            color: #333;
        }

        .content-block h3 {
            color: var(--dark-color);
            margin: 1.5rem 0 1rem 0;
            font-size: 1.3rem;
            display: flex;
            align-items: center;
            gap: 0.5rem;
        }

        .content-block h4 {
            color: var(--dark-color);
            margin: 1rem 0 0.5rem 0;
            font-size: 1.1rem;
            display: flex;
            align-items: center;
            gap: 0.5rem;
        }

        .content-block ul, .content-block ol {
            margin-bottom: 1rem;
            padding-left: 2rem;
        }

        .content-block li {
            margin-bottom: 0.5rem;
            color: #555;
        }

        /* Definition Box */
        .definition-box {
            background: #e3f2fd;
            padding: 1.5rem;
            border-radius: 10px;
            border-left: 4px solid #2196f3;
            margin-bottom: 1.5rem;
        }

        .definition-box h3 {
            color: #1976d2;
            margin-bottom: 1rem;
        }

        .service-info {
            background: white;
            padding: 1rem;
            border-radius: 8px;
            margin-top: 1rem;
        }

        .service-info p {
            margin-bottom: 0.5rem;
            display: flex;
            justify-content: space-between;
            border-bottom: 1px solid #eee;
            padding-bottom: 0.5rem;
        }

        .service-info p:last-child {
            border-bottom: none;
            margin-bottom: 0;
        }

        /* Important Notice */
        .important-notice {
            background: #fff3cd;
            border: 1px solid #ffeaa7;
            padding: 1.5rem;
            border-radius: 10px;
            margin-top: 1.5rem;
        }

        .important-notice h4 {
            color: #856404;
            margin-bottom: 1rem;
            display: flex;
            align-items: center;
            gap: 0.5rem;
        }

        .important-notice ul {
            margin: 0;
            color: #856404;
        }

        /* Definitions Grid */
        .definitions-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 1rem;
            margin-top: 1rem;
        }

        .definition-item {
            background: #f8f9fa;
            padding: 1rem;
            border-radius: 8px;
            border-left: 3px solid var(--secondary-color);
        }

        .definition-item h4 {
            color: var(--dark-color);
            margin-bottom: 0.5rem;
            display: flex;
            align-items: center;
            gap: 0.5rem;
            font-size: 1rem;
        }

        .definition-item p {
            margin: 0;
            font-size: 0.9rem;
            color: #555;
        }

        /* Registration Requirements */
        .registration-requirements {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 1rem;
            margin: 1rem 0;
        }

        .requirement-item {
            background: #e8f5e8;
            padding: 1rem;
            border-radius: 8px;
            border-left: 3px solid #28a745;
        }

        .requirement-item h4 {
            color: #155724;
            margin-bottom: 0.5rem;
            display: flex;
            align-items: center;
            gap: 0.5rem;
            font-size: 1rem;
        }

        .requirement-item p {
            margin: 0;
            font-size: 0.9rem;
            color: #155724;
        }

        /* Obligations List */
        .obligations-list {
            background: #f8f9fa;
            padding: 1rem;
            border-radius: 8px;
            border-left: 3px solid var(--primary-color);
        }

        .obligations-list li {
            color: #333;
            margin-bottom: 0.5rem;
        }

        /* Account Warning */
        .account-warning {
            background: #fff3cd;
            border: 1px solid #ffeaa7;
            padding: 1rem;
            border-radius: 8px;
            margin-top: 1rem;
            display: flex;
            align-items: flex-start;
            gap: 0.75rem;
        }

        .account-warning i {
            color: #856404;
            margin-top: 0.25rem;
        }

        .account-warning p {
            margin: 0;
            color: #856404;
        }

        /* Action Categories */
        .allowed-actions {
            display: grid;
            gap: 1.5rem;
            margin-top: 1rem;
        }

        .action-category {
            background: #e8f5e8;
            padding: 1.5rem;
            border-radius: 10px;
            border-left: 4px solid #28a745;
        }

        .action-category h4 {
            color: #155724;
            margin-bottom: 1rem;
            display: flex;
            align-items: center;
            gap: 0.5rem;
        }

        .action-category ul {
            margin: 0;
            color: #155724;
        }

        /* Forbidden Actions */
        .forbidden-actions {
            display: grid;
            gap: 1.5rem;
            margin-top: 1rem;
        }

        .forbidden-category {
            padding: 1.5rem;
            border-radius: 10px;
        }

        .forbidden-category.danger {
            background: #f8d7da;
            border-left: 4px solid #dc3545;
        }

        .forbidden-category.warning {
            background: #fff3cd;
            border-left: 4px solid #ffc107;
        }

        .forbidden-category.info {
            background: #d1ecf1;
            border-left: 4px solid #17a2b8;
        }

        .forbidden-category h4 {
            margin-bottom: 1rem;
            display: flex;
            align-items: center;
            gap: 0.5rem;
        }

        .forbidden-category.danger h4 {
            color: #721c24;
        }

        .forbidden-category.warning h4 {
            color: #856404;
        }

        .forbidden-category.info h4 {
            color: #0c5460;
        }

        .forbidden-category ul {
            margin: 0 0 1rem 0;
        }

        .forbidden-category.danger ul {
            color: #721c24;
        }

        .forbidden-category.warning ul {
            color: #856404;
        }

        .forbidden-category.info ul {
            color: #0c5460;
        }

        .penalty {
            background: rgba(0,0,0,0.1);
            padding: 0.5rem 1rem;
            border-radius: 5px;
            font-weight: 500;
            font-size: 0.9rem;
        }

        /* Event Rules */
        .event-rules {
            display: grid;
            gap: 1rem;
            margin-top: 1rem;
        }

        .rule-item {
            background: #f8f9fa;
            padding: 1rem;
            border-radius: 8px;
            border-left: 3px solid var(--primary-color);
        }

        .rule-item h4 {
            color: var(--dark-color);
            margin-bottom: 0.5rem;
            display: flex;
            align-items: center;
            gap: 0.5rem;
            font-size: 1rem;
        }

        .rule-item p {
            margin: 0;
            font-size: 0.9rem;
            color: #555;
        }

        /* Participant Obligations */
        .participant-obligations {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 1rem;
            margin-top: 1rem;
        }

        .obligation-box {
            background: #e3f2fd;
            padding: 1rem;
            border-radius: 8px;
            border-top: 3px solid #2196f3;
            text-align: center;
        }

        .obligation-box h4 {
            color: #1976d2;
            margin-bottom: 0.5rem;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 0.5rem;
            font-size: 1rem;
        }

        .obligation-box p {
            margin: 0;
            font-size: 0.9rem;
            color: #1976d2;
        }

        /* Event Warning */
        .event-warning {
            background: #fff3cd;
            border: 1px solid #ffeaa7;
            padding: 1.5rem;
            border-radius: 10px;
            margin-top: 1.5rem;
        }

        .event-warning i {
            color: #856404;
            margin-right: 0.5rem;
        }

        .event-warning h4 {
            color: #856404;
            margin-bottom: 1rem;
            display: flex;
            align-items: center;
        }

        .event-warning ul {
            color: #856404;
            margin: 0;
        }

        /* Content Rights */
        .content-rights {
            display: grid;
            gap: 1.5rem;
            margin-top: 1rem;
        }

        .rights-item {
            background: #f8f9fa;
            padding: 1.5rem;
            border-radius: 10px;
            border-left: 4px solid var(--secondary-color);
        }

        .rights-item h4 {
            color: var(--dark-color);
            margin-bottom: 1rem;
            display: flex;
            align-items: center;
            gap: 0.5rem;
        }

        .rights-details p {
            margin-bottom: 0.5rem;
            font-size: 0.9rem;
        }

        .rights-details strong {
            color: var(--primary-color);
        }

        /* Copyright Protection */
        .copyright-protection {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 1.5rem;
            margin-top: 1rem;
        }

        .protection-rule {
            background: #f8f9fa;
            padding: 1.5rem;
            border-radius: 10px;
            border-left: 4px solid #dc3545;
        }

        .protection-rule h4 {
            color: #721c24;
            margin-bottom: 1rem;
            display: flex;
            align-items: center;
            gap: 0.5rem;
        }

        .protection-rule ul {
            color: #721c24;
            margin: 0;
        }

        /* DMCA Notice */
        .dmca-notice {
            background: #e3f2fd;
            padding: 1.5rem;
            border-radius: 10px;
            border-left: 4px solid #2196f3;
            margin-top: 1.5rem;
        }

        .dmca-notice h4 {
            color: #1976d2;
            margin-bottom: 1rem;
            display: flex;
            align-items: center;
            gap: 0.5rem;
        }

        .dmca-notice p {
            color: #1976d2;
            margin: 0;
        }

        /* Liability */
        .user-liability {
            display: grid;
            gap: 1.5rem;
            margin-top: 1rem;
        }

        .liability-category {
            background: #f8f9fa;
            padding: 1.5rem;
            border-radius: 10px;
            border-left: 4px solid var(--primary-color);
        }

        .liability-category h4 {
            color: var(--dark-color);
            margin-bottom: 1rem;
            display: flex;
            align-items: center;
            gap: 0.5rem;
        }

        .liability-category ul {
            margin: 0;
            color: #555;
        }

        .organizer-liability {
            margin-top: 1.5rem;
        }

        .liability-scope {
            background: #e8f5e8;
            padding: 1.5rem;
            border-radius: 10px;
            border-left: 4px solid #28a745;
            margin-bottom: 1rem;
        }

        .liability-scope h4 {
            color: #155724;
            margin-bottom: 1rem;
            display: flex;
            align-items: center;
            gap: 0.5rem;
        }

        .liability-scope ul {
            color: #155724;
            margin: 0;
        }

        .liability-exclusions {
            background: #f8d7da;
            padding: 1.5rem;
            border-radius: 10px;
            border-left: 4px solid #dc3545;
        }

        .liability-exclusions h4 {
            color: #721c24;
            margin-bottom: 1rem;
            display: flex;
            align-items: center;
            gap: 0.5rem;
        }

        .liability-exclusions ul {
            color: #721c24;
            margin: 0;
        }

        /* Force Majeure */
        .force-majeure {
            background: #fff3cd;
            padding: 1.5rem;
            border-radius: 10px;
            border-left: 4px solid #ffc107;
            margin-top: 1.5rem;
        }

        .force-majeure h4 {
            color: #856404;
            margin-bottom: 1rem;
            display: flex;
            align-items: center;
            gap: 0.5rem;
        }

        .force-majeure p {
            color: #856404;
            margin: 0;
        }

        /* Privacy Reference */
        .privacy-reference {
            background: #e3f2fd;
            padding: 1.5rem;
            border-radius: 10px;
            border-left: 4px solid #2196f3;
            margin-bottom: 1.5rem;
        }

        .privacy-reference h3 {
            color: #1976d2;
            margin-bottom: 1rem;
            display: flex;
            align-items: center;
            gap: 0.5rem;
        }

        .privacy-link {
            color: #1976d2;
            text-decoration: none;
            font-weight: 500;
            display: inline-flex;
            align-items: center;
            gap: 0.5rem;
        }

        .privacy-link:hover {
            text-decoration: underline;
        }

        /* Privacy Principles */
        .privacy-principles {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 1rem;
            margin-top: 1rem;
        }

        .principle-item {
            background: #f8f9fa;
            padding: 1rem;
            border-radius: 8px;
            border-left: 3px solid var(--secondary-color);
        }

        .principle-item h4 {
            color: var(--dark-color);
            margin-bottom: 0.5rem;
            display: flex;
            align-items: center;
            gap: 0.5rem;
            font-size: 1rem;
        }

        .principle-item p {
            margin: 0;
            font-size: 0.9rem;
            color: #555;
        }

        /* GDPR Rights */
        .gdpr-rights {
            background: #e8f5e8;
            padding: 1.5rem;
            border-radius: 10px;
            border-left: 4px solid #28a745;
            margin-top: 1.5rem;
        }

        .gdpr-rights h4 {
            color: #155724;
            margin-bottom: 1rem;
            display: flex;
            align-items: center;
            gap: 0.5rem;
        }

        .gdpr-rights p {
            color: #155724;
            margin-bottom: 1rem;
        }

        .gdpr-rights ul {
            color: #155724;
            margin: 0;
        }

        .gdpr-rights a {
            color: #155724;
            font-weight: 500;
        }

        /* Cookies */
        .cookies-info {
            margin-bottom: 1.5rem;
        }

        .cookie-types {
            display: grid;
            gap: 1rem;
            margin-top: 1rem;
        }

        .cookie-type {
            background: #f8f9fa;
            padding: 1rem;
            border-radius: 8px;
            border-left: 3px solid var(--primary-color);
        }

        .cookie-type h4 {
            color: var(--dark-color);
            margin-bottom: 0.5rem;
            display: flex;
            align-items: center;
            gap: 0.5rem;
            font-size: 1rem;
        }

        .cookie-type p {
            margin-bottom: 0.5rem;
            font-size: 0.9rem;
        }

        .cookie-status {
            font-size: 0.8rem;
            padding: 0.25rem 0.5rem;
            border-radius: 10px;
            font-weight: 500;
        }

        .cookie-status.required {
            background: #f8d7da;
            color: #721c24;
        }

        .cookie-status.optional {
            background: #d4edda;
            color: #155724;
        }

        .cookies-management {
            background: #e3f2fd;
            padding: 1.5rem;
            border-radius: 10px;
            border-left: 4px solid #2196f3;
            margin-top: 1rem;
        }

        .cookies-management h4 {
            color: #1976d2;
            margin-bottom: 1rem;
            display: flex;
            align-items: center;
            gap: 0.5rem;
        }

        .cookies-management p {
            color: #1976d2;
            margin-bottom: 1rem;
        }

        .cookies-management ul {
            color: #1976d2;
            margin-bottom: 1rem;
        }

        .cookies-warning {
            background: rgba(255,255,255,0.8);
            padding: 1rem;
            border-radius: 8px;
            margin-top: 1rem;
            display: flex;
            align-items: flex-start;
            gap: 0.75rem;
        }

        .cookies-warning i {
            color: #856404;
            margin-top: 0.25rem;
        }

        .cookies-warning p {
            margin: 0;
            color: #856404;
        }

        /* Suspension */
        .suspension-rules {
            margin-top: 1rem;
        }

        .suspension-reason {
            background: #f8d7da;
            padding: 1.5rem;
            border-radius: 10px;
            border-left: 4px solid #dc3545;
            margin-bottom: 1rem;
        }

        .suspension-reason h4 {
            color: #721c24;
            margin-bottom: 1rem;
            display: flex;
            align-items: center;
            gap: 0.5rem;
        }

        .suspension-reason ul {
            color: #721c24;
            margin: 0;
        }

        .suspension-process {
            background: #d1ecf1;
            padding: 1.5rem;
            border-radius: 10px;
            border-left: 4px solid #17a2b8;
            margin-bottom: 1rem;
        }

        .suspension-process h4 {
            color: #0c5460;
            margin-bottom: 1rem;
            display: flex;
            align-items: center;
            gap: 0.5rem;
        }

        .suspension-process ol {
            color: #0c5460;
            margin: 0;
        }

        .suspension-duration {
            background: #fff3cd;
            padding: 1.5rem;
            border-radius: 10px;
            border-left: 4px solid #ffc107;
        }

        .suspension-duration h4 {
            color: #856404;
            margin-bottom: 1rem;
            display: flex;
            align-items: center;
            gap: 0.5rem;
        }

        .suspension-duration ul {
            color: #856404;
            margin: 0;
        }

        /* Account Deletion */
        .account-deletion {
            margin-top: 1rem;
        }

        .deletion-voluntary {
            background: #e8f5e8;
            padding: 1.5rem;
            border-radius: 10px;
            border-left: 4px solid #28a745;
            margin-bottom: 1rem;
        }

        .deletion-voluntary h4 {
            color: #155724;
            margin-bottom: 1rem;
            display: flex;
            align-items: center;
            gap: 0.5rem;
        }

        .deletion-voluntary ul {
            color: #155724;
            margin: 0;
        }

        .deletion-administrative {
            background: #f8d7da;
            padding: 1.5rem;
            border-radius: 10px;
            border-left: 4px solid #dc3545;
        }

        .deletion-administrative h4 {
            color: #721c24;
            margin-bottom: 1rem;
            display: flex;
            align-items: center;
            gap: 0.5rem;
        }

        .deletion-administrative ul {
            color: #721c24;
            margin: 0;
        }

        .deletion-consequences {
            background: #e3f2fd;
            padding: 1.5rem;
            border-radius: 10px;
            border-left: 4px solid #2196f3;
            margin-top: 1.5rem;
        }

        .deletion-consequences h4 {
            color: #1976d2;
            margin-bottom: 1rem;
            display: flex;
            align-items: center;
            gap: 0.5rem;
        }

        .consequences-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: 1rem;
            margin-top: 1rem;
        }

        .consequence-item {
            background: white;
            padding: 1rem;
            border-radius: 8px;
            text-align: center;
        }

        .consequence-item h5 {
            color: #1976d2;
            margin-bottom: 0.5rem;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 0.5rem;
            font-size: 1rem;
        }

        .consequence-item p {
            margin: 0;
            font-size: 0.9rem;
            color: #666;
        }

        /* Changes Procedure */
        .changes-procedure {
            margin-top: 1rem;
        }

        .procedure-step {
            background: #f8f9fa;
            padding: 1.5rem;
            border-radius: 10px;
            border-left: 4px solid var(--secondary-color);
            margin-bottom: 1rem;
        }

        .procedure-step h4 {
            color: var(--dark-color);
            margin-bottom: 1rem;
            display: flex;
            align-items: center;
            gap: 0.5rem;
        }

        .procedure-step p {
            margin-bottom: 1rem;
        }

        .procedure-step ul {
            margin: 0;
            color: #555;
        }

        .changes-types {
            margin-top: 1.5rem;
        }

        .change-categories {
            display: grid;
            gap: 1rem;
            margin-top: 1rem;
        }

        .change-type {
            padding: 1rem;
            border-radius: 8px;
        }

        .change-type.minor {
            background: #d4edda;
            border-left: 3px solid #28a745;
        }

        .change-type.moderate {
            background: #fff3cd;
            border-left: 3px solid #ffc107;
        }

        .change-type.major {
            background: #f8d7da;
            border-left: 3px solid #dc3545;
        }

        .change-type h5 {
            margin-bottom: 0.5rem;
            display: flex;
            align-items: center;
            gap: 0.5rem;
            font-size: 1rem;
        }

        .change-type.minor h5 {
            color: #155724;
        }

        .change-type.moderate h5 {
            color: #856404;
        }

        .change-type.major h5 {
            color: #721c24;
        }

        .change-type p {
            margin: 0;
            font-size: 0.9rem;
        }

        .change-type.minor p {
            color: #155724;
        }

        .change-type.moderate p {
            color: #856404;
        }

        .change-type.major p {
            color: #721c24;
        }

        .version-control {
            background: #e3f2fd;
            padding: 1.5rem;
            border-radius: 10px;
            border-left: 4px solid #2196f3;
            margin-top: 1.5rem;
        }

        .version-control h4 {
            color: #1976d2;
            margin-bottom: 1rem;
            display: flex;
            align-items: center;
            gap: 0.5rem;
        }

        .version-control ul {
            color: #1976d2;
            margin: 0;
        }

        /* Applicable Law */
        .applicable-law {
            margin-top: 1rem;
        }

        .law-info {
            background: #e8f5e8;
            padding: 1.5rem;
            border-radius: 10px;
            border-left: 4px solid #28a745;
            margin-bottom: 1rem;
        }

        .law-info h4 {
            color: #155724;
            margin-bottom: 1rem;
            display: flex;
            align-items: center;
            gap: 0.5rem;
        }

        .law-info p {
            color: #155724;
            margin-bottom: 1rem;
        }

        .law-info ul {
            color: #155724;
            margin: 0;
        }

        .jurisdiction {
            background: #d1ecf1;
            padding: 1.5rem;
            border-radius: 10px;
            border-left: 4px solid #17a2b8;
        }

        .jurisdiction h4 {
            color: #0c5460;
            margin-bottom: 1rem;
            display: flex;
            align-items: center;
            gap: 0.5rem;
        }

        .jurisdiction p {
            color: #0c5460;
            margin-bottom: 1rem;
        }

        .jurisdiction p:last-child {
            margin-bottom: 0;
        }

        /* Dispute Resolution */
        .dispute-resolution {
            margin-top: 1rem;
        }

        .resolution-step {
            background: #f8f9fa;
            padding: 1.5rem;
            border-radius: 10px;
            border-left: 4px solid var(--primary-color);
            margin-bottom: 1rem;
        }

        .resolution-step h4 {
            color: var(--dark-color);
            margin-bottom: 1rem;
            display: flex;
            align-items: center;
            gap: 0.5rem;
        }

        .resolution-step p {
            margin-bottom: 1rem;
        }

        .contact-methods {
            background: rgba(255, 107, 107, 0.1);
            padding: 1rem;
            border-radius: 8px;
            margin-top: 1rem;
        }

        .contact-methods p {
            margin-bottom: 0.5rem;
            display: flex;
            align-items: center;
            gap: 0.5rem;
        }

        .contact-methods p:last-child {
            margin-bottom: 0;
        }

        .consumer-rights {
            background: #e3f2fd;
            padding: 1.5rem;
            border-radius: 10px;
            border-left: 4px solid #2196f3;
            margin-top: 1.5rem;
        }

        .consumer-rights h4 {
            color: #1976d2;
            margin-bottom: 1rem;
            display: flex;
            align-items: center;
            gap: 0.5rem;
        }

        .consumer-rights p {
            color: #1976d2;
            margin-bottom: 1rem;
        }

        .consumer-rights ul {
            color: #1976d2;
            margin-bottom: 1rem;
        }

        .odr-platform {
            background: rgba(255,255,255,0.8);
            padding: 1rem;
            border-radius: 8px;
            margin-top: 1rem;
        }

        .odr-platform p {
            margin: 0;
            color: #1976d2;
        <!DOCTYPE html>
<html lang="pl">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Regulamin Serwisu - CSG Car Spot Grodzisk</title>
    <meta name="description" content="Regulamin serwisu CSG Car Spot Grodzisk - zasady korzystania z platformy zgłoszeń na zloty samochodowe.">
    <meta name="robots" content="index, follow">
    
    <link href="../../assets/css/style.css" rel="stylesheet">
    <link href="../../assets/css/responsive.css" rel="stylesheet">
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap" rel="stylesheet">
</head>
<body>
    
<!-- STYLE HEADER - ZINTEGROWANY Z GŁÓWNYM CSS -->
<style>
/* Header Fixes - tylko niezbędne poprawki */
.csg-header {
    background: rgba(44, 62, 80, 0.98) !important;
    backdrop-filter: blur(10px) !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 1000 !important;
    height: 80px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1) !important;
}

.csg-navbar {
    height: 100% !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 0 !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 0 2rem !important;
}

.csg-logo {
    font-size: 1.8rem !important;
    font-weight: bold !important;
    color: #fff !important;
    text-decoration: none !important;
    display: flex !important;
    align-items: center !important;
    gap: 0.75rem !important;
    transition: all 0.3s ease !important;
}

.csg-logo:hover {
    color: #ff6b6b !important;
    text-decoration: none !important;
}

.csg-logo .highlight {
    color: #ff6b6b !important;
}

.csg-logo-text {
    display: flex !important;
    flex-direction: column !important;
    line-height: 1.2 !important;
}

.csg-logo-text small {
    font-size: 0.75rem !important;
    opacity: 0.8 !important;
    font-weight: 400 !important;
}

.csg-nav-menu {
    display: flex !important;
    align-items: center !important;
    gap: 2rem !important;
}

.csg-nav-list {
    display: flex !important;
    list-style: none !important;
    gap: 2rem !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
}

.csg-nav-item {
    position: relative !important;
}

.csg-nav-link {
    color: #fff !important;
    text-decoration: none !important;
    font-weight: 500 !important;
    padding: 0.75rem 1rem !important;
    display: flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
    border-radius: 8px !important;
    font-size: 0.95rem !important;
    transition: all 0.3s ease !important;
}

.csg-nav-link:hover,
.csg-nav-link.active {
    color: #ff6b6b !important;
    background: rgba(255, 255, 255, 0.1) !important;
    text-decoration: none !important;
    transform: translateY(-1px) !important;
}

.csg-nav-link i {
    font-size: 0.9rem !important;
}

/* Dropdown Styles */
.csg-dropdown {
    position: relative !important;
}

.csg-dropdown-toggle {
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
}

.csg-dropdown-icon {
    transition: transform 0.3s ease !important;
    font-size: 0.8rem !important;
    margin-left: 0.5rem !important;
}

.csg-dropdown.active .csg-dropdown-icon {
    transform: rotate(180deg) !important;
}

.csg-dropdown-menu {
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    background: rgba(44, 62, 80, 0.98) !important;
    backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 12px !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.3) !important;
    min-width: 220px !important;
    z-index: 1010 !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0.5rem 0 0 0 !important;
    overflow: hidden !important;
    
    /* Ukryty domyślnie */
    opacity: 0 !important;
    visibility: hidden !important;
    transform: translateY(-10px) !important;
    transition: all 0.3s ease !important;
}

.csg-dropdown.active .csg-dropdown-menu {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
}

.csg-dropdown-menu li {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.csg-dropdown-link {
    display: flex !important;
    align-items: center !important;
    gap: 0.75rem !important;
    padding: 0.875rem 1.25rem !important;
    color: #ccc !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
    border-bottom: 1px solid rgba(255,255,255,0.1) !important;
    font-size: 0.9rem !important;
    width: 100% !important;
}

.csg-dropdown-link:hover {
    background: rgba(255, 107, 107, 0.15) !important;
    color: #ff6b6b !important;
    text-decoration: none !important;
}

.csg-dropdown-link.logout {
    border-bottom: none !important;
    color: #ff6b6b !important;
}

.csg-dropdown-link.logout:hover {
    background: rgba(255, 107, 107, 0.2) !important;
}

.csg-dropdown-divider {
    height: 1px !important;
    background: rgba(255,255,255,0.1) !important;
    margin: 0.5rem 0 !important;
    border: none !important;
}

/* User Info */
.csg-user-info {
    display: flex !important;
    align-items: center !important;
    gap: 1rem !important;
    color: #fff !important;
    font-size: 0.9rem !important;
    margin-left: 1rem !important;
}

.csg-admin-badge {
    background: #ff6b6b !important;
    color: #fff !important;
    padding: 0.25rem 0.75rem !important;
    border-radius: 12px !important;
    font-size: 0.7rem !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}

/* Mobile Menu */
.csg-mobile-btn {
    display: none !important;
    flex-direction: column !important;
    background: none !important;
    border: none !important;
    cursor: pointer !important;
    padding: 0.5rem !important;
    z-index: 1001 !important;
}

.csg-hamburger {
    width: 25px !important;
    height: 3px !important;
    background: #fff !important;
    margin: 3px 0 !important;
    transition: 0.3s !important;
    border-radius: 2px !important;
}

.csg-mobile-btn.active .csg-hamburger:nth-child(1) {
    transform: rotate(-45deg) translate(-5px, 6px) !important;
}

.csg-mobile-btn.active .csg-hamburger:nth-child(2) {
    opacity: 0 !important;
}

.csg-mobile-btn.active .csg-hamburger:nth-child(3) {
    transform: rotate(45deg) translate(-5px, -6px) !important;
}

/* Button Styles */
.csg-btn {
    padding: 12px 24px !important;
    border: none !important;
    border-radius: 25px !important;
    cursor: pointer !important;
    text-decoration: none !important;
    font-weight: 500 !important;
    transition: all 0.3s ease !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-size: 0.9rem !important;
    border: 2px solid transparent !important;
    white-space: nowrap !important;
}

.csg-btn-primary {
    background: linear-gradient(45deg, #ff6b6b, #ff8e8e) !important;
    color: #fff !important;
}

.csg-btn-primary:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 25px rgba(255, 107, 107, 0.3) !important;
    color: #fff !important;
    text-decoration: none !important;
}

/* Flash Messages - osobne pozycjonowanie */
.csg-flash-messages {
    position: fixed !important;
    top: 80px !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 999 !important;
    padding: 0 2rem !important;
    pointer-events: none !important;
}

.csg-alert {
    padding: 1rem 1.5rem !important;
    margin-bottom: 1rem !important;
    border-radius: 12px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15) !important;
    backdrop-filter: blur(10px) !important;
    pointer-events: auto !important;
    animation: slideInDown 0.5s ease !important;
    border-left: 4px solid !important;
}

.csg-alert-success {
    background: rgba(212, 237, 218, 0.95) !important;
    border-left-color: #28a745 !important;
    color: #155724 !important;
}

.csg-alert-error {
    background: rgba(248, 215, 218, 0.95) !important;
    border-left-color: #dc3545 !important;
    color: #721c24 !important;
}

.csg-alert-warning {
    background: rgba(255, 243, 205, 0.95) !important;
    border-left-color: #ffc107 !important;
    color: #856404 !important;
}

.csg-alert-info {
    background: rgba(209, 236, 241, 0.95) !important;
    border-left-color: #17a2b8 !important;
    color: #0c5460 !important;
}

.csg-alert-close {
    background: none !important;
    border: none !important;
    color: inherit !important;
    cursor: pointer !important;
    padding: 0.5rem !important;
    border-radius: 50% !important;
    width: 2rem !important;
    height: 2rem !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.3s ease !important;
    opacity: 0.7 !important;
}

.csg-alert-close:hover {
    opacity: 1 !important;
    background: rgba(0,0,0,0.1) !important;
}

.csg-alert-content {
    display: flex !important;
    align-items: center !important;
    gap: 0.75rem !important;
    flex: 1 !important;
}

.csg-alert-icon {
    font-size: 1.1rem !important;
    flex-shrink: 0 !important;
}

/* Layout Fix - główna zawartość */
body.has-header {
    margin-top: 80px !important;
}

.csg-main-content {
    margin-top: 80px !important;
    min-height: calc(100vh - 80px) !important;
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .csg-mobile-btn {
        display: flex !important;
    }
    
    .csg-nav-menu {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100vh !important;
        background: rgba(44, 62, 80, 0.98) !important;
        backdrop-filter: blur(10px) !important;
        transform: translateX(-100%) !important;
        transition: transform 0.3s ease !important;
        z-index: 999 !important;
        padding-top: 80px !important;
        overflow-y: auto !important;
    }
    
    .csg-nav-menu.active {
        transform: translateX(0) !important;
    }
    
    .csg-nav-list {
        flex-direction: column !important;
        gap: 0 !important;
        padding: 2rem 0 !important;
        height: auto !important;
    }
    
    .csg-nav-item {
        width: 100% !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
    }
    
    .csg-nav-link {
        padding: 1.25rem 2rem !important;
        font-size: 1.1rem !important;
        border-left: 4px solid transparent !important;
        width: 100% !important;
        justify-content: flex-start !important;
    }
    
    .csg-nav-link:hover,
    .csg-nav-link.active {
        border-left-color: #ff6b6b !important;
        background: rgba(255, 255, 255, 0.05) !important;
    }
    
    .csg-dropdown {
        position: static !important;
    }
    
    .csg-dropdown-menu {
        position: static !important;
        background: rgba(0, 0, 0, 0.3) !important;
        border: none !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        margin: 0 !important;
        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
        max-height: 0 !important;
        overflow: hidden !important;
        transition: max-height 0.3s ease !important;
    }
    
    .csg-dropdown.active .csg-dropdown-menu {
        max-height: 500px !important;
    }
    
    .csg-dropdown-link {
        padding: 1rem 3rem !important;
        font-size: 0.95rem !important;
        border-left: 2px solid transparent !important;
        color: #ccc !important;
    }
    
    .csg-dropdown-link:hover {
        border-left-color: #ff6b6b !important;
        background: rgba(255, 255, 255, 0.05) !important;
        color: #ff6b6b !important;
    }
    
    .csg-user-info {
        display: none !important;
    }
    
    .csg-btn.nav-btn {
        margin: 1rem 2rem !important;
        text-align: center !important;
        justify-content: center !important;
    }
    
    .csg-flash-messages {
        padding: 0 1rem !important;
    }
}

@keyframes slideInDown {
    from {
        opacity: 0;
        transform: translateY(-100%);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
</style>

<!-- HEADER HTML -->
<header class="csg-header">
    <nav class="csg-navbar">
        <!-- Logo -->
        <div class="navbar-brand">
            <a href="/index.php" class="csg-logo">
                <i class="fas fa-car-side"></i>
                <div class="csg-logo-text">
                    <span class="highlight">CSG</span> Car Spot
                    <small>Grodzisk</small>
                </div>
            </a>
        </div>

        <!-- Mobile menu button -->
        <button class="csg-mobile-btn" id="csgMobileBtn">
            <span class="csg-hamburger"></span>
            <span class="csg-hamburger"></span>
            <span class="csg-hamburger"></span>
        </button>

        <!-- Navigation Menu -->
        <div class="csg-nav-menu" id="csgNavMenu">
            <ul class="csg-nav-list">
                <li class="csg-nav-item">
                    <a href="/index.php" class="csg-nav-link ">
                        <i class="fas fa-home"></i> Strona Główna
                    </a>
                </li>
                
                <li class="csg-nav-item">
                    <a href="/pages/public/events.php" class="csg-nav-link ">
                        <i class="fas fa-calendar-alt"></i> Eventy
                    </a>
                </li>
                
                <li class="csg-nav-item">
                    <a href="/pages/public/gallery.php" class="csg-nav-link ">
                        <i class="fas fa-images"></i> Galeria
                    </a>
                </li>
                
                <li class="csg-nav-item">
                    <a href="/pages/public/contact.php" class="csg-nav-link ">
                        <i class="fas fa-envelope"></i> Kontakt
                    </a>
                </li>

                                    <!-- Menu dla niezalogowanych -->
                    <li class="csg-nav-item">
                        <a href="/pages/auth/login.php" class="csg-nav-link ">
                            <i class="fas fa-sign-in-alt"></i> Logowanie
                        </a>
                    </li>
                    
                    <li class="csg-nav-item">
                        <a href="/pages/auth/register.php" class="csg-btn csg-btn-primary nav-btn">
                            <i class="fas fa-user-plus"></i> Dołącz Do Nas
                        </a>
                    </li>
                            </ul>

            <!-- User info dla zalogowanych (desktop) -->
                    </div>
    </nav>
</header>

<!-- Flash Messages -->

<!-- JavaScript -->
<script>
document.addEventListener('DOMContentLoaded', function() {
    console.log('🚗 CSG Header - Inicjalizacja');
    
    // Mobile menu toggle
    const mobileBtn = document.getElementById('csgMobileBtn');
    const navMenu = document.getElementById('csgNavMenu');
    
    if (mobileBtn && navMenu) {
        mobileBtn.addEventListener('click', function() {
            navMenu.classList.toggle('active');
            mobileBtn.classList.toggle('active');
            
            // Zapobiegaj przewijaniu gdy menu jest otwarte
            if (navMenu.classList.contains('active')) {
                document.body.style.overflow = 'hidden';
            } else {
                document.body.style.overflow = '';
            }
        });
    }

    // Funkcja zamykania wszystkich dropdown menu
    function closeAllDropdowns() {
        document.querySelectorAll('.csg-dropdown').forEach(dropdown => {
            dropdown.classList.remove('active');
        });
    }

    // User dropdown
    const userDropdown = document.getElementById('csgUserDropdown');
    const userToggle = document.getElementById('userDropdownToggle');
    
    if (userToggle) {
        userToggle.addEventListener('click', function(e) {
            e.preventDefault();
            e.stopPropagation();
            
            const isActive = userDropdown.classList.contains('active');
            closeAllDropdowns();
            
            if (!isActive) {
                userDropdown.classList.add('active');
            }
        });
    }

    // Admin dropdown
    const adminDropdown = document.getElementById('csgAdminDropdown');
    const adminToggle = document.getElementById('adminDropdownToggle');
    
    if (adminToggle) {
        adminToggle.addEventListener('click', function(e) {
            e.preventDefault();
            e.stopPropagation();
            
            const isActive = adminDropdown.classList.contains('active');
            closeAllDropdowns();
            
            if (!isActive) {
                adminDropdown.classList.add('active');
            }
        });
    }

    // Zapobiegaj zamykaniu menu przy kliknięciu w jego zawartość
    document.querySelectorAll('.csg-dropdown-menu').forEach(menu => {
        menu.addEventListener('click', function(e) {
            e.stopPropagation();
        });
    });

    // Zamknij dropdown przy kliknięciu poza nim
    document.addEventListener('click', function(e) {
        if (!e.target.closest('.csg-dropdown')) {
            closeAllDropdowns();
        }
    });

    // Zamknij dropdown na ESC
    document.addEventListener('keydown', function(e) {
        if (e.key === 'Escape') {
            closeAllDropdowns();
            
            // Zamknij też mobile menu
            if (navMenu && navMenu.classList.contains('active')) {
                navMenu.classList.remove('active');
                mobileBtn.classList.remove('active');
                document.body.style.overflow = '';
            }
        }
    });

    // Auto-ukrywanie alertów
    document.querySelectorAll('.csg-alert').forEach(alert => {
        setTimeout(() => {
            if (alert.parentElement) {
                alert.style.transition = 'opacity 0.5s ease, transform 0.5s ease';
                alert.style.opacity = '0';
                alert.style.transform = 'translateY(-20px)';
                
                setTimeout(() => {
                    if (alert.parentElement) {
                        alert.remove();
                    }
                }, 500);
            }
        }, 5000); // 5 sekund
    });

    // Dodaj klasę do body dla prawidłowego marginesu
    document.body.classList.add('has-header');

    console.log('✅ Header zainicjalizowany pomyślnie');
});

// Funkcje globalne
window.CSGHeader = {
    showAlert: function(message, type = 'info') {
        const flashContainer = document.querySelector('.csg-flash-messages');
        if (!flashContainer) return;
        
        const alert = document.createElement('div');
        alert.className = `csg-alert csg-alert-${type}`;
        
        let iconClass = 'fas fa-info-circle';
        if (type === 'success') iconClass = 'fas fa-check-circle';
        else if (type === 'error') iconClass = 'fas fa-exclamation-circle';
        else if (type === 'warning') iconClass = 'fas fa-exclamation-triangle';
        
        alert.innerHTML = `
            <button type="button" class="csg-alert-close" onclick="this.parentElement.remove();">
                <i class="fas fa-times"></i>
            </button>
            <div class="csg-alert-content">
                <i class="${iconClass} csg-alert-icon"></i>
                <span>${message}</span>
            </div>
        `;
        
        flashContainer.appendChild(alert);
        
        // Auto-remove po 5 sekundach
        setTimeout(() => {
            if (alert.parentElement) {
                alert.style.transition = 'opacity 0.5s ease, transform 0.5s ease';
                alert.style.opacity = '0';
                alert.style.transform = 'translateY(-20px)';
                setTimeout(() => {
                    if (alert.parentElement) {
                        alert.remove();
                    }
                }, 500);
            }
        }, 5000);
    },
    
    closeAllDropdowns: function() {
        document.querySelectorAll('.csg-dropdown').forEach(dropdown => {
            dropdown.classList.remove('active');
        });
    },
    
    toggleMobileMenu: function() {
        const mobileBtn = document.getElementById('csgMobileBtn');
        const navMenu = document.getElementById('csgNavMenu');
        
        if (mobileBtn && navMenu) {
            navMenu.classList.toggle('active');
            mobileBtn.classList.toggle('active');
            
            if (navMenu.classList.contains('active')) {
                document.body.style.overflow = 'hidden';
            } else {
                document.body.style.overflow = '';
            }
        }
    }
};
</script>

<!-- Dodatkowy CSS dla głównej zawartości -->
<style>
/* Upewnij się, że główna zawartość ma odpowiedni margines */
.main-content,
.hero,
.dashboard-section,
.section {
    margin-top: 0 !important;
}

body.has-header .main-content,
body.has-header .hero,
body.has-header .dashboard-section {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Hero section specifics */
body.has-header .hero {
    height: calc(100vh - 80px) !important;
    margin-top: 80px !important;
}

/* Breadcrumb adjustments */
.breadcrumb-section {
    margin-top: 80px !important;
    position: relative !important;
}

/* Ensure proper spacing for page content */
.page-content,
.container {
    position: relative !important;
}

/* Loading overlay positioning */
.loading-overlay {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: rgba(0,0,0,0.8) !important;
    display: none !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 9999 !important;
    backdrop-filter: blur(5px) !important;
}

.loading-spinner {
    text-align: center !important;
    color: #fff !important;
}

.loading-spinner i {
    font-size: 3rem !important;
    animation: spin 1s linear infinite !important;
    color: #ff6b6b !important;
    margin-bottom: 1rem !important;
    display: block !important;
}

@keyframes spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

/* Mobile adjustments */
@media (max-width: 480px) {
    .csg-navbar {
        padding: 0 1rem !important;
    }
    
    .csg-logo {
        font-size: 1.6rem !important;
    }
    
    .csg-logo-text small {
        font-size: 0.7rem !important;
    }
    
    .csg-flash-messages {
        padding: 0 1rem !important;
    }
    
    .csg-alert {
        padding: 1rem !important;
        border-radius: 10px !important;
    }
}

/* Ensure visibility for debugging */
.csg-header {
    visibility: visible !important;
    display: block !important;
}

.csg-navbar {
    visibility: visible !important;
    display: flex !important;
}
</style>
    <main class="main-content">
        <section class="legal-section">
            <div class="container">
                <div class="legal-header">
                    <h1>
                        <i class="fas fa-file-contract"></i>
                        Regulamin Serwisu
                    </h1>
                    <p class="legal-subtitle">
                        Zasady korzystania z platformy CSG Car Spot Grodzisk
                    </p>
                    <div class="last-updated">
                        <i class="fas fa-clock"></i>
                        Ostatnia aktualizacja: 1 stycznia 2025 r.
                    </div>
                </div>

                <div class="legal-content">
                    <!-- Postanowienia ogólne -->
                    <section class="legal-section-block">
                        <h2><i class="fas fa-info-circle"></i> 1. Postanowienia ogólne</h2>
                        <div class="content-block">
                            <div class="definition-box">
                                <h3>Niniejszy Regulamin określa zasady korzystania z serwisu internetowego:</h3>
                                <div class="service-info">
                                    <p><strong>Nazwa serwisu:</strong> CSG Car Spot Grodzisk</p>
                                    <p><strong>Adres internetowy:</strong> carspotgrodzisk.pl</p>
                                    <p><strong>Rodzaj działalności:</strong> Platforma zgłoszeń na zloty samochodowe</p>
                                    <p><strong>Obszar działania:</strong> Grodzisk Wielkopolski i okolice</p>
                                </div>
                            </div>

                            <p>
                                Serwis jest przeznaczony dla miłośników motoryzacji, którzy chcą uczestniczyć 
                                w zlotach samochodowych organizowanych przez CSG Car Spot Grodzisk.
                            </p>

                            <div class="important-notice">
                                <h4><i class="fas fa-exclamation-triangle"></i> Ważne informacje:</h4>
                                <ul>
                                    <li>Korzystanie z serwisu oznacza akceptację niniejszego Regulaminu</li>
                                    <li>Regulamin obowiązuje wszystkich użytkowników bez wyjątku</li>
                                    <li>Administratorzy mają prawo do moderacji treści</li>
                                    <li>Naruszenie regulaminu może skutkować zablokowaniem konta</li>
                                </ul>
                            </div>
                        </div>
                    </section>

                    <!-- Definicje -->
                    <section class="legal-section-block">
                        <h2><i class="fas fa-book"></i> 2. Definicje</h2>
                        <div class="content-block">
                            <p>Użyte w Regulaminie określenia oznaczają:</p>
                            
                            <div class="definitions-grid">
                                <div class="definition-item">
                                    <h4><i class="fas fa-globe"></i> Serwis</h4>
                                    <p>Platforma internetowa CSG Car Spot Grodzisk dostępna pod adresem carspotgrodzisk.pl</p>
                                </div>

                                <div class="definition-item">
                                    <h4><i class="fas fa-user-tie"></i> Administrator</h4>
                                    <p>CSG Car Spot Grodzisk - podmiot prowadzący serwis i organizujący eventy</p>
                                </div>

                                <div class="definition-item">
                                    <h4><i class="fas fa-user"></i> Użytkownik</h4>
                                    <p>Osoba korzystająca z serwisu, zarówno zarejestrowana jak i niezarejestrowana</p>
                                </div>

                                <div class="definition-item">
                                    <h4><i class="fas fa-user-plus"></i> Konto</h4>
                                    <p>Indywidualny profil użytkownika z danymi osobowymi i informacjami o samochodach</p>
                                </div>

                                <div class="definition-item">
                                    <h4><i class="fas fa-calendar-alt"></i> Event</h4>
                                    <p>Zlot samochodowy, spotkanie lub inne wydarzenie motoryzacyjne organizowane przez CSG</p>
                                </div>

                                <div class="definition-item">
                                    <h4><i class="fas fa-file-alt"></i> Zgłoszenie</h4>
                                    <p>Formularz uczestnictwa w evencie wypełniony przez użytkownika</p>
                                </div>

                                <div class="definition-item">
                                    <h4><i class="fas fa-car"></i> Garaż</h4>
                                    <p>Sekcja profilu użytkownika zawierająca informacje o jego samochodach</p>
                                </div>

                                <div class="definition-item">
                                    <h4><i class="fas fa-images"></i> Treści</h4>
                                    <p>Wszelkie dane, teksty, zdjęcia i informacje zamieszczane przez użytkowników</p>
                                </div>
                            </div>
                        </div>
                    </section>

                    <!-- Warunki rejestracji -->
                    <section class="legal-section-block">
                        <h2><i class="fas fa-user-plus"></i> 3. Rejestracja i konto użytkownika</h2>
                        <div class="content-block">
                            <h3><i class="fas fa-clipboard-check"></i> Warunki rejestracji:</h3>
                            
                            <div class="registration-requirements">
                                <div class="requirement-item">
                                    <h4><i class="fas fa-calendar"></i> Wiek</h4>
                                    <p>Minimum 16 lat (osoby poniżej 18 lat potrzebują zgody opiekuna prawnego)</p>
                                </div>

                                <div class="requirement-item">
                                    <h4><i class="fas fa-envelope"></i> Dane prawdziwe</h4>
                                    <p>Podanie prawdziwych danych osobowych (imię, nazwisko, email)</p>
                                </div>

                                <div class="requirement-item">
                                    <h4><i class="fas fa-shield-alt"></i> Zgody RODO</h4>
                                    <p>Wyrażenie zgody na przetwarzanie danych osobowych</p>
                                </div>

                                <div class="requirement-item">
                                    <h4><i class="fas fa-file-signature"></i> Akceptacja regulaminu</h4>
                                    <p>Zaakceptowanie niniejszego Regulaminu oraz Polityki Prywatności</p>
                                </div>
                            </div>

                            <h3><i class="fas fa-user-cog"></i> Obowiązki użytkownika:</h3>
                            <ul class="obligations-list">
                                <li>Podawanie prawdziwych i aktualnych danych</li>
                                <li>Zabezpieczenie danych logowania (hasło, email)</li>
                                <li>Niezwłoczne informowanie o podejrzanej aktywności na koncie</li>
                                <li>Nieudostępnianie konta innym osobom</li>
                                <li>Aktualizowanie danych w przypadku zmian</li>
                                <li>Przestrzeganie zasad kulturalnego zachowania</li>
                            </ul>

                            <div class="account-warning">
                                <i class="fas fa-exclamation-triangle"></i>
                                <p>
                                    <strong>Uwaga:</strong> Utworzenie kilku kont przez jedną osobę jest zabronione. 
                                    Wykrycie duplikatów kont skutkuje zablokowaniem wszystkich kont danej osoby.
                                </p>
                            </div>
                        </div>
                    </section>

                    <!-- Zasady korzystania -->
                    <section class="legal-section-block">
                        <h2><i class="fas fa-hands"></i> 4. Zasady korzystania z serwisu</h2>
                        <div class="content-block">
                            <h3><i class="fas fa-check-circle"></i> Dozwolone działania:</h3>
                            <div class="allowed-actions">
                                <div class="action-category">
                                    <h4><i class="fas fa-car"></i> Zarządzanie samochodami:</h4>
                                    <ul>
                                        <li>Dodawanie informacji o własnych samochodach</li>
                                        <li>Opisywanie modyfikacji i tuningu</li>
                                        <li>Udostępnianie linków do zdjęć (w chmurze)</li>
                                        <li>Edytowanie i aktualizowanie danych</li>
                                    </ul>
                                </div>

                                <div class="action-category">
                                    <h4><i class="fas fa-calendar-plus"></i> Uczestnictwo w eventach:</h4>
                                    <ul>
                                        <li>Przeglądanie dostępnych eventów</li>
                                        <li>Zgłaszanie się na eventy</li>
                                        <li>Wybieranie samochodu do prezentacji</li>
                                        <li>Anulowanie zgłoszenia (w dopuszczalnym terminie)</li>
                                    </ul>
                                </div>

                                <div class="action-category">
                                    <h4><i class="fas fa-comments"></i> Komunikacja:</h4>
                                    <ul>
                                        <li>Kontakt z organizatorami</li>
                                        <li>Kulturalne komentarze i opinie</li>
                                        <li>Dzielenie się doświadczeniami motoryzacyjnymi</li>
                                        <li>Zgłaszanie problemów technicznych</li>
                                    </ul>
                                </div>
                            </div>

                            <h3><i class="fas fa-ban"></i> Działania zabronione:</h3>
                            <div class="forbidden-actions">
                                <div class="forbidden-category danger">
                                    <h4><i class="fas fa-exclamation-triangle"></i> Kategoria I - Naruszenia poważne:</h4>
                                    <ul>
                                        <li>Podawanie fałszywych danych osobowych</li>
                                        <li>Używanie cudzych zdjęć samochodów</li>
                                        <li>Tworzenie fałszywych kont</li>
                                        <li>Próby włamania lub ataki na system</li>
                                        <li>Rozpowszechnianie treści nielegalnych</li>
                                        <li>Stalking lub molestowanie innych użytkowników</li>
                                    </ul>
                                    <div class="penalty">Kara: Natychmiastowe i trwałe zablokowanie konta</div>
                                </div>

                                <div class="forbidden-category warning">
                                    <h4><i class="fas fa-exclamation-circle"></i> Kategoria II - Naruszenia średnie:</h4>
                                    <ul>
                                        <li>Używanie wulgarnego języka</li>
                                        <li>Spam lub reklamy komercyjne</li>
                                        <li>Zgłaszanie się na eventy bez zamiaru uczestnictwa</li>
                                        <li>Niestawienie się na event bez usprawiedliwienia</li>
                                        <li>Naruszanie netykiety</li>
                                        <li>Próby oszukiwania systemu</li>
                                    </ul>
                                    <div class="penalty">Kara: Ostrzeżenie, czasowe zawieszenie konta (7-30 dni)</div>
                                </div>

                                <div class="forbidden-category info">
                                    <h4><i class="fas fa-info-circle"></i> Kategoria III - Naruszenia lekkie:</h4>
                                    <ul>
                                        <li>Nieaktualne dane o samochodach</li>
                                        <li>Niekompletne profile</li>
                                        <li>Nieodpowiednie nazwy samochodów</li>
                                        <li>Niereagowanie na wiadomości organizatorów</li>
                                    </ul>
                                    <div class="penalty">Kara: Upomnienie, prośba o poprawę</div>
                                </div>
                            </div>
                        </div>
                    </section>

                    <!-- Eventy i zgłoszenia -->
                    <section class="legal-section-block">
                        <h2><i class="fas fa-calendar-alt"></i> 5. Eventy i zgłoszenia</h2>
                        <div class="content-block">
                            <h3><i class="fas fa-clipboard-list"></i> Zasady zgłoszeń:</h3>
                            
                            <div class="event-rules">
                                <div class="rule-item">
                                    <h4><i class="fas fa-car-side"></i> Jeden samochód na event</h4>
                                    <p>Na jeden event można zgłosić tylko jeden samochód. Możliwość zmiany auta do momentu zatwierdzenia zgłoszenia.</p>
                                </div>

                                <div class="rule-item">
                                    <h4><i class="fas fa-clock"></i> Terminy zgłoszeń</h4>
                                    <p>Zgłoszenia są przyjmowane zgodnie z określonymi terminami dla każdego eventu. Po zamknięciu rejestracji zgłoszenia nie są przyjmowane.</p>
                                </div>

                                <div class="rule-item">
                                    <h4><i class="fas fa-check-square"></i> Proces zatwierdzania</h4>
                                    <p>Wszystkie zgłoszenia są weryfikowane przez organizatorów. Decyzja o przyjęciu jest ostateczna i nie podlega odwołaniu.</p>
                                </div>

                                <div class="rule-item">
                                    <h4><i class="fas fa-euro-sign"></i> Opłaty za uczestnictwo</h4>
                                    <p>Niektóre eventy mogą być płatne. Informacja o opłacie jest zawsze podana w opisie eventu.</p>
                                </div>

                                <div class="rule-item">
                                    <h4><i class="fas fa-times-circle"></i> Anulowanie zgłoszenia</h4>
                                    <p>Możliwość anulowania zgłoszenia do 48 godzin przed eventem. Po tym czasie anulowanie może być niemożliwe.</p>
                                </div>

                                <div class="rule-item">
                                    <h4><i class="fas fa-users"></i> Limity uczestników</h4>
                                    <p>Eventy mogą mieć ograniczoną liczbę miejsc. Zgłoszenia są rozpatrywane w kolejności wpływu i jakości profilu.</p>
                                </div>
                            </div>

                            <h3><i class="fas fa-handshake"></i> Zobowiązania uczestników:</h3>
                            <div class="participant-obligations">
                                <div class="obligation-box">
                                    <h4><i class="fas fa-map-marker-alt"></i> Punktualność</h4>
                                    <p>Przybywanie na eventy w wyznaczonym czasie zgodnie z harmonogramem</p>
                                </div>

                                <div class="obligation-box">
                                    <h4><i class="fas fa-car"></i> Stan techniczny pojazdu</h4>
                                    <p>Samochód musi być sprawny technicznie, ubezpieczony i posiadać ważne badania techniczne</p>
                                </div>

                                <div class="obligation-box">
                                    <h4><i class="fas fa-id-card"></i> Dokumenty</h4>
                                    <p>Posiadanie ważnego prawa jazdy oraz dokumentów pojazdu</p>
                                </div>

                                <div class="obligation-box">
                                    <h4><i class="fas fa-handshake"></i> Kulturalne zachowanie</h4>
                                    <p>Przestrzeganie zasad fair play i kulturalnego zachowania wobec innych uczestników</p>
                                </div>

                                <div class="obligation-box">
                                    <h4><i class="fas fa-volume-down"></i> Ograniczenia hałasu</h4>
                                    <p>Stosowanie się do ograniczeń hałasu i przepisów ruchu drogowego</p>
                                </div>

                                <div class="obligation-box">
                                    <h4><i class="fas fa-trash"></i> Porządek</h4>
                                    <p>Utrzymywanie porządku w miejscu eventu i segregowanie odpadów</p>
                                </div>
                            </div>

                            <div class="event-warning">
                                <i class="fas fa-exclamation-triangle"></i>
                                <h4>Ważne informacje o bezpieczeństwie:</h4>
                                <ul>
                                    <li>Udział w eventach odbywa się na własną odpowiedzialność</li>
                                    <li>Organizator nie ponosi odpowiedzialności za szkody powstałe podczas eventu</li>
                                    <li>Obowiązkowe jest posiadanie ubezpieczenia OC pojazdu</li>
                                    <li>Zalecane jest dodatkowe ubezpieczenie AC</li>
                                    <li>W przypadku wypadku należy natychmiast powiadomić organizatorów</li>
                                </ul>
                            </div>
                        </div>
                    </section>

                    <!-- Prawa autorskie -->
                    <section class="legal-section-block">
                        <h2><i class="fas fa-copyright"></i> 6. Prawa autorskie i treści</h2>
                        <div class="content-block">
                            <h3><i class="fas fa-user-edit"></i> Treści użytkowników:</h3>
                            
                            <div class="content-rights">
                                <div class="rights-item">
                                    <h4><i class="fas fa-images"></i> Zdjęcia samochodów</h4>
                                    <div class="rights-details">
                                        <p><strong>Twoje uprawnienia:</strong> Zachowujesz pełne prawa autorskie do swoich zdjęć</p>
                                        <p><strong>Licencja dla serwisu:</strong> Udzielasz niewyłącznej licencji na wykorzystanie zdjęć w ramach promocji eventów</p>
                                        <p><strong>Ograniczenia:</strong> Nie możesz używać zdjęć cudzych samochodów bez zgody</p>
                                    </div>
                                </div>

                                <div class="rights-item">
                                    <h4><i class="fas fa-pen"></i> Opisy i teksty</h4>
                                    <div class="rights-details">
                                        <p><strong>Własność:</strong> Opisy modyfikacji i historie samochodów pozostają Twoje</p>
                                        <p><strong>Wykorzystanie:</strong> Serwis może wykorzystać fragmenty w materiałach promocyjnych</p>
                                        <p><strong>Moderacja:</strong> Organizator ma prawo moderacji nieodpowiednich treści</p>
                                    </div>
                                </div>

                                <div class="rights-item">
                                    <h4><i class="fas fa-share-alt"></i> Udostępnianie treści</h4>
                                    <div class="rights-details">
                                        <p><strong>Zgoda:</strong> Publikując treści, wyrażasz zgodę na ich publiczne wyświetlanie</p>
                                        <p><strong>Odpowiedzialność:</strong> Ponosisz odpowiedzialność za legalne pochodzenie treści</p>
                                        <p><strong>Usuwanie:</strong> Masz prawo żądać usunięcia swoich treści</p>
                                    </div>
                                </div>
                            </div>

                            <h3><i class="fas fa-shield-alt"></i> Ochrona praw autorskich:</h3>
                            <div class="copyright-protection">
                                <div class="protection-rule">
                                    <h4><i class="fas fa-ban"></i> Zakazy</h4>
                                    <ul>
                                        <li>Kopiowanie zdjęć innych użytkowników</li>
                                        <li>Używanie materiałów bez zgody autora</li>
                                        <li>Naruszanie praw autorskich trzecich osób</li>
                                        <li>Plagiat opisów i tekstów</li>
                                    </ul>
                                </div>

                                <div class="protection-rule">
                                    <h4><i class="fas fa-flag"></i> Zgłaszanie naruszeń</h4>
                                    <ul>
                                        <li>Możesz zgłosić naruszenie swoich praw autorskich</li>
                                        <li>Zgłoszenie powinno zawierać dowody własności</li>
                                        <li>Rozpatrzenie zgłoszenia w ciągu 7 dni roboczych</li>
                                        <li>Możliwość odwołania się od decyzji</li>
                                    </ul>
                                </div>
                            </div>

                            <div class="dmca-notice">
                                <h4><i class="fas fa-gavel"></i> Procedura DMCA</h4>
                                <p>
                                    W przypadku naruszenia praw autorskich stosujemy procedurę zgodną z Digital Millennium Copyright Act. 
                                    Zgłoszenia naruszeń należy kierować na adres: <strong>admin@carspotgrodzisk.pl</strong>
                                </p>
                            </div>
                        </div>
                    </section>

                    <!-- Odpowiedzialność -->
                    <section class="legal-section-block">
                        <h2><i class="fas fa-balance-scale"></i> 7. Odpowiedzialność</h2>
                        <div class="content-block">
                            <h3><i class="fas fa-user-shield"></i> Odpowiedzialność użytkownika:</h3>
                            
                            <div class="user-liability">
                                <div class="liability-category">
                                    <h4><i class="fas fa-user-check"></i> Za własne działania</h4>
                                    <ul>
                                        <li>Prawdziwość podawanych informacji</li>
                                        <li>Legalne pochodzenie publikowanych treści</li>
                                        <li>Zachowanie zgodne z prawem i regulaminem</li>
                                        <li>Bezpieczeństwo własnego konta</li>
                                    </ul>
                                </div>

                                <div class="liability-category">
                                    <h4><i class="fas fa-car-crash"></i> Podczas eventów</h4>
                                    <ul>
                                        <li>Stan techniczny swojego pojazdu</li>
                                        <li>Posiadanie ważnych dokumentów i ubezpieczeń</li>
                                        <li>Przestrzeganie przepisów ruchu drogowego</li>
                                        <li>Szkody wyrządzone innym uczestnikom</li>
                                    </ul>
                                </div>

                                <div class="liability-category">
                                    <h4><i class="fas fa-comments"></i> Za publikowane treści</h4>
                                    <ul>
                                        <li>Zgodność z prawem autorskim</li>
                                        <li>Brak treści obraźliwych lub nielegalnych</li>
                                        <li>Poszanowanie prywatności innych osób</li>
                                        <li>Faktyczność podawanych informacji</li>
                                    </ul>
                                </div>
                            </div>

                            <h3><i class="fas fa-building"></i> Odpowiedzialność organizatora:</h3>
                            <div class="organizer-liability">
                                <div class="liability-scope">
                                    <h4><i class="fas fa-check-circle"></i> Organizator odpowiada za:</h4>
                                    <ul>
                                        <li>Prawidłowe funkcjonowanie serwisu internetowego</li>
                                        <li>Ochronę danych osobowych użytkowników</li>
                                        <li>Moderację treści zgodnie z regulaminem</li>
                                        <li>Organizację eventów zgodnie z opisem</li>
                                        <li>Informowanie o zmianach w eventach</li>
                                    </ul>
                                </div>

                                <div class="liability-exclusions">
                                    <h4><i class="fas fa-times-circle"></i> Organizator nie odpowiada za:</h4>
                                    <ul>
                                        <li>Szkody powstałe w wyniku użytkowania serwisu</li>
                                        <li>Treści publikowane przez użytkowników</li>
                                        <li>Działania użytkowników niezgodne z regulaminem</li>
                                        <li>Szkody powstałe podczas eventów (wypadki, kradzieże)</li>
                                        <li>Straty wynikające z anulowania eventów z przyczyn niezależnych</li>
                                        <li>Problemy techniczne urządzeń użytkowników</li>
                                        <li>Działania osób trzecich</li>
                                    </ul>
                                </div>
                            </div>

                            <div class="force-majeure">
                                <h4><i class="fas fa-cloud-rain"></i> Siła wyższa</h4>
                                <p>
                                    Organizator nie ponosi odpowiedzialności za niewykonanie zobowiązań w przypadku wystąpienia 
                                    okoliczności siły wyższej, takich jak: klęski żywiołowe, epidemie, zakazy administracyjne, 
                                    strajki, awarie infrastruktury IT, ataki cybernetyczne czy inne zdarzenia pozostające 
                                    poza kontrolą organizatora.
                                </p>
                            </div>
                        </div>
                    </section>

                    <!-- Ochrona danych -->
                    <section class="legal-section-block">
                        <h2><i class="fas fa-user-lock"></i> 8. Ochrona danych osobowych</h2>
                        <div class="content-block">
                            <div class="privacy-reference">
                                <h3><i class="fas fa-link"></i> Odesłanie do Polityki Prywatności</h3>
                                <p>
                                    Szczegółowe informacje o przetwarzaniu danych osobowych znajdziesz w naszej 
                                    <a href="privacy-policy.php" class="privacy-link">
                                        <i class="fas fa-shield-alt"></i> Polityce Prywatności
                                    </a>
                                </p>
                            </div>

                            <h3><i class="fas fa-key"></i> Kluczowe zasady:</h3>
                            <div class="privacy-principles">
                                <div class="principle-item">
                                    <h4><i class="fas fa-minimize"></i> Minimalizacja danych</h4>
                                    <p>Zbieramy tylko dane niezbędne do świadczenia usług</p>
                                </div>

                                <div class="principle-item">
                                    <h4><i class="fas fa-user-check"></i> Zgoda użytkownika</h4>
                                    <p>Przetwarzanie danych odbywa się na podstawie Twojej zgody lub innych podstaw prawnych</p>
                                </div>

                                <div class="principle-item">
                                    <h4><i class="fas fa-lock"></i> Bezpieczeństwo</h4>
                                    <p>Stosujemy odpowiednie środki techniczne i organizacyjne ochrony danych</p>
                                </div>

                                <div class="principle-item">
                                    <h4><i class="fas fa-clock"></i> Okres przechowywania</h4>
                                    <p>Dane przechowujemy tylko przez okres niezbędny do realizacji celów</p>
                                </div>

                                <div class="principle-item">
                                    <h4><i class="fas fa-hand-paper"></i> Twoje prawa</h4>
                                    <p>Masz prawo dostępu, sprostowania, usunięcia i przenoszenia swoich danych</p>
                                </div>

                                <div class="principle-item">
                                    <h4><i class="fas fa-eye-slash"></i> Brak sprzedaży</h4>
                                    <p>Nie sprzedajemy ani nie udostępniamy danych osobowych podmiotom trzecim w celach komercyjnych</p>
                                </div>
                            </div>

                            <div class="gdpr-rights">
                                <h4><i class="fas fa-user-shield"></i> Zarządzanie danymi</h4>
                                <p>
                                    Możesz zarządzać swoimi danymi osobowymi poprzez:
                                </p>
                                <ul>
                                    <li><a href="gdpr.php">Panel RODO</a> - dostępny dla zalogowanych użytkowników</li>
                                    <li>E-mail: <a href="mailto:admin@carspotgrodzisk.pl">admin@carspotgrodzisk.pl</a></li>
                                    <li><a href="../public/contact.php">Formularz kontaktowy</a></li>
                                </ul>
                            </div>
                        </div>
                    </section>

                    <!-- Cookies -->
                    <section class="legal-section-block">
                        <h2><i class="fas fa-cookie-bite"></i> 9. Pliki cookies</h2>
                        <div class="content-block">
                            <h3><i class="fas fa-info-circle"></i> Informacje o cookies:</h3>
                            
                            <div class="cookies-info">
                                <p>
                                    Serwis wykorzystuje pliki cookies w celu zapewnienia prawidłowego funkcjonowania 
                                    oraz poprawy jakości świadczonych usług.
                                </p>
                                
                                <div class="cookie-types">
                                    <div class="cookie-type">
                                        <h4><i class="fas fa-cog"></i> Cookies niezbędne</h4>
                                        <p>Umożliwiają podstawowe funkcjonowanie serwisu (logowanie, sesje, bezpieczeństwo)</p>
                                        <div class="cookie-status required">Wymagane - nie można wyłączyć</div>
                                    </div>

                                    <div class="cookie-type">
                                        <h4><i class="fas fa-chart-line"></i> Cookies analityczne</h4>
                                        <p>Pomagają analizować sposób korzystania z serwisu i jego optymalizację</p>
                                        <div class="cookie-status optional">Opcjonalne - można wyłączyć</div>
                                    </div>

                                    <div class="cookie-type">
                                        <h4><i class="fas fa-user-cog"></i> Cookies funkcjonalne</h4>
                                        <p>Zapamiętują preferencje użytkownika (język, układ strony, ustawienia)</p>
                                        <div class="cookie-status optional">Opcjonalne - można wyłączyć</div>
                                    </div>
                                </div>
                            </div>

                            <div class="cookies-management">
                                <h4><i class="fas fa-sliders-h"></i> Zarządzanie cookies</h4>
                                <p>
                                    Możesz kontrolować i konfigurować pliki cookies za pomocą:
                                </p>
                                <ul>
                                    <li>Ustawień przeglądarki internetowej</li>
                                    <li>Panelu cookies wyświetlanego przy pierwszej wizycie</li>
                                    <li>Ustawień konta użytkownika (dla zalogowanych)</li>
                                </ul>
                                
                                <div class="cookies-warning">
                                    <i class="fas fa-exclamation-triangle"></i>
                                    <p>
                                        <strong>Uwaga:</strong> Wyłączenie niektórych cookies może wpłynąć na działanie serwisu 
                                        i ograniczyć dostępność niektórych funkcji.
                                    </p>
                                </div>
                            </div>
                        </div>
                    </section>

                    <!-- Zawieszenie i usunięcie konta -->
                    <section class="legal-section-block">
                        <h2><i class="fas fa-user-times"></i> 10. Zawieszenie i usunięcie konta</h2>
                        <div class="content-block">
                            <h3><i class="fas fa-pause"></i> Zawieszenie konta:</h3>
                            
                            <div class="suspension-rules">
                                <div class="suspension-reason">
                                    <h4><i class="fas fa-exclamation-triangle"></i> Przyczyny zawieszenia:</h4>
                                    <ul>
                                        <li>Naruszenie postanowień regulaminu</li>
                                        <li>Podawanie fałszywych informacji</li>
                                        <li>Niekulturalne zachowanie wobec innych użytkowników</li>
                                        <li>Spam lub działalność komercyjna</li>
                                        <li>Niestawiennictwo na eventach bez usprawiedliwienia</li>
                                        <li>Podejrzenie włamania na konto</li>
                                    </ul>
                                </div>

                                <div class="suspension-process">
                                    <h4><i class="fas fa-gavel"></i> Procedura zawieszenia:</h4>
                                    <ol>
                                        <li>Powiadomienie użytkownika o naruszeniu (o ile możliwe)</li>
                                        <li>Analiza sytuacji przez zespół moderatorów</li>
                                        <li>Decyzja o rodzaju i czasie zawieszenia</li>
                                        <li>Poinformowanie użytkownika o decyzji i możliwości odwołania</li>
                                        <li>Możliwość złożenia odwołania w ciągu 14 dni</li>
                                    </ol>
                                </div>

                                <div class="suspension-duration">
                                    <h4><i class="fas fa-clock"></i> Okresy zawieszenia:</h4>
                                    <ul>
                                        <li><strong>Ostrzeżenie:</strong> Pierwsze drobne naruszenie</li>
                                        <li><strong>7 dni:</strong> Drugie naruszenie lub naruszenie średnie</li>
                                        <li><strong>30 dni:</strong> Poważne naruszenie lub wielokrotne naruszenia</li>
                                        <li><strong>Trwałe:</strong> Bardzo poważne naruszenia lub recydywa</li>
                                    </ul>
                                </div>
                            </div>

                            <h3><i class="fas fa-trash"></i> Usunięcie konta:</h3>
                            <div class="account-deletion">
                                <div class="deletion-voluntary">
                                    <h4><i class="fas fa-user-check"></i> Usunięcie na żądanie użytkownika:</h4>
                                    <ul>
                                        <li>Możliwość w każdej chwili poprzez panel użytkownika</li>
                                        <li>Okres karencji 30 dni (możliwość przywrócenia)</li>
                                        <li>Trwałe usunięcie po upływie okresu karencji</li>
                                        <li>Zachowanie danych wymaganych prawem (np. księgowych)</li>
                                    </ul>
                                </div>

                                <div class="deletion-administrative">
                                    <h4><i class="fas fa-user-times"></i> Usunięcie administracyjne:</h4>
                                    <ul>
                                        <li>Za poważne lub wielokrotne naruszenia regulaminu</li>
                                        <li>Konta nieaktywne przez okres dłuższy niż 2 lata</li>
                                        <li>Konta utworzone z naruszeniem regulaminu</li>
                                        <li>Na żądanie organów ścigania</li>
                                    </ul>
                                </div>
                            </div>

                            <div class="deletion-consequences">
                                <h4><i class="fas fa-info-circle"></i> Skutki usunięcia konta:</h4>
                                <div class="consequences-grid">
                                    <div class="consequence-item">
                                        <h5><i class="fas fa-database"></i> Dane osobowe</h5>
                                        <p>Usunięcie zgodnie z polityką prywatności i wymogami RODO</p>
                                    </div>

                                    <div class="consequence-item">
                                        <h5><i class="fas fa-car"></i> Informacje o samochodach</h5>
                                        <p>Usunięcie wszystkich danych o samochodach z systemu</p>
                                    </div>

                                    <div class="consequence-item">
                                        <h5><i class="fas fa-calendar-times"></i> Historia eventów</h5>
                                        <p>Zachowanie w formie anonimowej dla celów statystycznych</p>
                                    </div>

                                    <div class="consequence-item">
                                        <h5><i class="fas fa-ban"></i> Zakaz rejestracji</h5>
                                        <p>W przypadku usunięcia za naruszenia - zakaz tworzenia nowego konta</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </section>

                    <!-- Zmiany regulaminu -->
                    <section class="legal-section-block">
                        <h2><i class="fas fa-edit"></i> 11. Zmiany regulaminu</h2>
                        <div class="content-block">
                            <h3><i class="fas fa-cogs"></i> Procedura wprowadzania zmian:</h3>
                            
                            <div class="changes-procedure">
                                <div class="procedure-step">
                                    <h4><i class="fas fa-bell"></i> 1. Powiadomienie użytkowników</h4>
                                    <p>
                                        O planowanych zmianach informujemy co najmniej 14 dni przed ich wejściem w życie poprzez:
                                    </p>
                                    <ul>
                                        <li>E-mail na adresy zarejestrowanych użytkowników</li>
                                        <li>Powiadomienie w serwisie po zalogowaniu</li>
                                        <li>Informację na stronie głównej</li>
                                        <li>Banner w serwisie</li>
                                    </ul>
                                </div>

                                <div class="procedure-step">
                                    <h4><i class="fas fa-eye"></i> 2. Możliwość zapoznania się</h4>
                                    <p>
                                        Nowa wersja regulaminu jest dostępna do przeglądu przed wejściem w życie 
                                        wraz z podsumowaniem najważniejszych zmian.
                                    </p>
                                </div>

                                <div class="procedure-step">
                                    <h4><i class="fas fa-check-circle"></i> 3. Akceptacja zmian</h4>
                                    <p>
                                        Dalsze korzystanie z serwisu po dacie wejścia w życie zmian oznacza 
                                        ich akceptację. W przypadku braku akceptacji możesz usunąć konto.
                                    </p>
                                </div>
                            </div>

                            <div class="changes-types">
                                <h4><i class="fas fa-list"></i> Rodzaje zmian:</h4>
                                <div class="change-categories">
                                    <div class="change-type minor">
                                        <h5><i class="fas fa-pencil-alt"></i> Zmiany techniczne</h5>
                                        <p>Poprawki językowe, aktualizacje kontaktów - bez okresu wypowiedzenia</p>
                                    </div>

                                    <div class="change-type moderate">
                                        <h5><i class="fas fa-edit"></i> Zmiany umiarkowane</h5>
                                        <p>Nowe funkcje, zmiany procedur - 14 dni na zapoznanie się</p>
                                    </div>

                                    <div class="change-type major">
                                        <h5><i class="fas fa-exclamation-triangle"></i> Zmiany istotne</h5>
                                        <p>Zmiany warunków, nowe obowiązki - 30 dni na zapoznanie się</p>
                                    </div>
                                </div>
                            </div>

                            <div class="version-control">
                                <h4><i class="fas fa-code-branch"></i> Wersjonowanie regulaminu:</h4>
                                <ul>
                                    <li>Każda wersja regulaminu ma przypisaną datę wejścia w życie</li>
                                    <li>Archiwalne wersje są dostępne na żądanie</li>
                                    <li>Aktualna wersja zawsze dostępna pod tym adresem</li>
                                    <li>Historia zmian jest dokumentowana</li>
                                </ul>
                            </div>
                        </div>
                    </section>

                    <!-- Prawo właściwe -->
                    <section class="legal-section-block">
                        <h2><i class="fas fa-gavel"></i> 12. Prawo właściwe i rozstrzyganie sporów</h2>
                        <div class="content-block">
                            <h3><i class="fas fa-balance-scale"></i> Prawo właściwe:</h3>
                            <div class="applicable-law">
                                <div class="law-info">
                                    <h4><i class="fas fa-flag"></i> Prawo polskie</h4>
                                    <p>
                                        Regulamin oraz wszelkie stosunki prawne wynikające z korzystania z serwisu 
                                        podlegają prawu polskiemu, w szczególności:
                                    </p>
                                    <ul>
                                        <li>Kodeks cywilny</li>
                                        <li>Ustawa o świadczeniu usług drogą elektroniczną</li>
                                        <li>Ustawa o ochronie danych osobowych</li>
                                        <li>RODO (Rozporządzenie UE 2016/679)</li>
                                        <li>Kodeks postępowania cywilnego</li>
                                    </ul>
                                </div>

                                <div class="jurisdiction">
                                    <h4><i class="fas fa-map-marker-alt"></i> Właściwość sądów</h4>
                                    <p>
                                        <strong>Sąd właściwy:</strong> Sąd Rejonowy dla Poznania-Nowe Miasto i Poznań-Wilda 
                                        w Poznaniu lub sąd właściwy według kodeksu postępowania cywilnego.
                                    </p>
                                    <p>
                                        <strong>Dla konsumentów:</strong> Właściwość sądu miejsca zamieszkania konsumenta 
                                        zgodnie z przepisami o ochronie konsumentów.
                                    </p>
                                </div>
                            </div>

                            <h3><i class="fas fa-handshake"></i> Rozstrzyganie sporów:</h3>
                            <div class="dispute-resolution">
                                <div class="resolution-step">
                                    <h4><i class="fas fa-comments"></i> 1. Rozwiązanie polubowne</h4>
                                    <p>
                                        Zachęcamy do kontaktu z nami w celu polubownego rozwiązania sporu 
                                        przed skierowaniem sprawy do sądu.
                                    </p>
                                    <div class="contact-methods">
                                        <p><i class="fas fa-envelope"></i> E-mail: admin@carspotgrodzisk.pl</p>
                                        <p><i class="fas fa-phone"></i> Telefon: dostępny na żądanie</p>
                                        <p><i class="fas fa-comments"></i> Formularz kontaktowy</p>
                                    </div>
                                </div>

                                <div class="resolution-step">
                                    <h4><i class="fas fa-user-tie"></i> 2. Mediacja</h4>
                                    <p>
                                        W przypadku braku porozumienia możliwa jest mediacja przez 
                                        uprawniony podmiot mediacyjny.
                                    </p>
                                </div>

                                <div class="resolution-step">
                                    <h4><i class="fas fa-gavel"></i> 3. Postępowanie sądowe</h4>
                                    <p>
                                        Ostatecznym sposobem rozstrzygnięcia sporu jest droga sądowa 
                                        przed właściwym sądem polskim.
                                    </p>
                                </div>
                            </div>

                            <div class="consumer-rights">
                                <h4><i class="fas fa-user-shield"></i> Prawa konsumentów:</h4>
                                <p>
                                    Jeśli jesteś konsumentem w rozumieniu Kodeksu cywilnego, przysługują Ci dodatkowe prawa:
                                </p>
                                <ul>
                                    <li>Możliwość skorzystania z pozasądowych sposobów rozpatrywania skarg</li>
                                    <li>Zwracanie się do Rzecznika Konsumentów</li>
                                    <li>Korzystanie z platform ODR (Online Dispute Resolution)</li>
                                    <li>Właściwość sądu miejsca Twojego zamieszkania</li>
                                </ul>
                                
                                <div class="odr-platform">
                                    <p>
                                        <strong>Platforma ODR:</strong> 
                                        <a href="https://ec.europa.eu/consumers/odr" target="_blank">
                                            ec.europa.eu/consumers/odr
                                        </a>
                                    </p>
                                </div>
                            </div>
                        </div>
                    </section>

                    <!-- Postanowienia końcowe -->
                    <section class="legal-section-block">
                        <h2><i class="fas fa-flag-checkered"></i> 13. Postanowienia końcowe</h2>
                        <div class="content-block">
                            <div class="final-provisions">
                                <div class="provision-item">
                                    <h4><i class="fas fa-link"></i> Integralność regulaminu</h4>
                                    <p>
                                        Regulamin stanowi integralną całość z Polityką Prywatności i innymi 
                                        dokumentami regulującymi korzystanie z serwisu.
                                    </p>
                                </div>

                                <div class="provision-item">
                                    <h4><i class="fas fa-puzzle-piece"></i> Nieważność postanowień</h4>
                                    <p>
                                        W przypadku stwierdzenia nieważności któregokolwiek z postanowień regulaminu, 
                                        pozostałe postanowienia pozostają w mocy.
                                    </p>
                                </div>

                                <div class="provision-item">
                                    <h4><i class="fas fa-language"></i> Wersje językowe</h4>
                                    <p>
                                        Regulamin został sporządzony w języku polskim. W przypadku tłumaczeń 
                                        na inne języki, wersja polska jest wiążąca.
                                    </p>
                                </div>

                                <div class="provision-item">
                                    <h4><i class="fas fa-calendar-alt"></i> Data wejścia w życie</h4>
                                    <p>
                                        Niniejszy regulamin wchodzi w życie z dniem 1 stycznia 2025 roku 
                                        i zastępuje wszystkie poprzednie wersje.
                                    </p>
                                </div>

                                <div class="provision-item">
                                    <h4><i class="fas fa-envelope"></i> Kontakt</h4>
                                    <p>
                                        Wszelkie pytania dotyczące regulaminu można kierować na adres: 
                                        <strong>admin@carspotgrodzisk.pl</strong>
                                    </p>
                                </div>

                                <div class="provision-item">
                                    <h4><i class="fas fa-download"></i> Zapisywanie regulaminu</h4>
                                    <p>
                                        Użytkownik może zapisać, wydrukować lub pobrać niniejszy regulamin 
                                        w każdej chwili ze strony serwisu.
                                    </p>
                                </div>
                            </div>

                            <div class="signature-section">
                                <div class="signature-box">
                                    <h4>CSG Car Spot Grodzisk</h4>
                                    <p>Administrator serwisu carspotgrodzisk.pl</p>
                                    <p>Grodzisk Wielkopolski, 1 stycznia 2025 r.</p>
                                </div>
                            </div>
                        </div>
                    </section>
                </div>

                <!-- Działania użytkownika -->
                <div class="action-section">
                    <h2><i class="fas fa-user-cog"></i> Zarządzaj swoim kontem</h2>
                    <div class="action-buttons">
                                                    <a href="../auth/register.php" class="btn btn-primary btn-lg">
                                <i class="fas fa-user-plus"></i> Zarejestruj się
                            </a>
                            <a href="../auth/login.php" class="btn btn-secondary btn-lg">
                                <i class="fas fa-sign-in-alt"></i> Zaloguj się
                            </a>
                                                
                        <a href="../public/contact.php" class="btn btn-outline btn-lg">
                            <i class="fas fa-envelope"></i> Kontakt
                        </a>
                        
                        <button onclick="printTerms()" class="btn btn-outline btn-lg">
                            <i class="fas fa-print"></i> Drukuj
                        </button>
                    </div>
                </div>

                <!-- Dokumenty powiązane -->
                <div class="related-documents">
                    <h2><i class="fas fa-file-alt"></i> Dokumenty powiązane</h2>
                    <div class="documents-grid">
                        <a href="privacy-policy.php" class="document-card">
                            <div class="document-icon">
                                <i class="fas fa-shield-alt"></i>
                            </div>
                            <h3>Polityka Prywatności</h3>
                            <p>Informacje o przetwarzaniu danych osobowych zgodnie z RODO</p>
                        </a>

                        <a href="gdpr.php" class="document-card">
                            <div class="document-icon">
                                <i class="fas fa-user-shield"></i>
                            </div>
                            <h3>Panel RODO</h3>
                            <p>Zarządzanie zgodami i danymi osobowymi</p>
                        </a>

                        <a href="../public/contact.php" class="document-card">
                            <div class="document-icon">
                                <i class="fas fa-envelope"></i>
                            </div>
                            <h3>Kontakt</h3>
                            <p>Formularz kontaktowy i dane organizatora</p>
                        </a>
                    </div>
                </div>
            </div>
        </section>
    </main>

    
<footer class="footer">
    <div class="footer-main">
        <div class="container">
            <div class="footer-content">
                <!-- Logo i opis -->
                <div class="footer-section">
                    <div class="footer-brand">
                        <div class="footer-logo">
                            <i class="fas fa-car-side"></i>
                            <span class="logo-text">
                                <span class="highlight">CSG</span> Car Spot
                                <small>Grodzisk Wielkopolski</small>
                            </span>
                        </div>
                        <p class="footer-description">
                            Największa społeczność motoryzacyjna w Grodzisku Wielkopolskim. 
                            Dołącz do nas i uczestniczmy w pasjonujących zlotach samochodowych!
                        </p>
                        <div class="footer-social">
                            <a href="#" class="social-link" title="Facebook" aria-label="Facebook">
                                <i class="fab fa-facebook-f"></i>
                            </a>
                            <a href="#" class="social-link" title="Instagram" aria-label="Instagram">
                                <i class="fab fa-instagram"></i>
                            </a>
                            <a href="#" class="social-link" title="YouTube" aria-label="YouTube">
                                <i class="fab fa-youtube"></i>
                            </a>
                            <a href="#" class="social-link" title="TikTok" aria-label="TikTok">
                                <i class="fab fa-tiktok"></i>
                            </a>
                        </div>
                    </div>
                </div>

                <!-- Szybkie linki -->
                <div class="footer-section">
                    <h3 class="footer-title">Szybkie Linki</h3>
                    <ul class="footer-links">
                        <li><a href="/index.php"><i class="fas fa-home"></i> Strona Główna</a></li>
                        <li><a href="/pages/public/events.php"><i class="fas fa-calendar-alt"></i> Nadchodzące Eventy</a></li>
                        <li><a href="/pages/public/gallery.php"><i class="fas fa-images"></i> Galeria Zdjęć</a></li>
                        <li><a href="/pages/public/contact.php"><i class="fas fa-envelope"></i> Kontakt</a></li>
                                                    <li><a href="/pages/auth/register.php"><i class="fas fa-user-plus"></i> Dołącz Do Nas</a></li>
                                            </ul>
                </div>

                <!-- Dla użytkowników -->
                <div class="footer-section">
                    <h3 class="footer-title">
                        Dla Użytkowników                    </h3>
                    <ul class="footer-links">
                                                    <li><a href="/pages/auth/login.php"><i class="fas fa-sign-in-alt"></i> Logowanie</a></li>
                            <li><a href="/pages/auth/register.php"><i class="fas fa-user-plus"></i> Rejestracja</a></li>
                            <li><a href="/pages/auth/forgot-password.php"><i class="fas fa-key"></i> Odzyskiwanie Hasła</a></li>
                                            </ul>
                </div>

                <!-- Kontakt i informacje -->
                <div class="footer-section">
                    <h3 class="footer-title">Kontakt</h3>
                    <div class="footer-contact">
                        <div class="contact-item">
                            <i class="fas fa-map-marker-alt"></i>
                            <span>Grodzisk Wielkopolski<br>Województwo Wielkopolskie</span>
                        </div>
                        <div class="contact-item">
                            <i class="fas fa-envelope"></i>
                            <a href="mailto:kontakt@carspotgrodzisk.pl">kontakt@carspotgrodzisk.pl</a>
                        </div>
                        <div class="contact-item">
                            <i class="fas fa-clock"></i>
                            <span>Eventy organizowane<br>weekendami</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Dolna część stopki -->
    <div class="footer-bottom">
        <div class="container">
            <div class="footer-bottom-content">
                <div class="footer-left">
                    <p>&copy; 2025 CSG - Car Spot Grodzisk. Wszystkie prawa zastrzeżone.</p>
                </div>
                
                <div class="footer-center">
                    <p>Stworzone z ❤️ dla społeczności motoryzacyjnej</p>
                </div>
                
                <div class="footer-right">
                    <div class="footer-legal">
                        <a href="/pages/legal/privacy-policy.php">Polityka Prywatności</a>
                        <span class="separator">|</span>
                        <a href="/pages/legal/terms.php">Regulamin</a>
                        <span class="separator">|</span>
                        <a href="/pages/legal/gdpr.php">RODO</a>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Back to top button -->
    <button class="back-to-top" id="backToTop" title="Wróć na górę">
        <i class="fas fa-chevron-up"></i>
    </button>
</footer>

<!-- Cookie Notice (RODO) -->
<div class="cookie-notice" id="cookieNotice">
    <div class="container">
        <div class="cookie-content">
            <div class="cookie-text">
                <i class="fas fa-cookie-bite"></i>
                <span>
                    Ta strona używa plików cookie aby zapewnić najlepsze doświadczenia. 
                    Kontynuując korzystanie ze strony, wyrażasz zgodę na ich użycie.
                </span>
            </div>
            <div class="cookie-actions">
                <button class="btn btn-primary btn-sm" onclick="acceptCookies()">
                    <i class="fas fa-check"></i> Akceptuję
                </button>
                <a href="/pages/legal/privacy-policy.php" class="btn btn-outline btn-sm">
                    <i class="fas fa-info-circle"></i> Dowiedz się więcej
                </a>
            </div>
        </div>
    </div>
</div>

<!-- JavaScript -->
<script>
document.addEventListener('DOMContentLoaded', function() {
    // Back to top button
    const backToTopBtn = document.getElementById('backToTop');
    
    window.addEventListener('scroll', function() {
        if (window.pageYOffset > 300) {
            backToTopBtn.classList.add('visible');
        } else {
            backToTopBtn.classList.remove('visible');
        }
    });
    
    backToTopBtn.addEventListener('click', function() {
        window.scrollTo({
            top: 0,
            behavior: 'smooth'
        });
    });

    // Smooth scrolling dla linków anchor
    const anchorLinks = document.querySelectorAll('a[href^="#"]');
    anchorLinks.forEach(link => {
        link.addEventListener('click', function(e) {
            e.preventDefault();
            const targetId = this.getAttribute('href').substring(1);
            const targetElement = document.getElementById(targetId);
            
            if (targetElement) {
                targetElement.scrollIntoView({
                    behavior: 'smooth'
                });
            }
        });
    });

    // Footer animations on scroll
    const observerOptions = {
        threshold: 0.1,
        rootMargin: '0px 0px -50px 0px'
    };

    const observer = new IntersectionObserver((entries) => {
        entries.forEach(entry => {
            if (entry.isIntersecting) {
                entry.target.classList.add('animate-in');
            }
        });
    }, observerOptions);

    // Obserwuj sekcje stopki
    document.querySelectorAll('.footer-section').forEach(section => {
        observer.observe(section);
    });
});

// Cookie consent
function acceptCookies() {
    // Ustaw cookie na 1 rok
    const expires = new Date();
    expires.setFullYear(expires.getFullYear() + 1);
    document.cookie = `cookie_consent=accepted; expires=${expires.toUTCString()}; path=/; SameSite=Strict`;
    
    // Ukryj notice
    const cookieNotice = document.getElementById('cookieNotice');
    if (cookieNotice) {
        cookieNotice.style.transition = 'opacity 0.5s ease, transform 0.5s ease';
        cookieNotice.style.opacity = '0';
        cookieNotice.style.transform = 'translateY(100%)';
        
        setTimeout(() => {
            cookieNotice.style.display = 'none';
        }, 500);
    }
}

// Funkcje globalne dla innych skryptów
window.CSG = {
    // Pokazuj/ukrywaj loading
    showLoading: function() {
        const overlay = document.getElementById('loadingOverlay');
        if (overlay) overlay.style.display = 'flex';
    },
    
    hideLoading: function() {
        const overlay = document.getElementById('loadingOverlay');
        if (overlay) overlay.style.display = 'none';
    },
    
    // Dodaj flash message programowo
    addFlashMessage: function(type, message) {
        const flashContainer = document.querySelector('.flash-messages .container');
        if (!flashContainer) return;
        
        const alertDiv = document.createElement('div');
        alertDiv.className = `alert alert-${type} alert-dismissible`;
        alertDiv.innerHTML = `
            <button type="button" class="alert-close" onclick="this.parentElement.style.display='none';">
                <i class="fas fa-times"></i>
            </button>
            <div class="alert-content">
                <i class="fas fa-${type === 'success' ? 'check' : type === 'error' ? 'exclamation' : 'info'}-circle alert-icon"></i>
                <span>${message}</span>
            </div>
        `;
        
        flashContainer.appendChild(alertDiv);
        
        // Auto-hide po 5 sekundach
        setTimeout(() => {
            alertDiv.style.transition = 'opacity 0.5s ease';
            alertDiv.style.opacity = '0';
            setTimeout(() => {
                alertDiv.remove();
            }, 500);
        }, 5000);
    },
    
    // Formatuj polskie daty
    formatPolishDate: function(dateString) {
        const months = [
            'stycznia', 'lutego', 'marca', 'kwietnia', 'maja', 'czerwca',
            'lipca', 'sierpnia', 'września', 'października', 'listopada', 'grudnia'
        ];
        
        const date = new Date(dateString);
        return `${date.getDate()} ${months[date.getMonth()]} ${date.getFullYear()}`;
    }
};

// Console log dla developerów
console.log('%c🏁 CSG Car Spot Grodzisk', 'color: #ff6b6b; font-size: 20px; font-weight: bold;');
console.log('%cPanel zgłoszeniowy na zloty samochodowe', 'color: #4ecdc4; font-size: 14px;');
console.log('%cStworzone z ❤️ dla społeczności motoryzacyjnej', 'color: #95a5a6; font-size: 12px;');

if (window.location.hostname === 'localhost') {
    console.log('%c🔧 Tryb developerski aktywny', 'color: #f39c12; font-size: 12px;');
}
</script>

<!-- Analytics (dodaj swój kod Google Analytics) -->
<!-- 
<script async src="https://www.googletagmanager.com/gtag/js?id=GA_MEASUREMENT_ID"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
  gtag('config', 'GA_MEASUREMENT_ID');
</script>
-->
    <script>
        // Print functionality
        function printTerms() {
            window.print();
        }

        // Scroll to section
        function scrollToSection(sectionId) {
            document.getElementById(sectionId).scrollIntoView({
                behavior: 'smooth'
            });
        }

        // Highlight sections while scrolling
        document.addEventListener('DOMContentLoaded', function() {
            const sections = document.querySelectorAll('.legal-section-block');
            const observer = new IntersectionObserver((entries) => {
                entries.forEach(entry => {
                    if (entry.isIntersecting) {
                        entry.target.classList.add('in-view');
                    }
                });
            }, {
                threshold: 0.1,
                rootMargin: '-50px 0px'
            });

            sections.forEach(section => {
                observer.observe(section);
            });

            // Animate sections on load
            sections.forEach((section, index) => {
                section.style.animationDelay = (index * 0.1) + 's';
                section.classList.add('animate-in');
            });
        });

        // Share functionality
        function shareTerms() {
            if (navigator.share) {
                navigator.share({
                    title: 'Regulamin Serwisu - CSG Car Spot Grodzisk',
                    url: window.location.href
                });
            } else {
                navigator.clipboard.writeText(window.location.href).then(() => {
                    alert('Link skopiowany do schowka!');
                });
            }
        }

        // Search in terms (simple implementation)
        function searchInTerms(query) {
            if (!query) return;
            
            const content = document.querySelector('.legal-content');
            const text = content.textContent.toLowerCase();
            const searchQuery = query.toLowerCase();
            
            if (text.includes(searchQuery)) {
                // Simple highlight - in production you'd want a more sophisticated solution
                const elements = content.querySelectorAll('p, li, h4');
                elements.forEach(el => {
                    if (el.textContent.toLowerCase().includes(searchQuery)) {
                        el.scrollIntoView({ behavior: 'smooth', block: 'center' });
                        el.style.backgroundColor = '#fff3cd';
                        setTimeout(() => {
                            el.style.backgroundColor = '';
                        }, 3000);
                        return;
                    }
                });
            }
        }
    </script>

    <style>
        /* Inherit base styles from privacy-policy.php and extend */
        .main-content {
            margin-top: 80px;
        }

        .legal-section {
            padding: 2rem 0;
            background: #f8f9fa;
            min-height: calc(100vh - 80px);
        }

        .legal-header {
            text-align: center;
            margin-bottom: 3rem;
            padding: 2rem;
            background: white;
            border-radius: 15px;
            box-shadow: var(--shadow);
        }

        .legal-header h1 {
            font-size: 2.5rem;
            color: var(--dark-color);
            margin-bottom: 1rem;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 1rem;
        }

        .legal-subtitle {
            font-size: 1.2rem;
            color: #666;
            margin-bottom: 1rem;
        }

        .last-updated {
            background: #e3f2fd;
            color: #1976d2;
            padding: 0.5rem 1rem;
            border-radius: 20px;
            font-size: 0.9rem;
            display: inline-flex;
            align-items: center;
            gap: 0.5rem;
        }

        .legal-content {
            max-width: 1000px;
            margin: 0 auto;
        }

        .legal-section-block {
            background: white;
            margin-bottom: 2rem;
            border-radius: 15px;
            box-shadow: var(--shadow);
            overflow: hidden;
            opacity: 0;
            transform: translateY(20px);
            transition: var(--transition);
        }

        .legal-section-block.animate-in {
            opacity: 1;
            transform: translateY(0);
            animation: fadeInUp 0.6s ease forwards;
        }

        .legal-section-block.in-view {
            border-left: 4px solid var(--primary-color);
        }

        .legal-section-block h2 {
            background: var(--gradient-bg);
            color: white;
            padding: 1.5rem 2rem