/* Content Description Section */
.vitamin-highlight-text {
    color: #e91e63;
    font-weight: 500;
}

.vitamin-highlight-text-2 {
    color: #00bcd4;
    font-weight: 500;
}

/* Social Media Grid Section - İlk 4 görsel */
.vitamin-social-grid-section {
    background-color: #000;
}

.vitamin-social-grid-container {
    max-width: 800px;
    width: 100%;
    grid-template-rows: 1fr 1fr;
    row-gap: 20px;
}

.vitamin-social-item {
    width: 100%;
    height: 250px;
    overflow: hidden;
}

.vitamin-social-item img {
    height: 100%;
}

/* Exam Section - Sınav görseli */
.vitamin-exam-section {
    background-color: #000;
}

.vitamin-exam-container {
    max-width: 800px;
    width: 100%;
}

/* Digital Content Section - İkinci grid */
.vitamin-digital-content-section {
    background-color: #000;
}

.vitamin-digital-content-container {
    max-width: 800px;
    width: 100%;
}

.vitamin-digital-item {
    width: 100%;
}

/* Store Visual Section - Mağaza görseli */
.vitamin-store-section {
    background-color: #000;
}

.vitamin-store-container {
    max-width: 800px;
    width: 100%;
}

/* Preparation Section - Hazırladım görseli */
.vitamin-preparation-section {
    background-color: #000;
}

.vitamin-preparation-container {
    max-width: 800px;
    width: 100%;
}

/* Books Section - Kitaplar görseli */
.vitamin-books-section {
    background-color: #000;
}

.vitamin-books-container {
    max-width: 800px;
    width: 100%;
}

/* Responsive Design for Vitamin */
@media (max-width: 768px) {

    /* Social Media Grid Section */
    .vitamin-social-grid-container {
        max-width: 100%;
        column-gap: 2px;
        row-gap: 10px;
    }

    .vitamin-social-item {
        height: 200px;
    }

    /* All Visual Sections */
    .vitamin-exam-container,
    .vitamin-digital-content-container,
    .vitamin-store-container,
    .vitamin-preparation-container,
    .vitamin-books-container {
        max-width: 100%;
    }

    .vitamin-digital-content-container {
        gap: 2px;
    }
}

@media (max-width: 480px) {

    /* Social Media Grid Section */
    .vitamin-social-grid-container {
        column-gap: 2px;
        row-gap: 8px;
    }

    .vitamin-social-item {
        height: 150px;
    }
}

/* Safari-specific fixes */
@supports (-webkit-appearance: none) {

    .vitamin-social-item img,
    .vitamin-exam-container img,
    .vitamin-digital-item img,
    .vitamin-store-container img,
    .vitamin-preparation-container img,
    .vitamin-books-container img {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}