/* V20: banner image layer must remain visible while copy stays sharp. */
.hero[data-v17-banner],.hero[data-v20-banner]{position:relative!important;overflow:hidden!important;isolation:isolate;background:transparent!important}
.hero[data-v17-banner]>.v17-banner-bg,.hero[data-v20-banner]>.v20-banner-bg{position:absolute!important;inset:-14px!important;z-index:0!important;background-position:center!important;background-size:cover!important;background-repeat:no-repeat!important;filter:blur(5px) saturate(.98)!important;transform:scale(1.035)!important;pointer-events:none!important}
.hero[data-v17-banner]>.v17-banner-wash,.hero[data-v20-banner]>.v20-banner-wash{position:absolute!important;inset:0!important;z-index:1!important;background:linear-gradient(90deg,rgba(250,249,243,.94) 0%,rgba(250,249,243,.78) 34%,rgba(250,249,243,.34) 61%,rgba(12,45,32,.08) 100%)!important;pointer-events:none!important}
.hero[data-v17-banner]>.v15-banner-overlay,.hero[data-v20-banner]>.v20-banner-overlay{position:absolute!important;inset:0!important;z-index:2!important;pointer-events:none!important}
.hero[data-v17-banner]>.hero-content,.hero[data-v20-banner]>.hero-content{position:relative!important;z-index:4!important;filter:none!important}
.hero[data-v17-banner]>.hero-quote,.hero[data-v20-banner]>.hero-quote{position:relative!important;z-index:5!important;filter:none!important}
.hero[data-v17-banner]>.hero-grain,.hero[data-v17-banner]>.hero-orbit,.hero[data-v20-banner]>.hero-grain,.hero[data-v20-banner]>.hero-orbit{z-index:3!important;pointer-events:none!important}
@media(max-width:760px){.hero[data-v17-banner]>.v17-banner-bg,.hero[data-v20-banner]>.v20-banner-bg{filter:blur(4px) saturate(.98)!important}.hero[data-v17-banner]>.v17-banner-wash,.hero[data-v20-banner]>.v20-banner-wash{background:linear-gradient(90deg,rgba(250,249,243,.94),rgba(250,249,243,.72) 70%,rgba(250,249,243,.34))!important}}

/* =========================================================
   FLYHEALTH — QUICK STRIP MOBILE PREMIUM UI
   ========================================================= */

@media (max-width: 980px) {

    .quick-strip {
        padding: 16px 0 20px;
        border-top: 0;
        border-bottom: 1px solid rgba(20, 63, 48, 0.08);
        background: linear-gradient(
            180deg,
            rgba(255,255,255,0.98) 0%,
            rgba(248,247,242,0.96) 100%
        );
    }

    .quick-strip .container {
        width: min(calc(100% - 28px), 880px);
    }

    .quick-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }

    .quick-item {
        min-width: 0;
        min-height: 76px;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 13px;
        padding: 14px 16px;
        border: 1px solid rgba(24, 79, 59, 0.09) !important;
        border-radius: 18px;
        background: rgba(255, 255, 255, 0.96);
        box-shadow:
            0 8px 24px rgba(19, 57, 45, 0.05),
            inset 0 1px 0 rgba(255, 255, 255, 0.9);
        color: #173b30;
        font-size: 13.5px;
        font-weight: 700;
        line-height: 1.35;
        text-align: left;
        transition:
            transform .25s ease,
            box-shadow .25s ease,
            border-color .25s ease,
            background .25s ease;
    }

    .quick-item:last-child {
        border-right: 1px solid rgba(24, 79, 59, 0.09) !important;
    }

    .quick-item:nth-child(5) {
        grid-column: 1 / -1;
        width: min(100%, 430px);
        justify-self: center;
    }

    .quick-icon {
        width: 42px;
        height: 42px;
        min-width: 42px;
        flex: 0 0 42px;
        display: grid;
        place-items: center;
        margin: 0;
        border: 1px solid rgba(24, 79, 59, 0.07);
        border-radius: 50%;
        background: linear-gradient(145deg, #f7f5ee, #efede4);
        color: #276349;
        font-size: 15px;
        font-weight: 700;
        box-shadow:
            0 5px 14px rgba(30, 73, 57, 0.06),
            inset 0 1px 0 rgba(255,255,255,.95);
    }
}

@media (max-width: 560px) {

    .quick-strip {
        padding: 12px 0 16px;
    }

    .quick-strip .container {
        width: calc(100% - 24px);
    }

    .quick-grid {
        grid-template-columns: 1fr;
        gap: 9px;
    }

    .quick-item,
    .quick-item:nth-child(5) {
        grid-column: auto;
        width: 100%;
        min-height: 62px;
        padding: 10px 13px;
        border-radius: 15px;
        justify-self: stretch;
        font-size: 13px;
        line-height: 1.3;
    }

    .quick-icon {
        width: 38px;
        height: 38px;
        min-width: 38px;
        flex-basis: 38px;
        font-size: 14px;
    }
}

@media (hover: hover) and (pointer: fine) {
    .quick-item:hover {
        transform: translateY(-2px);
        border-color: rgba(24, 79, 59, 0.16) !important;
        background: #fff;
        box-shadow:
            0 12px 30px rgba(19, 57, 45, 0.08),
            inset 0 1px 0 rgba(255,255,255,.95);
    }

    .quick-item:hover .quick-icon {
        background: #174f3b;
        color: #fff;
    }
}


/* =========================================================
   HERO TEXT CLARITY — görünümü değiştirmeden okunabilirlik
   ========================================================= */

/* Hero içerisindeki metinler hiçbir koşulda blur kalmasın */
.hero[data-v17-banner] .hero-content > *,
.hero[data-v20-banner] .hero-content > * {
    filter: none !important;
}

/* Mevcut renk/tasarım korunur; sadece metin netliği artırılır */
.hero[data-v17-banner] .breadcrumbs,
.hero[data-v20-banner] .breadcrumbs {
    filter: none !important;
}

.hero[data-v17-banner] .eyebrow,
.hero[data-v20-banner] .eyebrow {
    filter: none !important;
    text-shadow: 0 1px 1px rgba(255,255,255,.55);
}

.hero[data-v17-banner] h1,
.hero[data-v20-banner] h1 {
    filter: none !important;
    text-shadow: 0 1px 1px rgba(255,255,255,.45);
}

.hero[data-v17-banner] .hero-content > p,
.hero[data-v20-banner] .hero-content > p {
    filter: none !important;
    color: #29433f !important;
    text-shadow: 0 1px 1px rgba(255,255,255,.65);
}

/* Sağdaki yazı eski görünümünü korusun */
.hero[data-v17-banner] .hero-quote,
.hero[data-v20-banner] .hero-quote {
    filter: none !important;
}

/* Arka planın mevcut blur yapısına dokunmuyoruz */


/* =========================================================
   FLYHEALTH-WHATSAPP-FLOAT
   Sol alt sabit WhatsApp butonu
   ========================================================= */

.fly-whatsapp {
    position: fixed;
    left: 22px;
    bottom: 22px;
    z-index: 9998;

    display: flex;
    align-items: center;
    gap: 10px;

    height: 58px;
    min-width: 58px;
    padding: 7px 18px 7px 7px;

    border: 1px solid rgba(255,255,255,.38);
    border-radius: 999px;

    background: #25D366;
    color: #fff;

    text-decoration: none !important;

    box-shadow:
        0 14px 34px rgba(16, 74, 44, .23),
        0 4px 12px rgba(0,0,0,.10);

    transform: translateZ(0);

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        background .25s ease;
}

.fly-whatsapp-icon {
    position: relative;
    z-index: 2;

    display: grid;
    place-items: center;

    width: 44px;
    height: 44px;
    min-width: 44px;

    border-radius: 50%;

    background: rgba(255,255,255,.16);

    color: #fff;
}

.fly-whatsapp-icon svg {
    width: 26px;
    height: 26px;
    display: block;
}

.fly-whatsapp-label {
    position: relative;
    z-index: 2;

    color: #fff;

    font-size: 14px;
    font-weight: 800;
    line-height: 1;

    letter-spacing: -.01em;
}

.fly-whatsapp-ring {
    position: absolute;

    left: 7px;
    top: 7px;

    width: 44px;
    height: 44px;

    border-radius: 50%;
    border: 2px solid rgba(37,211,102,.54);

    animation: flyWhatsappPulse 2.15s ease-out infinite;

    pointer-events: none;
}

@keyframes flyWhatsappPulse {
    0% {
        transform: scale(.95);
        opacity: .75;
    }

    70% {
        transform: scale(1.72);
        opacity: 0;
    }

    100% {
        transform: scale(1.72);
        opacity: 0;
    }
}

@media (hover:hover) and (pointer:fine) {
    .fly-whatsapp:hover {
        transform: translateY(-3px) scale(1.025);
        background: #20bd5a;

        box-shadow:
            0 18px 40px rgba(16,74,44,.30),
            0 6px 16px rgba(0,0,0,.11);
    }
}

@media (max-width:760px) {
    .fly-whatsapp {
        left: 14px;
        bottom: 16px;

        width: 54px;
        height: 54px;
        min-width: 54px;

        padding: 5px;

        justify-content: center;
    }

    .fly-whatsapp-icon {
        width: 44px;
        height: 44px;
    }

    .fly-whatsapp-label {
        display: none;
    }

    .fly-whatsapp-ring {
        left: 5px;
        top: 5px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .fly-whatsapp-ring {
        animation: none;
    }

    .fly-whatsapp {
        transition: none;
    }
}

/* WhatsApp — mobil randevu çubuğunun üstünde dursun */
@media (max-width: 640px) {
    .fly-whatsapp {
        bottom: calc(94px + env(safe-area-inset-bottom, 0px)) !important;
        left: 14px !important;
    }
}


/* =========================================================
   FLYHEALTH — RANDEVU SAYFASI MOBİL RESPONSIVE FIX
   Yalnızca body[data-page="randevu"] alanını etkiler
   ========================================================= */

@media (max-width: 760px) {

    body[data-page="randevu"] {
        overflow-x: hidden !important;
    }

    body[data-page="randevu"] main,
    body[data-page="randevu"] .section,
    body[data-page="randevu"] .container {
        max-width: 100% !important;
        min-width: 0 !important;
    }

    body[data-page="randevu"] .container {
        width: calc(100% - 24px) !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    /* Randevu içindeki çok kolonlu yapıları mobilde tek kolona çevir */
    body[data-page="randevu"] .grid-2,
    body[data-page="randevu"] .grid-3,
    body[data-page="randevu"] .form-grid,
    body[data-page="randevu"] .appointment-grid,
    body[data-page="randevu"] .booking-grid,
    body[data-page="randevu"] .appointment-layout,
    body[data-page="randevu"] .booking-layout {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 14px !important;
        width: 100% !important;
    }

    /* Form ve kart taşmalarını engelle */
    body[data-page="randevu"] form,
    body[data-page="randevu"] .form-card,
    body[data-page="randevu"] .appointment-card,
    body[data-page="randevu"] .booking-card,
    body[data-page="randevu"] .card {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }

    body[data-page="randevu"] .form-card,
    body[data-page="randevu"] .appointment-card,
    body[data-page="randevu"] .booking-card {
        padding: 20px 16px !important;
        border-radius: 20px !important;
    }

    /* Alanlar tam genişlik */
    body[data-page="randevu"] input,
    body[data-page="randevu"] select,
    body[data-page="randevu"] textarea {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;

        /* iPhone otomatik zoom yapmasın */
        font-size: 16px !important;
    }

    body[data-page="randevu"] input,
    body[data-page="randevu"] select {
        min-height: 52px !important;
    }

    body[data-page="randevu"] textarea {
        min-height: 120px !important;
        resize: vertical;
    }

    body[data-page="randevu"] label {
        display: block !important;
        width: 100% !important;
        margin-bottom: 7px !important;
        line-height: 1.35 !important;
    }

    /* Form satırları birbirine girmesin */
    body[data-page="randevu"] .form-group,
    body[data-page="randevu"] .field,
    body[data-page="randevu"] .input-group {
        width: 100% !important;
        min-width: 0 !important;
        margin-bottom: 14px !important;
    }

    /* CTA mobilde güçlü ve rahat tıklanabilir olsun */
    body[data-page="randevu"] form .btn,
    body[data-page="randevu"] form button[type="submit"] {
        width: 100% !important;
        min-height: 54px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 14px 18px !important;
        border-radius: 999px !important;
        font-size: 15px !important;
        font-weight: 700 !important;
    }

    /* Uzun yazı ve seçeneklerin ekran dışına taşmasını önle */
    body[data-page="randevu"] *,
    body[data-page="randevu"] *::before,
    body[data-page="randevu"] *::after {
        box-sizing: border-box;
    }

    body[data-page="randevu"] h1,
    body[data-page="randevu"] h2,
    body[data-page="randevu"] h3,
    body[data-page="randevu"] p {
        overflow-wrap: break-word;
    }

    /* Mobil hero daha dengeli */
    body[data-page="randevu"] .hero .container {
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }

    body[data-page="randevu"] .hero h1 {
        font-size: clamp(34px, 10vw, 48px) !important;
        line-height: 1.04 !important;
    }

    /* Randevu sayfasının alt kısmı floating butonlara çarpmasın */
    body[data-page="randevu"] main {
        padding-bottom: 110px !important;
    }
}


/* Çok küçük telefonlar */
@media (max-width: 390px) {

    body[data-page="randevu"] .container {
        width: calc(100% - 20px) !important;
    }

    body[data-page="randevu"] .form-card,
    body[data-page="randevu"] .appointment-card,
    body[data-page="randevu"] .booking-card {
        padding: 17px 13px !important;
        border-radius: 17px !important;
    }

    body[data-page="randevu"] .hero h1 {
        font-size: 34px !important;
    }
}


/* =========================================================
   FLYHEALTH — MOBİL FAVORİ / BENİM ALANIM BUTONU
   ========================================================= */

@media (max-width: 640px) {

    .header-tools .saved-tool {
        display: grid !important;
    }

    .header-tools {
        display: flex !important;
        align-items: center;
        gap: 4px !important;
        margin-left: auto;
    }

    .header-tool {
        width: 36px !important;
        height: 36px !important;
        min-width: 36px;
        border-radius: 50%;
        font-size: 13px !important;
    }

    .saved-tool {
        position: relative;
        color: var(--green) !important;
    }

    .saved-tool span {
        right: -4px !important;
        top: -5px !important;
        min-width: 17px !important;
        height: 17px !important;
        font-size: 9px !important;
    }
}

/* Çok dar ekranlarda header taşmasını önle */
@media (max-width: 390px) {

    .header-tools {
        gap: 3px !important;
    }

    .header-tool {
        width: 34px !important;
        height: 34px !important;
        min-width: 34px;
    }
}


/* =========================================================
   FLYHEALTH — ANASAYFA MOBİL QUICK STRIP GİZLE
   Sadece mobilde, sadece anasayfada
   ========================================================= */

@media (max-width: 760px) {

    body[data-page="index"] .quick-strip {
        display: none !important;
    }

}


/* =========================================================
   FLYHEALTH — MOBİL MENÜ BUTONU DÜZELTME
   ========================================================= */

@media (max-width: 760px) {

    .topbar .nav {
        display: flex !important;
        align-items: center !important;
        flex-wrap: nowrap !important;
        gap: 8px !important;
    }

    .menu-btn {
        display: grid !important;
        place-items: center !important;

        width: 42px !important;
        height: 42px !important;
        min-width: 42px !important;
        max-width: 42px !important;

        flex: 0 0 42px !important;

        padding: 0 !important;
        margin: 0 0 0 4px !important;

        border-radius: 50% !important;

        font-size: 20px !important;
        line-height: 1 !important;

        text-align: center !important;
        white-space: nowrap !important;

        overflow: hidden !important;
    }

    .menu-btn::before,
    .menu-btn::after {
        line-height: 1 !important;
    }

    .header-tools {
        flex-shrink: 0 !important;
    }
}

/* Çok küçük telefonlar */
@media (max-width: 390px) {

    .menu-btn {
        width: 40px !important;
        height: 40px !important;
        min-width: 40px !important;
        max-width: 40px !important;
        flex-basis: 40px !important;

        font-size: 19px !important;
    }
}


/* =========================================================
   FLYHEALTH — MOBİL RANDEVU BAR TEMİZLİĞİ
   Alttaki içerik barın içinden görünmesin
   ========================================================= */

@media (max-width: 640px) {

    .mobile-appointment {
        background: #0d3c2c !important;

        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;

        overflow: hidden !important;

        box-shadow:
            0 12px 32px rgba(16,43,42,.24) !important;
    }

    .mobile-appointment > div {
        min-width: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        gap: 2px !important;
    }

    .mobile-appointment small,
    .mobile-appointment strong {
        display: block !important;
        margin: 0 !important;
        padding: 0 !important;
        line-height: 1.25 !important;
    }

    .mobile-appointment strong {
        color: #fff !important;
        font-size: 13px !important;
    }

    .mobile-appointment small {
        color: rgba(255,255,255,.72) !important;
        font-size: 10px !important;
    }

    .mobile-appointment strong::before,
    .mobile-appointment strong::after,
    .mobile-appointment small::before,
    .mobile-appointment small::after {
        content: none !important;
        display: none !important;
    }
}


/* =========================================================
   FLYHEALTH — MOBİL RANDEVU ALT BOŞLUK / GHOST TEXT FIX
   Safe-area artık kartın altında boşluk oluşturmaz
   ========================================================= */

@media (max-width: 640px) {

    .mobile-appointment {
        bottom: 0 !important;

        padding-bottom:
            calc(14px + env(safe-area-inset-bottom, 0px)) !important;

        border-radius: 28px 28px 0 0 !important;

        background: #0d3c2c !important;

        overflow: hidden !important;

        box-shadow:
            0 -8px 28px rgba(16,43,42,.16) !important;

        z-index: 9997 !important;
    }

    /* Kartın altında sayfa içeriği görünmesin */
    body {
        padding-bottom:
            calc(105px + env(safe-area-inset-bottom, 0px)) !important;
    }

    /* WhatsApp butonu randevu barının üzerinde kalsın */
    .fly-whatsapp {
        bottom:
            calc(118px + env(safe-area-inset-bottom, 0px)) !important;
    }
}


/* =========================================================
   FLYHEALTH — MOBİL SCROLL / KART ANİMASYONLARINI KAPAT
   Masaüstü etkilenmez
   ========================================================= */

@media (max-width: 760px) {

    /* Scroll reveal tekrarları tamamen nötr */
    .reveal,
    .reveal.show,
    .reveal.is-visible,
    .reveal.active,
    .stagger,
    .stagger > *,
    .stagger.show > *,
    .stagger.is-visible > * {
        opacity: 1 !important;
        visibility: visible !important;

        transform: none !important;
        translate: none !important;
        scale: 1 !important;
        rotate: 0deg !important;

        animation: none !important;
        transition: none !important;

        filter: none !important;
    }

    /* Kart animasyonları */
    .service-card,
    .program-card,
    .expert-card,
    .blog-card,
    .post-card,
    .feature-card,
    .info-card,
    .testimonial-card,
    .quote-card,
    .card,
    [data-tilt] {
        transform: none !important;
        translate: none !important;
        scale: 1 !important;
        rotate: 0deg !important;

        animation: none !important;
        transition: none !important;

        opacity: 1 !important;
        filter: none !important;
    }

    /* Hover / tilt kalıntıları mobilde çalışmasın */
    .service-card:hover,
    .program-card:hover,
    .expert-card:hover,
    .blog-card:hover,
    .post-card:hover,
    .feature-card:hover,
    .info-card:hover,
    .testimonial-card:hover,
    .quote-card:hover,
    .card:hover,
    [data-tilt]:hover {
        transform: none !important;
        translate: none !important;
        scale: 1 !important;
    }

    /* Görsel zoom animasyonlarını da kapat */
    .service-card img,
    .program-card img,
    .expert-card img,
    .blog-card img,
    .post-card img,
    .feature-card img,
    .card img {
        transform: none !important;
        transition: none !important;
        animation: none !important;
    }

    /* Scroll sırasında layout kaymasını azalt */
    main,
    section,
    article {
        scroll-margin-top: 0;
    }
}


/* =========================================================
   FLYHEALTH — MOBİL HERO / BANNER ANİMASYONLARINI KAPAT
   Masaüstü etkilenmez
   ========================================================= */

@media (max-width: 760px) {

    /* Hero ana alan */
    .hero,
    .hero-v3,
    [data-hero] {
        animation: none !important;
        transition: none !important;
        transform: none !important;
        will-change: auto !important;
    }

    /* Hero içerisindeki tüm metinler doğrudan sabit görünsün */
    .hero .hero-content,
    .hero .hero-content > *,
    body.is-ready .hero-content > *,
    .v4-ui.is-ready .hero-content h1,
    .v4-ui.is-ready .hero-content .eyebrow,
    .v4-ui.is-ready .hero-content .breadcrumbs,
    .v4-ui.is-ready .hero-content > p,
    .v4-ui.is-ready .hero-content > .btn,
    .v4-ui.is-ready .hero-actions {
        opacity: 1 !important;
        visibility: visible !important;

        transform: none !important;
        translate: none !important;
        scale: 1 !important;
        rotate: 0deg !important;

        filter: none !important;

        animation: none !important;
        transition: none !important;

        will-change: auto !important;
    }

    /* Sağdaki slogan / quote */
    .hero-quote,
    body.is-ready .hero-quote {
        opacity: 1 !important;
        visibility: visible !important;

        animation: none !important;
        transition: none !important;

        transform: rotate(-3deg) !important;
        filter: none !important;

        will-change: auto !important;
    }

    /* Dekoratif orbit mobilde hiç çalışmasın */
    .hero-orbit,
    .hero-orbit-a,
    .hero-orbit-b {
        display: none !important;
        animation: none !important;
        transition: none !important;
    }

    /* Grain sabit kalsın */
    .hero-grain {
        animation: none !important;
        transition: none !important;
        transform: none !important;
        will-change: auto !important;
    }

    /* CMS banner arka plan katmanı scroll sırasında hareket etmesin */
    .hero[data-v17-banner] > .v17-banner-bg,
    .hero[data-v20-banner] > .v20-banner-bg {
        animation: none !important;
        transition: none !important;
        will-change: auto !important;

        background-attachment: scroll !important;
    }

    .hero[data-v17-banner] > .v17-banner-wash,
    .hero[data-v20-banner] > .v20-banner-wash,
    .hero[data-v17-banner] > .v15-banner-overlay,
    .hero[data-v20-banner] > .v20-banner-overlay {
        animation: none !important;
        transition: none !important;
        will-change: auto !important;
    }
}


/* =========================================================
   FLYHEALTH — MOBİL FLOATING BUTON HİZALAMA
   WhatsApp + Hızlı İletişim aynı ölçü ve aynı hizada
   ========================================================= */

@media (max-width: 640px) {

    /* İki buton için ortak dikey seviye */
    .fly-whatsapp,
    .quick-dock {
        bottom: calc(118px + env(safe-area-inset-bottom, 0px)) !important;
        z-index: 9998 !important;
    }

    /* WhatsApp */
    .fly-whatsapp {
        left: 14px !important;
        right: auto !important;

        width: 54px !important;
        height: 54px !important;
        min-width: 54px !important;

        padding: 5px !important;
        border-radius: 50% !important;

        display: grid !important;
        place-items: center !important;
    }

    .fly-whatsapp-icon {
        width: 44px !important;
        height: 44px !important;
        min-width: 44px !important;
    }

    /* Flyhealth hızlı iletişim */
    .quick-dock {
        right: 14px !important;
        left: auto !important;

        display: flex !important;
        align-items: center !important;
    }

    .dock-trigger {
        width: 54px !important;
        height: 54px !important;
        min-width: 54px !important;
        max-width: 54px !important;

        padding: 5px !important;

        display: grid !important;
        place-items: center !important;

        border-radius: 50% !important;

        background: linear-gradient(
            135deg,
            #153f32,
            #2d7457
        ) !important;

        box-shadow:
            0 12px 28px rgba(10,48,35,.20) !important;
    }

    .dock-trigger > em {
        display: none !important;
    }

    .dock-trigger > span {
        width: 44px !important;
        height: 44px !important;

        display: grid !important;
        place-items: center !important;

        margin: 0 !important;

        border-radius: 50% !important;

        background: rgba(255,255,255,.10) !important;

        font-size: 18px !important;
        line-height: 1 !important;
    }

    /* Mobilde yardımcı mini butonlar istemeden açılıp taşmasın */
    .quick-dock .dock-mini-row {
        display: none !important;
    }
}