/* ===============================================
   SECTOR PAGES - SPECIFIC STYLES
   =============================================== */

/* Hero Section for Sector Pages */
.toplu-sms-hero-section {
    background: #fff;
    padding: 80px 0;
}

/* Lojistik Hero Image - Arka plan kaldırıldı ve sağa hizalandı */
.lojistik-hero-img {
    background: transparent !important;
    background-color: transparent !important;
    max-width: 100%;
    width: auto;
    height: auto;
    min-height: 200px;
    object-fit: contain;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.sector-hero-img {
    max-width: 100%;
    width: auto;
    height: auto;
    display: block;
}

@media (max-width: 768px) {
    .lojistik-hero-img {
        margin: 0 auto;
    }
    
    .col-md-4.d-flex.justify-content-end {
        justify-content: center !important;
    }
}

.toplu-sms-hero-section h2 {
    font-size: 2.5rem;
    font-weight: 700;
    color: #333;
    margin-bottom: 1.5rem;
}

.toplu-sms-hero-section p {
    font-size: 1.2rem;
    line-height: 1.8;
    color: #666;
    margin-bottom: 1.5rem;
}

.toplu-sms-hero-section ul {
    font-size: 1.1rem;
    line-height: 2;
    color: #666;
    margin-bottom: 1.5rem;
}

.toplu-sms-hero-section h4 {
    font-size: 1.5rem;
    color: #333;
    margin-bottom: 1.5rem;
}

.toplu-sms-hero-section .small {
    color: #666;
}

/* Step Circles */
.step-circle {
    width: 80px;
    height: 80px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1rem;
}

.step-circle span {
    font-size: 2rem;
    font-weight: 700;
    color: #fff;
}

/* Section Styles */
.section-white {
    padding: 80px 0;
    background: #fff;
}

.section-light {
    padding: 80px 0;
    background: #f8f9fa;
}

/* Card Styles */
.sector-card {
    border-radius: 15px;
    transition: transform 0.3s ease;
}

.sector-card:hover {
    transform: translateY(-5px);
}

.sector-card .card-body {
    padding: 1.5rem;
}

.sector-card h5 {
    font-weight: 600;
    margin-bottom: 1rem;
}

.sector-card .text-muted {
    margin-bottom: 1rem;
}

/* Feature Icons */
.sector-feature-icon {
    font-size: 3rem;
    margin-bottom: 1rem;
}

.sector-feature-icon.text-warning {
    color: #ffc107 !important;
}

.sector-feature-icon.text-danger {
    color: #dc3545 !important;
}

.sector-feature-icon.text-info {
    color: #17a2b8 !important;
}

.sector-feature-icon.text-success {
    color: #28a745 !important;
}

.sector-feature-icon.text-primary {
    color: #007bff !important;
}

.sector-feature-icon.text-dark {
    color: #343a40 !important;
}

/* Scenario Cards */
.scenario-card {
    border-radius: 15px;
    transition: transform 0.3s ease;
}

.scenario-card:hover {
    transform: translateY(-5px);
}

.scenario-card .card-body {
    padding: 1.5rem;
}

.scenario-card h5 {
    font-weight: 600;
    margin-bottom: 0;
}

.scenario-card .text-muted {
    font-size: 0.875rem;
    margin-bottom: 1rem;
}

.scenario-card .list-unstyled {
    margin-bottom: 0;
}

.scenario-card .list-unstyled li {
    margin-bottom: 0.5rem;
}

/* CTA Section */
.cta-section {
    background: #f8f9fa;
    padding: 80px 0;
}

.cta-section h2 {
    font-size: 2.5rem;
    font-weight: 700;
    color: #333;
    margin-bottom: 1.5rem;
}

.cta-section p {
    font-size: 1.2rem;
    line-height: 1.8;
    color: #666;
    margin-bottom: 1.5rem;
}

/* Button Styles */
.btn-lg {
    padding: 12px 30px;
    font-size: 1.1rem;
    font-weight: 600;
}

.cta-btn {
    padding: 15px 40px;
    font-size: 1.2rem;
    font-weight: 600;
}

/* Responsive */
@media (max-width: 768px) {
    .toplu-sms-hero-section {
        padding: 50px 0;
    }
    
    .toplu-sms-hero-section h2 {
        font-size: 2rem;
    }
    
    .toplu-sms-hero-section p {
        font-size: 1rem;
    }
    
    .section-white,
    .section-light,
    .cta-section {
        padding: 50px 0;
    }
    
    .cta-section h2 {
        font-size: 2rem;
    }
    
    .cta-section p {
        font-size: 1rem;
    }
}