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

/* Social Media Grid Section - 4 görsel 2 satır */
.gsb-social-grid-section {
    background-color: #000;
}

.gsb-social-grid-container {
    max-width: 800px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.gsb-social-row {
    display: flex;
    width: 100%;
    gap: 4px;
}

.gsb-social-item {
    flex: 1;
}

/* Instagram Posts Section - Tek görsel */
.gsb-instagram-section {
    background-color: #000;
}

.gsb-instagram-container {
    max-width: 800px;
    width: 100%;
}

/* Travel Moments Section - 2 görsel yan yana */
.gsb-travel-moments-section {
    background-color: #000;
}

.gsb-travel-moments-container {
    max-width: 800px;
    width: 100%;
}

.gsb-travel-item {
    width: 100%;
}

/* Seyahatsever Logo Section - Tek görsel */
.gsb-logo-section {
    background-color: #000;
}

.gsb-logo-container {
    max-width: 800px;
    width: 100%;
}

/* Final Group Image */
.gsb-final-section {
    background-color: #000;
}

.gsb-final-container {
    max-width: 800px;
    width: 100%;
}

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

    /* Social Media Grid Section */
    .gsb-social-grid-container {
        max-width: 100% !important;
        gap: 15px !important;
    }

    .gsb-social-row {
        gap: 2px !important;
    }

    /* Instagram Section */
    .gsb-instagram-container {
        max-width: 100% !important;
    }

    /* Travel Moments Section */
    .gsb-travel-moments-container {
        max-width: 100% !important;
        gap: 2px !important;
    }

    /* Logo Section */
    .gsb-logo-container {
        max-width: 100% !important;
    }

    /* Final Section */
    .gsb-final-container {
        max-width: 100% !important;
    }
}

@media (max-width: 480px) {

    /* Social Media Grid Section */
    .gsb-social-grid-container {
        gap: 10px !important;
    }

    .gsb-social-row {
        gap: 2px !important;
    }

    /* Travel Moments Section */
    .gsb-travel-moments-container {
        gap: 2px !important;
    }
}

/* Safari Uyumluluğu */
@supports (-webkit-appearance: none) {

    .gsb-hero-image,
    .gsb-social-item img,
    .gsb-instagram-container img,
    .gsb-travel-item img,
    .gsb-logo-container img,
    .gsb-final-container img {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}