.kvkk-hero {

















        background: linear-gradient(135deg, rgba(62, 166, 53, 0.95), rgba(45, 122, 40, 0.95)), url('../images/og-image.jpg') top center/cover;

















        padding: 100px 0 80px;

















        text-align: center;

















        position: relative;

















        overflow: hidden;

















        margin-bottom: 60px;

















    }

















    .kvkk-hero::before {

















        content: '';

















        position: absolute;

















        top: 0;

















        left: 0;

















        right: 0;

















        bottom: 0;

















        background: url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><rect width="100" height="100" fill="none"/><path d="M0 0L50 50L0 100" stroke="rgba(255,255,255,0.05)" stroke-width="2" fill="none"/><path d="M50 0L100 50L50 100" stroke="rgba(255,255,255,0.05)" stroke-width="2" fill="none"/></svg>');

















        opacity: 0.3;

















    }

















    .kvkk-hero-content {

















        position: relative;

















        z-index: 1;

















    }

















    .kvkk-hero h1 {

















        font-size: 56px;

















        font-weight: 800;

















        color: #fff;

















        margin-bottom: 15px;

















        letter-spacing: -1px;

















    }

















    .kvkk-hero p {

















        font-size: 20px;

















        color: rgba(255, 255, 255, 0.9);

















        max-width: 600px;

















        margin: 0 auto;

















        font-weight: 500;

















    }

















    .kvkk-container {

















        max-width: 900px;

















        margin: 0 auto;

















        padding: 0 40px;

















        margin-bottom: 80px;

















    }

















    .kvkk-content {

















        background: white;

















        padding: 50px;

















        border-radius: 12px;

















        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);

















    }

















    .kvkk-content h2 {

















        font-size: 28px;

















        font-weight: 700;

















        color: var(--text-dark);

















        margin-top: 40px;

















        margin-bottom: 20px;

















        padding-bottom: 15px;

















        border-bottom: 3px solid var(--primary-green);

















    }

















    .kvkk-content h2:first-child {

















        margin-top: 0;

















    }

















    .kvkk-content h3 {

















        font-size: 18px;

















        font-weight: 600;

















        color: var(--text-dark);

















        margin-top: 25px;

















        margin-bottom: 12px;

















    }

















    .kvkk-content p {

















        font-size: 15px;

















        line-height: 1.8;

















        color: #666;

















        margin-bottom: 15px;

















    }

















    .kvkk-content ul, .kvkk-content ol {

















        margin: 15px 0 15px 25px;

















    }

















    .kvkk-content li {

















        font-size: 15px;

















        line-height: 1.8;

















        color: #666;

















        margin-bottom: 10px;

















    }

















    .kvkk-content strong {

















        color: var(--text-dark);

















        font-weight: 600;

















    }

















    .kvkk-content a {

















        color: var(--primary-green);

















        text-decoration: none;

















        transition: color 0.3s ease;

















    }

















    .kvkk-content a:hover {

















        color: var(--dark-green);

















        text-decoration: underline;

















    }

















    .highlight-box {

















        background-color: rgba(62, 166, 53, 0.08);

















        padding: 20px;

















        border-left: 4px solid var(--primary-green);

















        border-radius: 8px;

















        margin: 25px 0;

















    }

















    .last-updated {

















        background-color: rgba(62, 166, 53, 0.08);

















        padding: 20px;

















        border-left: 4px solid var(--primary-green);

















        border-radius: 8px;

















        margin-top: 40px;

















        font-size: 14px;

















        color: #666;

















    }

















    @media (max-width: 768px) {

















        .kvkk-hero { padding: 80px 0 60px; }

















        .kvkk-hero h1 { font-size: 40px; }

















        .kvkk-container { padding: 0 20px; margin-bottom: 50px; }

















        .kvkk-content { padding: 30px; }

















        .kvkk-content h2 { font-size: 22px; }

















    }

















    @media (max-width: 480px) {

















        .kvkk-hero h1 { font-size: 32px; }

















        .kvkk-container { padding: 0 15px; }

















        .kvkk-content { padding: 20px; }

















        .kvkk-content h2 { font-size: 20px; }

















    }

















/* Legal Pages Styles */

















.legal-container {

















    max-width: 1000px;

















    margin: 0 auto;

















    padding: 40px 20px 80px;

















}

















.legal-header {

















    text-align: center;

















    margin-bottom: 50px;

















    padding: 60px 20px;

















    background: linear-gradient(135deg, #3ea635 0%, #2d7a28 100%);

















    border-radius: 16px;

















    color: white;

















}

















.legal-header h1 {

















    font-size: 42px;

















    font-weight: 800;

















    margin-bottom: 15px;

















    letter-spacing: -0.5px;

















}

















.legal-header .last-updated {

















    font-size: 14px;

















    color: rgba(255, 255, 255, 0.9);

















    font-weight: 500;

















}

















.legal-content {

















    background: white;

















    padding: 50px;

















    border-radius: 16px;

















    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);

















}

















.legal-section {

















    margin-bottom: 40px;

















}

















.legal-section:last-child {

















    margin-bottom: 0;

















}

















.legal-section h2 {

















    font-size: 24px;

















    font-weight: 700;

















    color: #212529;

















    margin-bottom: 20px;

















    padding-bottom: 12px;

















    border-bottom: 3px solid #3ea635;

















}

















.legal-section h3 {

















    font-size: 18px;

















    font-weight: 600;

















    color: #495057;

















    margin-top: 25px;

















    margin-bottom: 15px;

















}

















.legal-section p {

















    font-size: 15px;

















    line-height: 1.8;

















    color: #6c757d;

















    margin-bottom: 15px;

















}

















.legal-section ul,

















.legal-section ol {

















    margin: 15px 0 20px 25px;

















}

















.legal-section li {

















    font-size: 15px;

















    line-height: 1.8;

















    color: #6c757d;

















    margin-bottom: 10px;

















}

















.legal-section strong {

















    color: #212529;

















    font-weight: 600;

















}

















.info-box {

















    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);

















    border-left: 4px solid #3ea635;

















    padding: 25px;

















    border-radius: 8px;

















    margin: 20px 0;

















}

















.info-box p {

















    margin-bottom: 10px;

















    font-size: 14px;

















    color: #495057;

















}

















.info-box p:last-child {

















    margin-bottom: 0;

















}

















.contact-info {

















    background: #f8f9fa;

















    padding: 20px;

















    border-radius: 8px;

















    margin-top: 15px;

















}

















.contact-info p {

















    margin-bottom: 8px;

















}

















.contact-info a {

















    color: #3ea635;

















    text-decoration: none;

















    font-weight: 500;

















}

















.contact-info a:hover {

















    text-decoration: underline;

















}

















/* Responsive */

















@media (max-width: 768px) {

















    .legal-container {

















        padding: 30px 15px 60px;

















    }

















    .legal-header {

















        padding: 40px 20px;

















        margin-bottom: 30px;

















    }

















    .legal-header h1 {

















        font-size: 28px;

















    }

















    .legal-content {

















        padding: 30px 20px;

















    }

















    .legal-section h2 {

















        font-size: 20px;

















    }

















    .legal-section h3 {

















        font-size: 16px;

















    }

















    .legal-section p,

















    .legal-section li {

















        font-size: 14px;

















    }

















    .info-box {

















        padding: 20px;

















    }

















}

















@media (max-width: 480px) {

















    .legal-header h1 {

















        font-size: 24px;

















    }

















    .legal-content {

















        padding: 25px 15px;

















    }

















    .legal-section ul,

















    .legal-section ol {

















        margin-left: 20px;

















    }

















}