:root {
	--wd-text-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: rgb(118,118,118);
	--wd-text-font-size: 15px;
	--wd-title-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 600;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 500;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 700;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 13px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(0,179,179);
	--wd-alternative-color: rgb(0,140,140);
	--btn-default-bgcolor: rgb(0,179,179);
	--btn-default-bgcolor-hover: rgb(0,140,140);
	--btn-accented-bgcolor: rgb(0,179,179);
	--btn-accented-bgcolor-hover: rgb(0,140,140);
	--wd-form-brd-width: 2px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: #333333;
	--wd-link-color-hover: rgb(0,179,179);
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: url(https://goka3d.com/wp-content/uploads/2021/08/promo-popup.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
	--wd-popup-padding: 15px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: rgb(23,23,23);
	background-image: none;
}
html .product-image-summary-wrap .product_title, html .wd-single-title .product_title {
	font-weight: 600;
}
html .wd-nav.wd-nav-main > li > a {
	font-weight: 600;
	font-size: 14px;
	text-transform: none;
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 0px;
--btn-default-color: #fff;
--btn-default-color-hover: #fff;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 0px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-default-box-shadow-active: none;
--btn-default-bottom: 0px;
--btn-accented-bottom-active: -1px;
--btn-accented-brd-radius: 0px;
--btn-accented-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .15);
--btn-accented-box-shadow-hover: inset 0 -2px 0 rgba(0, 0, 0, .15);
--wd-brd-radius: 0px;
}

@media (min-width: 1222px) {
section.elementor-section.wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}


.wd-page-title {
background-color: #1A1A1A;
}

/* =========================================================
   GoKa 3D Craft - GLOBAL CUSTOM CSS
   CLEAN FINAL VERSION
   ========================================================= */


/* =========================================================
   1. İLETİŞİM FORMU - MOBİL
   ========================================================= */

@media (max-width: 767px) {

    .goka-contact-form .wpcf7-submit {
        width: 100%;
        display: block;
        padding: 12px 16px;
    }

}


/* =========================================================
   2. ORTAK KOYU HEADER ARKA PLANI
   ========================================================= */

.whb-top-bar,
.whb-general-header {
    background: linear-gradient(
        90deg,
        #202020 0%,
        #252525 50%,
        #202020 100%
    ) !important;
}


/* =========================================================
   3. TOP BAR
   ========================================================= */

.whb-top-bar {
    color: #ffffff !important;
    box-shadow: none !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
}


/* Top bar slogan */
.whb-top-bar .wd-header-text,
.whb-top-bar .wd-header-text p {
    color: #ffffff !important;

    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;

    margin: 0 !important;
    padding: 0 !important;

    letter-spacing: 0.1px !important;
}


/* Top bar sosyal medya ikonları */
.whb-top-bar .wd-social-icons a,
.whb-top-bar .social-icons a {
    color: #ffffff !important;
    opacity: 0.92 !important;

    transition:
        color 0.2s ease,
        opacity 0.2s ease,
        transform 0.2s ease !important;
}


/* Hover */
.whb-top-bar .wd-social-icons a:hover,
.whb-top-bar .social-icons a:hover {
    color: #00B3B3 !important;
    opacity: 1 !important;
    transform: translateY(-1px);
}


/* =========================================================
   4. MAIN HEADER
   ========================================================= */

.whb-general-header {
    border-top: 0 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.10) !important;
    box-shadow: none !important;
}


/* Masaüstü menü yazıları */
.whb-general-header .wd-nav-main > li > a {
    color: #ffffff !important;

    font-size: 15px !important;
    font-weight: 600 !important;

    white-space: nowrap !important;

    transition: color 0.2s ease !important;
}


/* Menü hover */
.whb-general-header .wd-nav-main > li:hover > a {
    color: #00B3B3 !important;
}


/* Aktif menü */
.whb-general-header .wd-nav-main > li.current-menu-item > a,
.whb-general-header .wd-nav-main > li.current_page_item > a,
.whb-general-header .wd-nav-main > li.current-menu-ancestor > a {
    color: #00B3B3 !important;
}


/* Header metinleri */
.whb-general-header .wd-header-text,
.whb-general-header .wd-tools-text,
.whb-general-header .wd-cart-subtotal {
    color: #ffffff !important;
}


/* Ara / Hesap / Favori / Sepet */
.whb-general-header .wd-tools-element > a {
    color: #ffffff !important;
    transition: color 0.2s ease !important;
}


/* Header ikonları */
.whb-general-header .wd-tools-icon,
.whb-general-header .wd-tools-element .wd-tools-icon {
    color: #ffffff !important;
}


/* Header araçları hover */
.whb-general-header .wd-tools-element:hover > a,
.whb-general-header .wd-tools-element:hover .wd-tools-icon {
    color: #00B3B3 !important;
}


/* Favori / Sepet sayaçları */
.whb-general-header .wd-tools-count {
    background-color: #00B3B3 !important;
    color: #ffffff !important;
}


/* =========================================================
   5. DESKTOP HEADER HİZALAMA

   SOL  : LOGO
   ORTA : KATEGORİLER
   SAĞ  : ARA / HESAP / FAVORİ / SEPET
   ========================================================= */

@media (min-width: 1025px) {

    .whb-top-bar .container,
    .whb-general-header .container {
        width: calc(100% - 80px) !important;
        max-width: 1580px !important;

        margin-left: auto !important;
        margin-right: auto !important;

        padding-left: 0 !important;
        padding-right: 0 !important;
    }


    .whb-general-header .whb-flex-row {
        display: grid !important;

        grid-template-columns:
            auto
            minmax(0, 1fr)
            auto !important;

        align-items: center !important;

        column-gap: 34px !important;

        width: 100% !important;
    }


    /* SOL - LOGO */

    .whb-general-header .whb-col-left {
        display: flex !important;

        align-items: center !important;
        justify-content: flex-start !important;

        min-width: 0 !important;
        width: auto !important;
    }


    /* ORTA - KATEGORİLER */

    .whb-general-header .whb-col-center {
        display: flex !important;

        align-items: center !important;
        justify-content: stretch !important;

        width: 100% !important;
        min-width: 0 !important;

        padding-left: 14px !important;
        padding-right: 14px !important;
    }


    .whb-general-header .wd-nav-main {
        display: flex !important;

        align-items: center !important;
        justify-content: space-between !important;

        width: 100% !important;

        gap: 26px !important;

        flex-wrap: nowrap !important;
        white-space: nowrap !important;
    }


    .whb-general-header .wd-nav-main > li {
        flex: 0 0 auto !important;
        flex-shrink: 0 !important;
    }


    /* SAĞ */

    .whb-general-header .whb-col-right {
        display: flex !important;

        align-items: center !important;
        justify-content: flex-end !important;

        width: auto !important;
        min-width: 0 !important;

        gap: 10px !important;
    }


    .whb-general-header .whb-col-right > *,
    .whb-general-header .wd-tools-element {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

}


/* =========================================================
   6. HEADER BOTTOM / KAMPANYA BARI
   ========================================================= */

.whb-header-bottom {
    background: linear-gradient(
        90deg,
        #1f1f1f 0%,
        #252525 50%,
        #1f1f1f 100%
    ) !important;

    height: 40px !important;
    min-height: 40px !important;

    overflow: hidden !important;

    border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;

    box-shadow: none !important;
}


/* Ticker tam genişlik */
.whb-header-bottom .container {
    width: 100% !important;
    max-width: 100% !important;

    height: 40px !important;
    min-height: 40px !important;

    padding-left: 0 !important;
    padding-right: 0 !important;

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

    overflow: hidden !important;
}


/* Ticker wrapper */
.whb-header-bottom .wd-header-text {
    width: 100% !important;
    max-width: 100% !important;

    overflow: hidden !important;
}


/* =========================================================
   7. PREMIUM KAYAN TICKER
   ========================================================= */

.goka-ticker {
    flex: 1 1 100%;

    width: 100% !important;
    max-width: 100% !important;

    overflow: hidden !important;
    white-space: nowrap !important;

    color: #ffffff !important;

    -webkit-mask-image: linear-gradient(
        to right,
        transparent 0,
        #000 18px,
        #000 calc(100% - 18px),
        transparent 100%
    );

    mask-image: linear-gradient(
        to right,
        transparent 0,
        #000 18px,
        #000 calc(100% - 18px),
        transparent 100%
    );
}


/* Builder içindeki normal metni gizle */
.goka-ticker p {
    display: inline-flex !important;

    align-items: center !important;

    width: max-content !important;

    margin: 0 !important;

    padding-left: 24px !important;

    white-space: nowrap !important;

    font-size: 0 !important;

    animation:
        goka-marquee 28s linear infinite !important;

    will-change: transform !important;
}


/* =========================================================
   8. TICKER İÇERİĞİ
   ========================================================= */

.goka-ticker p::before,
.goka-ticker p::after {
    display: inline-block !important;

    flex-shrink: 0 !important;

    white-space: pre !important;

    font-family: "Lato", Arial, sans-serif !important;

    font-size: 13px !important;
    font-weight: 700 !important;

    line-height: 40px !important;

    letter-spacing: 0 !important;

    color: transparent !important;

    background-image: linear-gradient(
        to right,

        #F4B24D 0%,
        #F4B24D 50%,

        #ffffff 50%,
        #ffffff 100%
    ) !important;

    background-size: 25% 100% !important;
    background-repeat: repeat-x !important;

    -webkit-background-clip: text !important;
    background-clip: text !important;

    -webkit-text-fill-color: transparent !important;

    content:
        "1.500 TL Üzeri Ücretsiz Kargo   \2022   "
        "PayTR ile Güvenli Ödeme   \2022   "

        "1.500 TL Üzeri Ücretsiz Kargo   \2022   "
        "PayTR ile Güvenli Ödeme   \2022   "

        "1.500 TL Üzeri Ücretsiz Kargo   \2022   "
        "PayTR ile Güvenli Ödeme   \2022   "

        "1.500 TL Üzeri Ücretsiz Kargo   \2022   "
        "PayTR ile Güvenli Ödeme   \2022   ";
}


/* =========================================================
   9. TICKER ANİMASYONU
   ========================================================= */

@keyframes goka-marquee {

    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-50%);
    }

}


/* =========================================================
   10. TABLET
   ========================================================= */

@media (max-width: 1024px) {

    .whb-top-bar .container,
    .whb-general-header .container {
        width: calc(100% - 30px) !important;
        max-width: 100% !important;
    }


    /* =====================================================
       MOBİL/TABLET HEADER

       SOL   : MENÜ
       ORTA  : LOGO
       SAĞ   : ARAMA
       ===================================================== */

    .whb-general-header .whb-flex-row {
        align-items: center !important;
    }


    /* SOL - MENÜ */

    .whb-general-header .whb-col-left.whb-hidden-lg {
        flex: 0 0 52px !important;

        width: 52px !important;
        min-width: 52px !important;

        display: flex !important;

        align-items: center !important;
        justify-content: flex-start !important;

        padding: 0 !important;
        margin: 0 !important;
    }


    /* ORTA - LOGO */

    .whb-general-header .whb-col-center.whb-hidden-lg {
        flex: 1 1 auto !important;

        width: auto !important;
        min-width: 0 !important;

        display: flex !important;

        align-items: center !important;
        justify-content: center !important;

        padding: 0 !important;
        margin: 0 !important;
    }


    /* SAĞ - ARAMA */

    .whb-general-header .whb-col-right.whb-hidden-lg {
        flex: 0 0 52px !important;

        width: 52px !important;
        min-width: 52px !important;

        display: flex !important;

        align-items: center !important;
        justify-content: flex-end !important;

        padding: 0 !important;
        margin: 0 !important;
    }


    /* Logo tam merkez */

    .whb-general-header
    .whb-col-center.whb-hidden-lg
    .wd-logo {
        margin-left: auto !important;
        margin-right: auto !important;
    }

}


/* =========================================================
   11. MOBİL
   ========================================================= */

@media (max-width: 767px) {

    /* =====================================================
       TOP BAR
       ===================================================== */

    .whb-top-bar {
        min-height: 30px !important;
    }


    .whb-top-bar .wd-header-text,
    .whb-top-bar .wd-header-text p {
        font-size: 10.5px !important;
        font-weight: 600 !important;

        text-align: center !important;

        letter-spacing: 0 !important;
    }


    /* Mobil top bar sosyal ikonlarını gizle */

    .whb-top-bar .wd-social-icons,
    .whb-top-bar .social-icons {
        display: none !important;
    }


    /* =====================================================
       MAIN HEADER
       ===================================================== */

    .whb-general-header .wd-tools-element > a,
    .whb-general-header .wd-tools-icon {
        color: #ffffff !important;
    }


    /* =====================================================
       TICKER
       ===================================================== */

    .whb-header-bottom {
        height: 36px !important;
        min-height: 36px !important;
    }


    .whb-header-bottom .container {
        height: 36px !important;
        min-height: 36px !important;
    }


    .goka-ticker p {
        animation-duration: 30s !important;
    }


    .goka-ticker p::before,
    .goka-ticker p::after {
        font-size: 11px !important;
        font-weight: 700 !important;

        line-height: 36px !important;

        letter-spacing: 0 !important;
    }


    /* =====================================================
       12. MOBİL AÇILIR MENÜ PANELİ
       ===================================================== */

    .mobile-nav,
    .mobile-nav.wd-opened {
        width: 100vw !important;
        max-width: 100vw !important;

        left: 0 !important;
        right: auto !important;

        background: #1d1d1d !important;

        box-sizing: border-box !important;
    }


    /*
       Menü kapalıyken varsayılan konum.
       Menü açıldığında aşağıdaki özel değer devreye girer.
    */

    .mobile-nav {
        z-index: 9998 !important;
    }


    /*
       Header her zaman drawer'ın üstünde.
    */

    .whb-header {
        position: relative !important;
        z-index: 99999 !important;
    }


    /* =====================================================
       MENÜ AÇIKKEN TICKER'I GİZLE
       ===================================================== */

    body:has(.mobile-nav.wd-opened)
    .whb-header-bottom {
        display: none !important;

        height: 0 !important;
        min-height: 0 !important;
        max-height: 0 !important;

        overflow: hidden !important;

        border: 0 !important;
    }


    /* =====================================================
       MENÜNÜN HEADER ALTINDAN BAŞLAMASI
       ===================================================== */

    body:has(.mobile-nav.wd-opened)
    .mobile-nav.wd-opened {
        top: 126px !important;

        bottom: 0 !important;

        height: calc(100dvh - 126px) !important;
        max-height: calc(100dvh - 126px) !important;

        overflow-y: auto !important;

        /*
           Porima'daki gibi header ile ilk kart
           arasında nefes payı.
        */
        padding-top: 18px !important;
    }


    /* =====================================================
       MOBİL MENÜ LİSTESİ
       ===================================================== */

    .mobile-nav .wd-nav-mobile,
    .mobile-nav .menu {
        background: transparent !important;

        /*
           SOL/SAĞ 14px
           ÜST 0 çünkü üst boşluğu drawer padding yönetiyor.
        */
        margin:
            14px
            14px
            14px
            14px !important;

        padding: 0 !important;

        width: calc(100% - 28px) !important;

        box-sizing: border-box !important;
    }


    /* =====================================================
       MENÜ KATEGORİ SATIRLARI
       ===================================================== */

    .mobile-nav .wd-nav-mobile > li,
    .mobile-nav .menu > li {
        background: #121212 !important;

        border-bottom:
            1px solid rgba(255,255,255,.08) !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    /* İlk kategori */

    .mobile-nav .wd-nav-mobile > li:first-child,
    .mobile-nav .menu > li:first-child {
        border-radius: 12px 12px 0 0 !important;
        overflow: hidden !important;
    }


    /* Son kategori */

    .mobile-nav .wd-nav-mobile > li:last-child,
    .mobile-nav .menu > li:last-child {
        border-bottom: 0 !important;

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

        overflow: hidden !important;
    }


    /* =====================================================
       KATEGORİ YAZILARI
       ===================================================== */

    .mobile-nav .wd-nav-mobile > li > a,
    .mobile-nav .menu > li > a {
        color: #ffffff !important;

        min-height: 64px !important;

        display: flex !important;

        align-items: center !important;

        padding:
            0
            54px
            0
            20px !important;

        font-size: 16px !important;
        font-weight: 700 !important;
        line-height: 1.2 !important;

        text-transform: none !important;

        position: relative !important;
    }


    /* =====================================================
       SAĞDAKİ DAİRESEL OKLAR
       ===================================================== */

    .mobile-nav .wd-nav-mobile > li > a::after,
    .mobile-nav .menu > li > a::after {
        content: "›" !important;

        position: absolute !important;

        right: 17px !important;
        top: 50% !important;

        transform: translateY(-50%) !important;

        width: 38px !important;
        height: 38px !important;

        display: flex !important;

        align-items: center !important;
        justify-content: center !important;

        background: #242424 !important;

        border-radius: 50% !important;

        color: #ffffff !important;

        font-size: 24px !important;
        font-weight: 300 !important;

        opacity: 1 !important;
    }


    /* Hover */

    .mobile-nav .wd-nav-mobile > li > a:hover,
    .mobile-nav .menu > li > a:hover {
        background: #181818 !important;
        color: #ffffff !important;
    }


    /* =====================================================
       MOBİL MENÜ BAŞLIK ALANI
       ===================================================== */

    .mobile-nav .wd-heading {
        background: #1d1d1d !important;

        border-bottom:
            1px solid rgba(255,255,255,.08) !important;

        color: #ffffff !important;
    }


    .mobile-nav .close-side-widget {
        color: #ffffff !important;
    }


    /* Drawer scroll alanı */

    .mobile-nav .widgetarea-mobile {
        background: #111111 !important;

        border-radius: 12px !important;

        /*
           Menü kartları ile sosyal ikon kutusu arasında boşluk
        */
        margin:
            20px
            14px
            18px
            14px !important;

        padding:
            16px
            20px !important;

        min-height: 74px !important;

        border: 0 !important;

        box-sizing: border-box !important;
    }


    /* =====================================================
       HAMBURGER -> X
       ===================================================== */

    .wd-header-mobile-nav .wd-tools-icon {
        position: relative !important;
    }


    /*
       Menü açıldığında hamburger çizgilerini gizle
    */

    body:has(.mobile-nav.wd-opened)
    .wd-header-mobile-nav
    .wd-tools-icon:before {
        opacity: 0 !important;
    }


    /*
       Yerine X oluştur
    */

    body:has(.mobile-nav.wd-opened)
    .wd-header-mobile-nav
    .wd-tools-icon:after {
        content: "×" !important;

        position: absolute !important;

        top: 50% !important;
        left: 50% !important;

        transform:
            translate(-50%, -52%) !important;

        display: block !important;

        color: #ffffff !important;

        font-family:
            Arial,
            sans-serif !important;

        font-size: 35px !important;
        font-weight: 300 !important;

        line-height: 1 !important;

        opacity: 1 !important;
    }


    /*
       Menü açıkken X kutusu
    */

    body:has(.mobile-nav.wd-opened)
    .wd-header-mobile-nav {
        border:
            1px solid rgba(255,255,255,.45) !important;

        width: 52px !important;
        height: 52px !important;

        display: flex !important;

        align-items: center !important;
        justify-content: center !important;
    }


    /* =====================================================
       SOSYAL MEDYA İKONLARI
       ===================================================== */

    .mobile-nav
    .widgetarea-mobile
    .wp-block-social-links {
        display: flex !important;

        align-items: center !important;
        justify-content: flex-start !important;

        gap: 12px !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    /*
       WoodMart sosyal ikon widget'ı kullanılırsa
    */

    .mobile-nav
    .widgetarea-mobile
    .wd-social-icons {
        display: flex !important;

        align-items: center !important;

        gap: 12px !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    /* WordPress sosyal ikon ölçüleri */

    .mobile-nav
    .widgetarea-mobile
    .wp-social-link {
        width: 42px !important;
        height: 42px !important;

        display: flex !important;

        align-items: center !important;
        justify-content: center !important;

        border-radius: 50% !important;

        margin: 0 !important;
    }


    .mobile-nav
    .widgetarea-mobile
    .wp-block-social-link-anchor {
        width: 42px !important;
        height: 42px !important;

        display: flex !important;

        align-items: center !important;
        justify-content: center !important;

        color: #ffffff !important;
    }


    .mobile-nav
    .widgetarea-mobile
    .wp-block-social-link-anchor
    svg {
        width: 20px !important;
        height: 20px !important;

        fill: #ffffff !important;
        color: #ffffff !important;
    }


    /*
       WoodMart sosyal ikon ölçüsü
    */

    .mobile-nav
    .widgetarea-mobile
    .wd-social-icon {
        width: 42px !important;
        height: 42px !important;

        min-width: 42px !important;

        display: inline-flex !important;

        align-items: center !important;
        justify-content: center !important;

        border-radius: 50% !important;
    }


    /* Instagram */

    .mobile-nav
    .widgetarea-mobile
    .wp-social-link-instagram {
        background: #e1306c !important;
    }


    /* WhatsApp */

    .mobile-nav
    .widgetarea-mobile
    .wp-social-link-whatsapp {
        background: #25d366 !important;
    }


    /* =====================================================
       MENÜ AÇIKKEN SAYFADAKİ SABİT WHATSAPP'I GİZLE

       Çünkü drawer'ın içinde zaten WhatsApp var.
       ===================================================== */

		body:has(.mobile-nav.wd-opened) .joinchat,
		body:has(.mobile-nav.wd-opened) #joinchat,
		body:has(.mobile-nav.wd-opened) .ht-ctc-chat,
		body:has(.mobile-nav.wd-opened) #ht-ctc-chat,
		body:has(.mobile-nav.wd-opened) .whatsapp-floating-button,
		body:has(.mobile-nav.wd-opened) .wd-sticky-btn,
		body:has(.mobile-nav.wd-opened) .wa__btn_popup {
   	 	display: none !important;
    	visibility: hidden !important;
    	opacity: 0 !important;
    	pointer-events: none !important;
		}

}


/* =========================================================
   13. ERİŞİLEBİLİRLİK
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .goka-ticker p {
        animation: none !important;

        transform: translateX(0) !important;
    }

}

/* =========================================================
   MOBİL HEADER CLICK ALANLARINI KESİN SINIRLA
   Menü | Logo | Ara birbirinin alanına girmesin
   ========================================================= */

@media (max-width: 767px) {

    /* SOL ve SAĞ kolonlar kesin 52px */
    .whb-general-header .whb-col-left.whb-hidden-lg,
    .whb-general-header .whb-col-right.whb-hidden-lg {
        position: relative !important;

        flex: 0 0 52px !important;

        width: 52px !important;
        min-width: 52px !important;
        max-width: 52px !important;

        padding: 0 !important;
        margin: 0 !important;
    }


    /* Hamburger öğesinin kendisi */
    .whb-general-header .wd-header-mobile-nav {
        position: relative !important;

        width: 52px !important;
        min-width: 52px !important;
        max-width: 52px !important;

        height: 52px !important;
        min-height: 52px !important;
        max-height: 52px !important;

        flex: 0 0 52px !important;

        margin: 0 !important;
        padding: 0 !important;

        overflow: hidden !important;
    }


    /* Hamburger tıklama alanı */
    .whb-general-header .wd-header-mobile-nav > a {
        position: relative !important;

        width: 52px !important;
        min-width: 52px !important;
        max-width: 52px !important;

        height: 52px !important;
        min-height: 52px !important;
        max-height: 52px !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        padding: 0 !important;
        margin: 0 !important;
    }


    /* ARAMA öğesinin kendisi */
    .whb-general-header .wd-header-search-mobile {
        position: relative !important;

        width: 52px !important;
        min-width: 52px !important;
        max-width: 52px !important;

        height: 52px !important;
        min-height: 52px !important;
        max-height: 52px !important;

        flex: 0 0 52px !important;

        margin: 0 !important;
        padding: 0 !important;

        overflow: hidden !important;
    }


    /* Arama tıklama alanı */
    .whb-general-header .wd-header-search-mobile > a {
        position: relative !important;

        width: 52px !important;
        min-width: 52px !important;
        max-width: 52px !important;

        height: 52px !important;
        min-height: 52px !important;
        max-height: 52px !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        padding: 0 !important;
        margin: 0 !important;
    }


    /* İki butonun içindeki ikon da kutuyu büyütemesin */
    .wd-header-mobile-nav .wd-tools-icon,
    .wd-header-search-mobile .wd-tools-icon {
        position: relative !important;

        width: 52px !important;
        height: 52px !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        margin: 0 !important;
        padding: 0 !important;
    }

}

/* =========================================
   EKRAN KARTI TUTUCULARI - ALT MENÜ
   ========================================= */

/* Alt menü kutusu */
.wd-nav-product-cat .wd-dropdown-menu,
.wd-nav-main .wd-dropdown-menu {
    min-width: 330px !important;
    width: max-content;
    max-width: 380px;
    background: #1f1f1f !important;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 0 0 6px 6px;
    box-shadow: 0 10px 30px rgba(0,0,0,.35);
    padding: 8px 0 !important;
    z-index: 99999 !important;
}

/* Alt kategori satırları */
.wd-nav-product-cat .wd-dropdown-menu li > a,
.wd-nav-main .wd-dropdown-menu li > a {
    color: #e7e7e7 !important;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.35;
    padding: 11px 18px !important;
    white-space: nowrap;
    transition: all .2s ease;
}

/* Hover */
.wd-nav-product-cat .wd-dropdown-menu li > a:hover,
.wd-nav-main .wd-dropdown-menu li > a:hover {
    color: #00B3B3 !important;
    background: rgba(0,179,179,.08) !important;
    padding-left: 22px !important;
}

/* Kategori küçük görselleri */
.wd-nav-product-cat .wd-dropdown-menu img,
.wd-nav-main .wd-dropdown-menu img {
    width: 22px !important;
    height: 22px !important;
    object-fit: cover;
    margin-right: 10px;
    border-radius: 3px;
}

/* Dropdown yazısının kutudan taşmasını engelle */
.wd-dropdown-menu .wd-sub-menu {
    min-width: 100% !important;
}