/* Content Section */
.zb100yil-highlight-text {
    color: #dc3545;
    font-weight: 500;
}

/* Logo Typography Section */
.bizvariz-logo-typography-section {
    padding: 40px 20px 100px;
    background-color: #ffffff;
    text-align: center;
    position: relative;
}

.bizvariz-typography-container {
    max-width: 1200px;
    margin: 0 auto;
}

.bizvariz-typography-container img {
    width: 100%;
    max-width: 1000px;
    height: auto;
    object-fit: contain;
}

.bizvariz-poster-overlay {
    position: absolute;
    bottom: -35%;
    left: 50%;
    transform: translateX(-50%);
    max-width: 800px;
    width: 100%;
    padding: 0 20px;
}

/* Outdoor Campaign Section */
.bizvariz-outdoor-section {
    padding: 30px 0;
    background-color: #000;
    margin-top: 400px;
    margin-bottom: 50px;
}

.bizvariz-outdoor-container {
    width: calc(100% - 8vw);
    margin: 0 auto;
    display: grid;
    grid-template-columns: 60% 40%;
    gap: 20px;
    align-items: stretch;
}

.bizvariz-outdoor-item.large,
.bizvariz-outdoor-item.medium {
    padding: 0;
    margin-bottom: 0;
    height: 400px;
    /* Sabit yükseklik */
}

.bizvariz-outdoor-item.large img,
.bizvariz-outdoor-item.medium img {
    height: 100%;
}

/* Building Campaign Section */
.bizvariz-building-section {
    padding: 0;
    background-color: #000;
}

.bizvariz-building-grid {
    max-width: 100%;
    margin: 0;
}

.bizvariz-building-item {
    width: 100%;
    height: auto;
}

.bizvariz-building-item img {
    height: 100%;
}

/* Community Events Section */
.bizvariz-community-section {
    background-color: #000;
}

.bizvariz-community-red-section {
    background-color: #000;
    padding: 0;
}

.bizvariz-community-grid {
    width: calc(100% - 30vw);
    margin: 0 auto;
    grid-template-rows: 600px 350px;
}

.bizvariz-community-item:first-child {
    grid-column: 1 / -1;
    grid-row: 1;
    background-color: #000;
}

.bizvariz-community-item:nth-child(2) {
    grid-column: 1;
    grid-row: 2;
    background-color: #dc3545;
}

.bizvariz-community-item:nth-child(3) {
    grid-column: 2;
    grid-row: 2;
    background-color: #dc3545;
}

.bizvariz-community-item img {
    height: 100%;
}

/* Interactive Installation Section */
.bizvariz-installation-section {
    background: linear-gradient(to bottom, #000 30%, #A10B17 30%);
}

.bizvariz-installation-grid {
    width: calc(100% - 40vw);
    margin: 0 auto;
    grid-template-rows: 400px 250px;
}

.bizvariz-installation-main {
    grid-column: 1;
    grid-row: 1 / 3;
    /* 1. satırdan 3. satıra kadar (1. ve 2. satırı kaplıyor) */
}

.bizvariz-installation-main img {
    height: 100%;
}

/* İkinci resim: 2. sütunda 1. satırda */
.bizvariz-installation-item:first-child {
    grid-column: 2;
    grid-row: 1;
}

/* Üçüncü resim: 2. sütunda 2. satırda */
.bizvariz-installation-item:nth-child(2) {
    grid-column: 2;
    grid-row: 2;
}

.bizvariz-installation-item img {
    height: 100%;
}

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

    /* Logo Typography Section */
    .bizvariz-logo-typography-section {
        padding: 40px 16px 150px;
        /* Normal: 40px 20px 100px */
    }

    .bizvariz-poster-overlay {
        position: static;
        /* Absolute yerine static */
        grid-template-columns: 1fr;
        row-gap: 4px;
        padding: 0 16px;
        /* Normal: 0 20px */
        margin-top: 20px;
        /* Typography'den boşluk */
        transform: none;
        /* Transform kaldırıldı */
        max-width: 100%;
        width: 100%;
    }

    /* Outdoor Section */
    .bizvariz-outdoor-section {
        padding: 30px 0;
        margin-top: 50px;
        /* Azaltıldı çünkü poster overlay artık static */
    }

    .bizvariz-outdoor-container {
        width: calc(100% - 10vw);
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .bizvariz-outdoor-item.large,
    .bizvariz-outdoor-item.medium {
        height: 300px;
    }

    /* Building Section */
    .bizvariz-building-grid {
        grid-template-columns: 1fr;
        gap: 4px;
    }

    /* Community Section */
    .bizvariz-community-grid {
        width: calc(100% - 10vw);
        grid-template-columns: 1fr;
        grid-template-rows: 300px 200px 200px;
        gap: 4px;
    }

    .bizvariz-community-item:first-child {
        grid-column: 1;
        grid-row: 1;
    }

    .bizvariz-community-item:nth-child(2) {
        grid-column: 1;
        grid-row: 2;
    }

    .bizvariz-community-item:nth-child(3) {
        grid-column: 1;
        grid-row: 3;
    }

    /* Installation Section */
    .bizvariz-installation-section {
        background: linear-gradient(to bottom, #000 20%, #A10B17 20%);
    }

    .bizvariz-installation-grid {
        width: calc(100% - 10vw);
        grid-template-columns: 1fr;
        grid-template-rows: 250px 200px 200px;
        gap: 4px;
    }

    .bizvariz-installation-main {
        grid-column: 1;
        grid-row: 1;
    }

    .bizvariz-installation-item:first-child {
        grid-column: 1;
        grid-row: 2;
    }

    .bizvariz-installation-item:nth-child(2) {
        grid-column: 1;
        grid-row: 3;
    }
}

@media (max-width: 480px) {

    /* Logo Typography Section */
    .bizvariz-logo-typography-section {
        padding: 30px 12px 120px;
        /* Normal: 40px 20px 100px */
    }

    .bizvariz-poster-overlay {
        position: static;
        /* Absolute yerine static */
        padding: 0 12px;
        /* Normal: 0 20px */
        margin-top: 15px;
        /* Typography'den boşluk */
        transform: none;
        /* Transform kaldırıldı */
    }

    /* Outdoor Section */
    .bizvariz-outdoor-section {
        padding: 20px 0;
        margin-top: 30px;
        /* Çok azaltıldı */
    }

    .bizvariz-outdoor-container {
        gap: 12px;
    }

    .bizvariz-outdoor-item.large,
    .bizvariz-outdoor-item.medium {
        height: 250px;
    }

    /* Building Section */
    .bizvariz-building-grid {
        gap: 2px;
    }

    /* Community Section */
    .bizvariz-community-grid {
        grid-template-rows: 250px 150px 150px;
        gap: 4px;
    }

    /* Installation Section */
    .bizvariz-installation-grid {
        grid-template-rows: 200px 150px 150px;
        gap: 4px;
    }
}