/* Masaüstünde Tamamen Gizle */
#gygStickyBookingBar {
    display: none;
}

/* Mobil Tasarım (1023px ve altı) */
@media (max-width: 1023px) {
    .gyg-sticky-bar {
        display: block !important;
        position: fixed !important;
        bottom: 0 !important;
        left: 0 !important;
        width: 100% !important;
        background-color: #ffffff !important;
        box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.08) !important;
        z-index: 9999999 !important;
        padding: 10px 16px !important;
        box-sizing: border-box !important;
        border-top: 1px solid #f2f2f2 !important;
    }

    .gyg-sticky-bar-container {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        max-width: 100% !important;
        margin: 0 auto !important;
    }

    .gyg-sticky-bar-left {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        font-family: 'Open Sans', 'Helvetica Neue', sans-serif !important;
    }

    .gyg-sticky-label {
        font-size: 12px !important;
        color: #4a4a4a !important;
        line-height: 1.2 !important;
        margin-bottom: 1px !important;
    }

    .gyg-sticky-price-row {
        display: flex !important;
        align-items: center !important;
        line-height: 1 !important;
    }

    .gyg-sticky-price-val {
        font-size: 22px !important;
        font-weight: 700 !important;
        color: #1a1a1a !important;
        line-height: 1 !important;
    }

    .gyg-sticky-price-suffix {
        font-size: 11px !important;
        color: #4a4a4a !important;
        margin-top: 2px !important;
        line-height: 1.2 !important;
        white-space: nowrap !important;
    }

    .gyg-sticky-cancel-text {
        font-size: 11px !important;
        color: #00875a !important;
        font-weight: 600 !important;
        margin-top: 2px !important;
        line-height: 1.2 !important;
    }

    .gyg-sticky-btn {
        background-color: #0066f5 !important;
        color: #ffffff !important;
        border: none !important;
        padding: 12px 22px !important;
        font-size: 14px !important;
        font-weight: 700 !important;
        border-radius: 24px !important;
        cursor: pointer !important;
        white-space: nowrap !important;
        box-shadow: 0 2px 4px rgba(0, 102, 245, 0.2) !important;
    }

    body {
        padding-bottom: 85px !important;
    }
}

/* Akıllı Gizlenme Geçiş Sınıfı */
.gyg-sticky-bar {
    transition: opacity 0.3s ease, transform 0.3s ease !important;
}

.gyg-sticky-bar.gyg-hidden {
    opacity: 0 !important;
    transform: translateY(100%) !important; /* Barı pürüzsüzce ekranın altına doğru kaydırarak gizler */
    pointer-events: none !important; /* Gizliyken tıklamaları engeller */
}