/* Content Description Section */
.buzadasi-website-highlight-text {
    color: #00bcd4;
    font-weight: normal;
}

/* Ticket Section - Bilet görseli */
.buzadasi-website-ticket-section {
    background-color: #000;
}

/* Digital Campaign Section - Tablet + Telefon */
.buzadasi-website-digital-section {
    background-color: #f5f5f5;
}

.buzadasi-website-digital-container {
    width: 100%;
    gap: 0;
    height: 70vh;
    min-height: 500px;
}

.buzadasi-website-device-item {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.buzadasi-website-device-item img {
    height: 100%;
}

/* Website Showcase Section - Ana website tasarımı */
.buzadasi-website-showcase-section {
    background-color: #000;
    position: relative;
    min-height: 100vh;
}

.buzadasi-website-main {
    width: 100%;
    position: relative;
    z-index: 1;
}

/* Floating Cards - Kenarlardan hafif taşacak şekilde */
.buzadasi-website-floating-card {
    position: absolute;
    z-index: 3;
}

.card-top-left {
    top: 25%;
    left: -22%;
    width: 30%;
    transform: rotate(-0deg);
}

.card-right {
    top: 20%;
    right: -35%;
    width: 50%;
    transform: rotate(2deg);
}

.card-bottom-right {
    bottom: -0.2%;
    right: -26%;
    width: 40%;
    transform: rotate(-8deg) scale();
}

.buzadasi-website-floating-card img {
    filter: drop-shadow(0 8px 15px rgba(0, 0, 0, 0.4));
}

/* Landing Page Section - Landing page tasarımı */
.buzadasi-website-landing-section {
    background-color: #000;
    position: relative;
    min-height: 120vh;
}

.buzadasi-website-landing-main {
    width: 100%;
    position: relative;
    z-index: 1;
}

/* Floating Elements - Landing page kenarlarından taşacak şekilde */
.buzadasi-website-floating-element {
    position: absolute;
    z-index: 3;
}

.element-left-center {
    top: 55%;
    left: -8%;
    width: 15%;
    transform: translateY(-50%);
}

.element-bottom-left {
    bottom: 0%;
    left: -22%;
    width: 44%;
}

.element-right-center {
    top: 55%;
    right: -5%;
    width: 12%;
    transform: translateY(-50%);
}

.buzadasi-website-floating-element img {
    filter: drop-shadow(0 8px 15px rgba(0, 0, 0, 0.4));
}

/* Responsive Design for Buzadası Website */
@media (max-width: 768px) {
    .buzadasi-website-highlight-text {
        font-size: 14px;
    }

    /* Ticket Section */
    .buzadasi-website-ticket-container {
        max-width: 100%;
    }

    /* Digital Campaign Section */
    .buzadasi-website-digital-container {
        height: 120vh;
        grid-template-columns: 1fr;
        grid-template-rows: 1fr 1fr;
        gap: 4px;
    }

    /* Website Showcase Section */
    .buzadasi-website-showcase-section {
        min-height: 80vh;
    }

    .buzadasi-website-showcase-container {
        max-width: 100%;
    }

    /* Floating Cards - Mobile'da gizle */
    .buzadasi-website-floating-card {
        display: none;
    }

    /* Landing Page Section */
    .buzadasi-website-landing-section {
        min-height: 80vh;
    }

    .buzadasi-website-landing-container {
        max-width: 100%;
    }

    /* Floating Elements - Mobile'da gizle */
    .buzadasi-website-floating-element {
        display: none;
    }
}

@media (max-width: 480px) {
    .buzadasi-website-highlight-text {
        font-size: 13px;
    }

    /* Digital Campaign Section */
    .buzadasi-website-digital-container {
        height: 100vh;
        gap: 2px;
    }

    /* Website Showcase Section */
    .buzadasi-website-showcase-section {
        min-height: 70vh;
    }

    /* Floating Cards - Mobile'da gizle */
    .buzadasi-website-floating-card {
        display: none;
    }

    /* Landing Page Section */
    .buzadasi-website-landing-section {
        min-height: 70vh;
    }

    /* Floating Elements - Mobile'da gizle */
    .buzadasi-website-floating-element {
        display: none;
    }
}