/**
 * Package Cards - Balanced Design
 * Clean layout with good proportions
 */

/* Package Cards - Optimized */
.package-card {
    border-radius: var(--radius-lg) !important;
    box-shadow: 0 5px 18px rgba(232, 180, 184, 0.12) !important;
}

.package-card.popular {
    box-shadow: 0 8px 25px rgba(232, 180, 184, 0.18) !important;
}

/* Package Image - Good height, not too compressed */
.package-image {
    height: 280px !important;
}

.package-image img {
    object-fit: cover !important;
    object-position: center !important;
}

/* Package Content - Comfortable padding */
.package-content {
    padding: 1rem !important;
}

/* Package Name - Clear and readable */
.package-name {
    font-size: 1rem !important;
    margin-bottom: 0.5rem !important;
    font-weight: 600 !important;
}

/* Package Price - Prominent */
.package-price {
    font-size: 1.4rem !important;
    margin-bottom: 0.5rem !important;
    font-weight: 700 !important;
}

.package-price span {
    font-size: 0.85rem !important;
    font-weight: 400 !important;
}

/* Package Duration - Compact but clear */
.package-duration {
    font-size: 0.8rem !important;
    margin-bottom: 0.75rem !important;
    padding: 6px 12px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    background: linear-gradient(135deg, #FFF5F6 0%, #F8E8EA 100%) !important;
    border-radius: var(--radius-sm) !important;
}

.package-duration i {
    font-size: 0.75rem !important;
}

/* Package Features - Clean list */
.package-features {
    margin-bottom: 1rem !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
}

.package-feature {
    font-size: 0.85rem !important;
    padding: 4px 0 !important;
    gap: 8px !important;
    display: flex !important;
    align-items: center !important;
}

.package-feature i {
    font-size: 0.75rem !important;
    color: #E8B4B8 !important;
}

/* Package Buttons */
.package-content .btn {
    padding: 0.6rem 1.2rem !important;
    font-size: 0.85rem !important;
    margin-top: auto !important;
}

/* Package Badge */
.package-badge {
    font-size: 0.7rem !important;
    padding: 4px 16px !important;
    top: 10px !important;
    right: -10px !important;
}

/* Section Spacing - Reduced */
#paketler .section {
    padding: 2rem 0 !important;
}

.section-header {
    margin-bottom: 1.5rem !important;
}

.section-label {
    font-size: 0.9rem !important;
    margin-bottom: 0.5rem !important;
}

.section-title {
    font-size: 1.8rem !important;
    margin-bottom: 0.75rem !important;
}

.section-description {
    font-size: 1rem !important;
    margin-bottom: 1rem !important;
}

/* Page Hero - Moderate height */
.page-hero {
    min-height: 35vh !important;
}

.page-hero-label {
    font-size: 1.6rem !important;
    margin-bottom: var(--spacing-sm) !important;
}

.page-hero-title {
    font-size: clamp(2.2rem, 4.5vw, 3.5rem) !important;
    margin: var(--spacing-sm) 0 !important;
}

.page-hero-description {
    font-size: 1.05rem !important;
}

/* FAQ - Compact but readable */
.faq-list {
    gap: 1rem !important;
}

.faq-item {
    border-radius: var(--radius-md) !important;
    box-shadow: 0 4px 15px rgba(232, 180, 184, 0.1) !important;
}

.faq-question {
    padding: 1rem 1.5rem !important;
    font-size: 1rem !important;
}

.faq-answer p {
    font-size: 0.95rem !important;
    padding: 0 1.5rem 1rem !important;
    line-height: 1.7 !important;
}

/* Grid spacing optimization */
.grid {
    gap: 1.5rem !important;
}

.grid-2 {
    grid-template-columns: repeat(2, 1fr) !important;
}

.grid-3 {
    grid-template-columns: repeat(3, 1fr) !important;
}

.grid-4 {
    grid-template-columns: repeat(4, 1fr) !important;
}

/* Responsive adjustments */
@media (max-width: 992px) {
    .grid-3, .grid-4 {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

@media (max-width: 576px) {
    .grid-2, .grid-3, .grid-4 {
        grid-template-columns: 1fr !important;
    }

    .package-image {
        height: 280px !important;
    }
}