@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap');

/*
 * Compel - Custom Styles
 */

/* ============================================================
   ÇEREZ BANNER (pkcookies / termsfeed)
   ============================================================ */
#termsfeed-com---nb {
    font-family: 'Montserrat', sans-serif !important;
    border-radius: 10px !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.12) !important;
    padding: 12px 20px !important;
    transform: translate(-10px, -10px) !important;
}
#termsfeed-com---nb .cc-nb-title {
    font-size: 18px !important;
    font-weight: 600 !important;
    color: #333 !important;
    margin-bottom: 10px !important;
}
#termsfeed-com---nb .cc-nb-text {
    font-size: 13px !important;
    line-height: 1.7 !important;
    color: #666 !important;
}
#termsfeed-com---nb .cc-nb-text a {
    color: #3990bf !important;
}
/* Butonlar — site temasına uygun */
#termsfeed-com---nb .cc-nb-okagree {
    background: #3990bf !important;
    color: #fff !important;
    border: none !important;
    border-radius: 25px !important;
    padding: 10px 25px !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    cursor: pointer !important;
    transition: background 0.2s ease !important;
}
#termsfeed-com---nb .cc-nb-okagree:hover {
    background: #2d7a9e !important;
}
#termsfeed-com---nb .cc-nb-reject {
    background: transparent !important;
    color: #999 !important;
    border: 1px solid #ddd !important;
    border-radius: 25px !important;
    padding: 10px 25px !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
}
#termsfeed-com---nb .cc-nb-reject:hover {
    border-color: #999 !important;
    color: #555 !important;
}
#termsfeed-com---nb .cc-nb-changep {
    background: transparent !important;
    color: #3990bf !important;
    border: none !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    cursor: pointer !important;
    padding: 10px 15px !important;
}
#termsfeed-com---nb .cc-nb-changep:hover {
    color: #2d7a9e !important;
    text-decoration: underline !important;
}

/* ===== Sepete Eklendi Modal — buton taşma fix ===== */
.cart-content .cart-content-btn .btn {
    white-space: nowrap !important;
    padding: 10px 20px !important;
    font-size: 13px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

/* ===== MOBİL DÜZELTMELERİ ===== */
@media (max-width: 1024px) {
    /* --- Header: kompakt layout --- */
    /* Logo */
    #header .logo img {
        max-height: 35px !important;
        width: auto !important;
    }
    /* ===== HEADER LAYOUT ===== */
    #header {
        margin-bottom: 0 !important;
    }
    /* Logo section — alt boşluk azalt */
    #header [data-id="4b3642e2"] {
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
    }
    #header [data-id="4b3642e2"] .elementor-column-wrap {
        padding-bottom: 0 !important;
    }
    /* Arama section — üst/alt boşluk azalt */
    #header [data-id="1f7e113"] {
        margin: 0 !important;
        padding: 0 !important;
    }
    #header [data-id="1f7e113"] .elementor-column-wrap {
        padding: 3px 15px 5px !important;
    }
    /* ===== JOLISEARCH (CE section 2) ===== */
    #search_widget {
        width: 100% !important;
        max-width: 100% !important;
    }
    #search_widget form {
        display: flex !important;
        width: 100% !important;
        border: 1px solid #ddd !important;
        border-radius: 25px !important;
        background: #fff !important;
        overflow: hidden !important;
        margin: 0 auto !important;
    }
    #search_widget input[type="text"] {
        flex: 1 !important;
        border: none !important;
        padding: 10px 18px !important;
        font-size: 14px !important;
        outline: none !important;
        background: transparent !important;
        width: 100% !important;
    }
    #search_widget input::placeholder {
        color: #999 !important;
    }
    #search_widget button {
        background: none !important;
        border: none !important;
        padding: 0 12px !important;
        color: #999 !important;
    }
    /* Arama section — tam genişlik ve ortalanmış */
    #header [data-id="1f7e113"],
    #header [data-id="1f7e113"] .elementor-container,
    #header [data-id="1f7e113"] .elementor-row,
    #header [data-id="1f7e113"] .elementor-column-wrap,
    #header [data-id="1f7e113"] .elementor-widget-wrap,
    #header [data-id="1f7e113"] .elementor-widget-container,
    #header [data-id="51f77e8"] {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    #header [data-id="1f7e113"] .elementor-column-wrap {
        padding: 5px 15px !important;
    }
    /* Header üst satır — 3 kolon hizalama */
    #header [data-id="4b3642e2"] .elementor-row {
        display: flex !important;
        align-items: center !important;
    }
    #header [data-id="1ade2a84"] {
        flex: 0 0 40px !important;
        width: 40px !important;
        max-width: 40px !important;
    }
    #header [data-id="f338687"] {
        flex: 1 !important;
        text-align: center !important;
    }
    #header [data-id="a93340e"] {
        flex: 0 0 auto !important;
        width: auto !important;
        max-width: none !important;
    }
    #header [data-id="a93340e"] .elementor-widget-wrap {
        display: flex !important;
        flex-wrap: nowrap !important;
        justify-content: flex-end !important;
        align-items: center !important;
        gap: 10px !important;
    }
    /* Menü açıkken — header arkada */
    .transition_floating #header,
    .transition_floating .mobile-header-wrapper,
    .transition_floating .elementor-160010000,
    .transition_floating [data-elementor-id="160010000"] {
        z-index: 1 !important;
    }
    .transition_floating .mm_menus_ul {
        z-index: 10002 !important;
    }
    /* Giriş Yap butonu gizle (header ikonlar yeterli) */
    #header .pk-user-info .btn,
    #header .pk-user-info a.btn {
        display: none !important;
    }
    /* Menü barı telefon — mobilde gizle */
    .compel-phone-link {
        display: none !important;
    }
    /* MENU barı — gizle, hamburger header'a taşınacak */
    #megamenu-wrapper {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        width: 0 !important;
        height: 0 !important;
        overflow: visible !important;
        z-index: 10001 !important;
    }
    #megamenu-wrapper .ets_mm_megamenu {
        min-height: auto !important;
    }
    #megamenu-wrapper .ets_mm_megamenu_content,
    #megamenu-wrapper .ets_mm_megamenu_content_content {
        background: transparent !important;
        padding: 0 !important;
        margin: 0 !important;
        min-height: 0 !important;
        height: 0 !important;
    }
    /* Hamburger toggle — header sol köşesine */
    #megamenu-wrapper .ybc-menu-toggle {
        position: fixed !important;
        top: 40px !important;
        left: 12px !important;
        z-index: 10001 !important;
        background: transparent !important;
        padding: 0 !important;
        margin: 0 !important;
        font-size: 0 !important;
        line-height: 0 !important;
        width: 24px !important;
        height: 18px !important;
    }
    #megamenu-wrapper .ybc-menu-toggle .icon-bar {
        display: block !important;
        width: 20px !important;
        height: 2px !important;
        background: #333 !important;
        margin: 3px 0 !important;
    }
    /* Telefon linki gizle */
    #megamenu-wrapper .compel-phone-link {
        display: none !important;
    }
    .transition_floating .mm_menus_ul.active {
        z-index: 10002 !important;
    }
    .transition_floating .mm_menus_ul {
        background: #fff !important;
        z-index: 10002 !important;
        max-width: 320px !important;
        overflow-x: hidden !important;
        scrollbar-width: none !important;
    }
    .transition_floating .mm_menus_ul::-webkit-scrollbar {
        display: none !important;
    }
    .transition_floating .close_menu {
        background: #3990bf !important;
        color: #fff !important;
        padding: 8px 15px !important;
        margin: 0 !important;
        font-size: 13px !important;
        font-weight: 500 !important;
    }
    /* Close menu yanındaki + ve ok gizle */
    .transition_floating .mm_menus_ul > .cm-arrow,
    .transition_floating .close_menu .cm-arrow,
    .transition_floating .close_menu ~ .cm-arrow,
    .mm_menus_ul > .cm-arrow {
        display: none !important;
    }
    .transition_floating .close_menu .pull-right::after {
        content: '←' !important;
    }
    .transition_floating .close_menu .pull-left {
        font-size: 0 !important;
    }
    .transition_floating .close_menu .pull-left::after {
        content: 'Menüyü Kapat' !important;
        font-size: 16px !important;
        color: #fff !important;
    }
    .transition_floating .close_menu .pull-left .mm_menus_back {
        display: none !important;
    }
    .transition_floating .close_menu .pull-right .mm_menus_back_icon {
        display: none !important;
    }
    .transition_floating .close_menu .pull-right {
        font-size: 0 !important;
    }
    .transition_floating .close_menu .pull-right::after {
        content: '←' !important;
        font-size: 20px !important;
        color: #fff !important;
    }
    /* ===== COMPEL MOBİL MENÜ (temiz DOM) ===== */
    .compel-mobile-menu {
        list-style: none !important;
        margin: 0 !important;
        padding: 0 !important;
        width: 100% !important;
        min-width: 100% !important;
    }
    .compel-mobile-menu li {
        list-style: none !important;
    }
    .compel-mobile-menu .cm-item,
    .compel-mobile-menu .cm-sub-item,
    .compel-mobile-menu li.cm-has-sub {
        position: relative !important;
        border-bottom: 1px solid #e8e8e8;
    }
    .compel-mobile-menu .cm-link {
        display: block;
        padding: 12px 15px;
        font-size: 14px;
        color: #333;
        text-decoration: none;
    }
    .compel-mobile-menu .cm-link:active,
    .compel-mobile-menu .cm-link:focus,
    .compel-mobile-menu .cm-sub a:active,
    .compel-mobile-menu .cm-sub a:focus,
    .compel-mobile-menu a:visited {
        color: #3990bf !important;
    }
    /* Tüm link renkleri — kırmızı override */
    .compel-mobile-menu a,
    .compel-mobile-menu a:link,
    .compel-mobile-menu a:visited {
        color: #333 !important;
    }
    .compel-mobile-menu .cm-sub a,
    .compel-mobile-menu .cm-sub a:link,
    .compel-mobile-menu .cm-sub a:visited {
        color: #555 !important;
    }
    .compel-mobile-menu a:active,
    .compel-mobile-menu a:hover,
    .compel-mobile-menu .cm-sub a:active,
    .compel-mobile-menu .cm-sub a:hover {
        color: #3990bf !important;
    }
    .compel-mobile-menu .cm-link.cm-main {
        font-weight: 600;
    }
    .compel-mobile-menu .cm-has-sub > .cm-link {
        padding-right: 50px;
    }
    .compel-mobile-menu .cm-icon {
        width: 20px;
        height: auto;
        margin-right: 8px;
        vertical-align: middle;
    }
    .compel-mobile-menu .cm-item {
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: center !important;
    }
    .compel-mobile-menu .cm-link {
        flex: 1 !important;
        min-width: 0 !important;
    }
    .compel-mobile-menu .cm-sub {
        flex-basis: 100% !important;
    }
    .compel-mobile-menu .cm-arrow {
        width: 44px;
        flex-shrink: 0;
        display: flex;
        align-items: center;
        align-self: stretch;
        justify-content: center;
        font-size: 20px;
        font-weight: 300;
        color: #999;
        cursor: pointer;
        border: none;
        background: transparent;
        z-index: 5;
        -webkit-tap-highlight-color: transparent;
        -webkit-appearance: none;
        appearance: none;
        padding: 0;
        margin: 0;
        outline: none;
        touch-action: manipulation;
    }
    /* iOS touch fix — tüm tıklanabilir elemanlar */
    .compel-mobile-menu a,
    .compel-mobile-menu button {
        touch-action: manipulation;
        -webkit-tap-highlight-color: rgba(0,0,0,0.1);
    }
    .compel-mobile-menu .cm-divider {
        border-bottom: 2px solid #e0e0e0;
        margin: 5px 0;
        width: 100% !important;
        box-sizing: border-box !important;
    }
    /* Alt menü — varsayılan gizli */
    .compel-mobile-menu .cm-sub {
        display: none;
        list-style: none;
        margin: 0;
        padding: 0 0 0 15px;
        background: #fff;
    }
    .compel-mobile-menu .cm-sub.cm-open {
        display: block;
    }
    .compel-mobile-menu .cm-sub li {
        border-bottom: 1px solid #e8e8e8;
        position: relative;
    }
    .compel-mobile-menu .cm-sub {
        padding: 0 0 0 20px !important;
    }
    .compel-mobile-menu .cm-sub li:last-child {
        border-bottom: none;
    }
    .compel-mobile-menu .cm-sub a {
        display: block;
        padding: 10px 15px;
        font-size: 13px;
        color: #555;
        text-decoration: none;
    }
    .compel-mobile-menu .cm-sub .cm-has-sub > a {
        padding-right: 50px;
    }
    .compel-mobile-menu .cm-sub .cm-arrow {
        height: 38px;
        width: 38px;
        font-size: 16px;
        background: transparent;
        top: 0;
    }
    /* 3. seviye */
    .compel-mobile-menu .cm-sub .cm-sub {
        padding-left: 15px;
        background: #fff;
    }
    /* Boş CE section'ları gizle (filtre wrapper, AF) */
    #search_filters_wrapper.hidden,
    .elementor-widget-pkcategoryfilter,
    [data-id="119c543a"],
    [data-id="3034f07e"] [data-id="e16ae4f"] {
        display: none !important;
    }
    /* Breadcrumb/başlık — kompakt */
    .breadcrumb-wrapper {
        padding: 10px 15px !important;
        margin: 0 !important;
    }
    .breadcrumb-wrapper h1,
    .breadcrumb-wrapper .page-heading {
        font-size: 16px !important;
        margin: 0 0 2px !important;
    }
    .breadcrumb-wrapper .breadcrumb {
        font-size: 11px !important;
        margin: 0 !important;
    }
    /* Sıralama satırı — kompakt */
    .product_list_top {
        margin-top: 0 !important;
        padding: 5px 0 !important;
    }
    /* Sıralama satırı — kompakt */
    .product_list_top {
        padding: 5px 0 !important;
        margin-bottom: 5px !important;
    }
    /* Alt bar — tamamen kaldır */
    .pk-bottom-panel,
    #pk-bottom-panel,
    .bottom-panel,
    .pk-mobile-bottom-panel {
        display: none !important;
    }
    /* Jolisearch autocomplete dropdown */
    .ui-autocomplete {
        z-index: 10010 !important;
    }
    /* Yeni ürünler tablar — horizontal scroll */
    ul.nav.nav-tabs.flex-container {
        overflow-x: auto !important;
        flex-wrap: nowrap !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: none !important;
    }
    ul.nav.nav-tabs.flex-container::-webkit-scrollbar {
        display: none !important;
    }
    ul.nav.nav-tabs.flex-container .nav-item {
        white-space: nowrap !important;
        flex-shrink: 0 !important;
    }
    /* ===== MOBİL ÜRÜN LİSTESİ ===== */
    /* Mobilde view_list'i 2 kolon grid gibi göster (flex ile) */
    .grid-container,
    .flex-container.grid-container,
    .view_list .flex-container.grid-container {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 10px !important;
    }
    .grid-container > .product-miniature,
    .view_list .grid-container > .product-miniature,
    .view_list #js-product-list .product-miniature,
    #main-content .view_list #js-product-list .product-miniature,
    #main-content #products .product-miniature,
    #js-product-list .product-miniature {
        width: calc(50% - 5px) !important;
        max-width: calc(50% - 5px) !important;
        flex: 0 0 calc(50% - 5px) !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }
    /* view_list thumbnail ve desc-wrap — dikey layout zorla */
    .view_list .thumbnail-container {
        display: block !important;
    }
    .view_list .product-thumbnail {
        min-width: unset !important;
        width: 100% !important;
        margin-right: 0 !important;
    }
    .view_list .product-desc-wrap {
        padding: 0 !important;
    }
    /* List view'ı grid gibi davrandır — tüm list-view stillerini sıfırla */
    .product-miniature .product-desc-wrap,
    .view_list .product-miniature .product-desc-wrap {
        display: block !important;
        flex-direction: column !important;
        flex-wrap: nowrap !important;
        overflow: hidden !important;
    }
    .product-miniature .product-thumbnail,
    .view_list .product-miniature .product-thumbnail {
        width: 100% !important;
        max-width: 100% !important;
        float: none !important;
        flex: none !important;
    }
    .product-miniature .product-description,
    .view_list .product-miniature .product-description {
        width: 100% !important;
        max-width: 100% !important;
        padding: 8px 5px !important;
        flex: none !important;
        text-align: center !important;
    }
    /* Ürün kartı — beyaz bg, border, yuvarlatılmış köşe */
    .product-miniature {
        background: #fff !important;
        border: 1px solid #f0f0f0 !important;
        border-radius: 4px !important;
        overflow: hidden !important;
    }
    /* Kart overflow gizle */
    .product-miniature .product-desc-wrap {
        overflow: hidden !important;
    }
    /* Ürün açıklaması gizle */
    .product-miniature .product-description .product-desc,
    .product-miniature .product-description .product-desc-short {
        display: none !important;
    }
    /* Butonlar — show-on-hover kaldır, her zaman görünür */
    .product-miniature .pm-actions,
    .product-miniature .pm-actions.show-on-hover,
    .product-miniature .pm-actions.scale-on-hover {
        position: static !important;
        bottom: auto !important;
        left: auto !important;
        right: auto !important;
        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
        display: flex !important;
        justify-content: center !important;
        gap: 4px !important;
        padding: 8px 0 !important;
        flex-wrap: nowrap !important;
        width: 100% !important;
        height: auto !important;
        background: transparent !important;
    }
    .product-miniature .pm-actions .btn {
        width: 34px !important;
        height: 34px !important;
        min-width: 34px !important;
        padding: 0 !important;
        font-size: 12px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        border-radius: 50% !important;
        background: #f5f5f5 !important;
        border: 1px solid #e0e0e0 !important;
        color: #555 !important;
    }
    .product-miniature .pm-actions .btn span:not(.svgic) {
        display: none !important;
    }
    .product-miniature .pm-actions .btn .svgic {
        width: 16px !important;
        height: 16px !important;
    }
    /* Stokta Yok buton */
    .product-miniature .out-of-stock-wrap {
        text-align: center !important;
    }
    .product-miniature .out-of-stock-wrap .btn {
        font-size: 11px !important;
        padding: 4px 8px !important;
        width: auto !important;
        height: auto !important;
    }
    /* Fiyat */
    .product-miniature .product-price-and-shipping {
        text-align: center !important;
        margin: 4px 0 !important;
    }
    .product-miniature .product-price-and-shipping .price {
        font-size: 14px !important;
        font-weight: 600 !important;
        color: #3990bf !important;
    }
    .product-miniature .regular-price {
        font-size: 11px !important;
    }
    /* Başlık */
    .product-miniature .product-title {
        font-size: 12px !important;
        line-height: 1.4 !important;
        margin-bottom: 2px !important;
        min-height: 34px !important;
    }
    .product-miniature .product-title a {
        -webkit-line-clamp: 2 !important;
        line-clamp: 2 !important;
        display: -webkit-box !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
        color: #333 !important;
    }
    /* Marka */
    .product-miniature .product-brand {
        font-size: 11px !important;
        margin-bottom: 2px !important;
    }
    /* Thumbnail tam genişlik */
    .product-miniature .product-thumbnail img {
        width: 100% !important;
        height: auto !important;
    }
    /* Sticker boyut */
    .product-miniature .product-flags .product-flag {
        font-size: 10px !important;
        padding: 2px 6px !important;
    }
    /* Sıralama dropdown tam genişlik */
    .product_list_top {
        flex-wrap: wrap !important;
    }
    .product_list_top .sort-by {
        width: 100% !important;
    }
    /* Sol sidebar (filtre) — mobilde gizle, full width content */
    /* NOT: #amazzing_filter gizlenmemeli — ürün arama sağlayıcısı */
    #left-column,
    .af-toggle-btn,
    .af_filter .af-toggle-column,
    #af-toggle-btn,
    .filter-wrapper,
    .pk-filter-button,
    [data-trigger-name="filter-wrapper"],
    .pk-sidebar-column {
        display: none !important;
    }
    /* ===== AMAZZING FILTER — MOBİL COMPACT MODE ===== */
    /* AF modül ayarında compact=1024 yapıldı, inline CSS artık @media(max-width:1024px) üretiyor */
    /* position:fixed + opacity:0 modülden geliyor, JS compact mode'u tetikliyor */
    /* Sticky buton stili JS ile uygulanıyor (custom.js) */
    /* Compact close buton */
    #amazzing_filter .compact-close {
        font-size: 0 !important;
    }
    #amazzing_filter .compact-close::before {
        content: 'Kapat' !important;
        font-size: 13px !important;
        font-family: 'Montserrat', sans-serif !important;
    }
    /* AF sidebar panel stili */
    .has-compact-filter #amazzing_filter {
        background: #fff !important;
        z-index: 10003 !important;
        width: 300px !important;
        max-width: 85vw !important;
        padding-top: 50px !important;
    }
    /* Overlay */
    .af-compact-overlay {
        z-index: 10002 !important;
    }
    /* Filtre başlıkları */
    .has-compact-filter #amazzing_filter .title_block {
        font-family: 'Montserrat', sans-serif !important;
        font-size: 16px !important;
        font-weight: 600 !important;
        color: #3990bf !important;
        padding: 15px 20px 10px !important;
    }
    .has-compact-filter #amazzing_filter .af_subtitle {
        font-family: 'Montserrat', sans-serif !important;
        font-size: 14px !important;
        font-weight: 600 !important;
        color: #333 !important;
    }
    .has-compact-filter #amazzing_filter .af-checkbox-label {
        font-family: 'Montserrat', sans-serif !important;
        font-size: 13px !important;
        color: #7A7A7A !important;
    }
    #content-wrapper,
    #content-wrapper-left {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 10px !important;
        float: none !important;
    }
    #wrapper > .row {
        display: block !important;
        margin: 0 !important;
    }
    /* Sayfanın yatay taşmasını engelle */
    body, html {
        overflow-x: hidden !important;
    }
    #wrapper {
        margin-right: 0 !important;
    }
    #main-content, #wrapper, .page-width, .main-content {
        width: 100% !important;
        max-width: 100vw !important;
        overflow-x: hidden !important;
    }
    /* ===== MARKALAR SAYFASI — 2 kolon grid ===== */
    .brands-list ul.flex-container {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 8px !important;
        padding: 0 !important;
        margin: 0 !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }
    .brands-list li.brand {
        text-align: center !important;
        border: 1px solid #eee !important;
        border-radius: 6px !important;
        padding: 15px 8px !important;
        margin: 0 !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
    }
    .brands-list .brand-img img {
        max-height: 80px !important;
        max-width: 80% !important;
        width: auto !important;
    }
    .brands-list .brand-infos h3 {
        font-size: 13px !important;
        margin: 8px 0 2px !important;
    }
    .brands-list .brand-products {
        font-size: 11px !important;
    }
    .brands-list .brand-products a:last-child {
        display: none !important;
    }
    /* ===== HESABIM SAYFASI — 2 kolon ===== */
    body #my-account .links {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 10px !important;
    }
    /* Hesabım sidebar — ilk link (Hesabım tekrarı) gizle, buton ortala */
    .pk-aside.pk-el-myaccount .opt-list li:first-child {
        display: none !important;
    }
    .pk-aside.pk-el-myaccount .btn.btn-primary {
        display: block !important;
        margin: 0 auto !important;
        text-align: center !important;
    }
    /* ===== YENİ ADRES / ADRES FORMU — MOBİL ===== */
    .address-form .form-group.row {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
    }
    .address-form .form-group.row > label.form-control-label,
    .address-form .form-group.row > label.col-md-4,
    .address-form .form-group.row > .col-md-4 {
        min-width: unset !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
        width: 100% !important;
        text-align: center !important;
        margin-bottom: 5px !important;
        border: none !important;
        border-bottom: none !important;
        background: none !important;
        padding-bottom: 0 !important;
    }
    .address-form .form-group.row > .col-md-8 {
        max-width: 100% !important;
        flex: 0 0 100% !important;
        width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .address-form .form-group.row > label.form-control-label {
        font-size: 13px !important;
        font-weight: 500 !important;
        color: #666 !important;
    }
    .address-form .form-group.row input.form-control,
    .address-form .form-group.row select.form-control,
    .address-form .form-group.row select.form-control-select {
        max-width: 100% !important;
        width: 100% !important;
        box-sizing: border-box !important;
        padding: 8px 12px !important;
        height: auto !important;
        min-height: unset !important;
        font-size: 13px !important;
    }
    .address-form .form-group.row {
        margin-bottom: 8px !important;
    }
    .address-form .form-group.row div.form-control-comment {
        margin-top: -2px !important;
        font-size: 11px !important;
    }
    .address-form .form-footer {
        text-align: center !important;
        margin-top: 20px !important;
    }
    .address-form .form-footer .form-control-submit {
        float: none !important;
    }
    /* ===== SİPARİŞ GEÇMİŞİ — MOBİL ===== */
    #history .page-header,
    #history #content > h6,
    .page-customer-account .page-header {
        display: none !important;
    }
    #history .order {
        border: 1px solid #eee !important;
        border-radius: 8px !important;
        padding: 15px !important;
        margin-bottom: 12px !important;
    }
    #history .order h3 {
        font-size: 14px !important;
        font-weight: 600 !important;
        color: #3990bf !important;
        margin: 0 0 5px !important;
    }
    #history .order .date {
        font-size: 12px !important;
        color: #999 !important;
    }
    #history .order .total {
        font-size: 14px !important;
        font-weight: 600 !important;
        color: #333 !important;
    }
    #history .order .status .label {
        font-size: 11px !important;
        padding: 4px 10px !important;
        border-radius: 12px !important;
    }
    #history .order .col-xs-2 {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 10px !important;
    }
    #history .order .col-xs-2 .svgic {
        width: 20px !important;
        height: 20px !important;
        color: #999 !important;
    }
    /* ===== KİŞİSEL BİLGİLERİM SAYFASI — MOBİL ===== */
    #identity .form-group {
        flex-direction: column !important;
        align-items: stretch !important;
    }
    #identity .form-group > label,
    #identity .form-group > .col-md-4 {
        min-width: unset !important;
        max-width: 100% !important;
        flex: unset !important;
        width: 100% !important;
        text-align: center !important;
        margin-bottom: 5px !important;
    }
    #identity .form-group > .col-md-8 {
        max-width: 100% !important;
        flex: unset !important;
        width: 100% !important;
    }
    #identity .form-group input.form-control,
    #identity .form-group select.form-control,
    #identity .form-group .input-group,
    #identity .form-group .input-group-dis {
        max-width: 100% !important;
        flex: unset !important;
        width: 100% !important;
    }
    #identity .form-group span.form-control-comment {
        text-align: center !important;
        font-size: 10px !important;
        margin-top: 0px !important;
        display: block !important;
        width: 80% !important;
        margin-left: auto !important;
        margin-right: auto !important;
        white-space: normal !important;
        word-wrap: break-word !important;
    }
    /* Zorunlu değil — input content ile dikey hizala */
    #identity .form-group div.form-control-comment {
        margin-left: 0 !important;
        padding-right: 10px !important;
        margin-top: -3px !important;
    }
    #identity .form-group .help-block {
        text-align: center !important;
        width: 100% !important;
        padding-left: 0 !important;
    }
    /* ===== CHECKOUT (TheCheckout) MOBİL ===== */
    /* Label'lar — ince font */
    #tc-container .field-label,
    #tc-container .form-group .field-label,
    #tc-container .checkout-block .block-header,
    #tc-container .has-float-label .field-label {
        font-weight: 400 !important;
        font-size: 13px !important;
    }
    /* Radio butonlar — hizalama */
    #tc-container .custom-radio {
        position: relative !important;
        top: 0 !important;
        margin-right: 8px !important;
        flex-shrink: 0 !important;
    }
    #tc-container .delivery-option,
    #tc-container .payment-option {
        display: flex !important;
        align-items: center !important;
    }
    /* Input full width */
    #tc-container .form-group input.form-control,
    #tc-container .form-group select.form-control,
    #tc-container .form-group select,
    #tc-container .form-group textarea.form-control {
        width: 100% !important;
        max-width: 100% !important;
    }
    #tc-container .checkout-block {
        padding: 15px 10px !important;
    }
    /* "Address used in past orders" çeviri */
    #tc-container .address-is-used {
        font-size: 11px !important;
        color: #999 !important;
    }
    /* Grid/List toggle — mobilde gizle */
    .listing_view_toggler {
        display: none !important;
    }
    /* ===== SEPET SIDEBAR ===== */
    .pk-aside.pk-el-cart header h3 {
        text-align: center !important;
        font-family: Montserrat, sans-serif !important;
        font-size: 18px !important;
        font-weight: 600 !important;
        width: 100% !important;
    }
    .pk-aside.pk-el-cart .shopping_cart.dd_container {
        display: block !important;
        position: static !important;
        opacity: 1 !important;
        animation: none !important;
        min-width: 0 !important;
    }
    .pk-aside.pk-el-cart .blockcart .header {
        display: block !important;
    }
    .pk-aside.pk-el-cart .cart-icon.pk-item-content {
        display: none !important;
    }
    .pk-aside.pk-el-cart .tab-content,
    .pk-aside.pk-el-cart .tab-content > div,
    .pk-aside.pk-el-cart [data-overlayscrollbars-viewport] {
        overflow: visible !important;
        height: auto !important;
    }
    /* Ürün kartı */
    .pk-aside.pk-el-cart .mini-product {
        border: 1px solid #f0f0f0 !important;
        border-radius: 8px !important;
        padding: 10px !important;
        margin-bottom: 8px !important;
    }
    .pk-aside.pk-el-cart .mini-product .thumbnail-container {
        display: flex !important;
        align-items: center !important;
        gap: 10px !important;
    }
    .pk-aside.pk-el-cart .mini-product .thumbnail {
        width: 70px !important;
        min-width: 70px !important;
        flex-shrink: 0 !important;
    }
    .pk-aside.pk-el-cart .mini-product .product-description {
        flex: 1 !important;
    }
    /* Font */
    .pk-aside.pk-el-cart .product-title a {
        font-family: Montserrat, sans-serif !important;
        font-size: 13px !important;
        font-weight: 500 !important;
        color: #333 !important;
        white-space: normal !important;
    }
    .pk-aside.pk-el-cart .product-brand {
        font-size: 11px !important;
        color: #999 !important;
        display: block !important;
        margin-bottom: 3px !important;
    }
    /* Fiyat */
    .pk-aside.pk-el-cart .price {
        font-size: 14px !important;
        font-weight: 600 !important;
        color: #3990bf !important;
    }
    .pk-aside.pk-el-cart .regular-price {
        font-size: 12px !important;
        color: #bbb !important;
        text-decoration: line-through !important;
    }
    /* Fiyat alanı */
    .pk-aside.pk-el-cart .pk-cart .shopping_cart .product-price-and-shipping,
    .pk-aside.pk-el-cart .product-price-and-shipping {
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        gap: 4px !important;
    }
    .pk-aside.pk-el-cart .pk-cart .shopping_cart .regular-price,
    .pk-aside.pk-el-cart .regular-price {
        order: 1 !important;
    }
    .pk-aside.pk-el-cart .pk-cart .shopping_cart .discount-percentage,
    .pk-aside.pk-el-cart .discount-percentage {
        order: 2 !important;
        background: #666 !important;
        color: #fff !important;
        font-size: 10px !important;
        font-weight: 600 !important;
        padding: 1px 6px !important;
        border-radius: 3px !important;
        margin: 0 !important;
    }
    .pk-aside.pk-el-cart .pk-cart .shopping_cart .product-price-and-shipping .price,
    .pk-aside.pk-el-cart .product-price-and-shipping .price {
        order: 3 !important;
        flex-basis: 100% !important;
    }
    /* Silme butonu — SVG gizle, × göster */
    .pk-aside.pk-el-cart .pk-cart .shopping_cart .remove-product,
    .pk-aside.pk-el-cart .remove-product {
        position: absolute !important;
        top: 8px !important;
        right: 8px !important;
        background: none !important;
        border: none !important;
        box-shadow: none !important;
        padding: 0 !important;
        text-decoration: none !important;
        width: 20px !important;
        height: 20px !important;
        overflow: hidden !important;
        font-size: 0 !important;
        line-height: 0 !important;
        opacity: 1 !important;
    }
    .pk-aside.pk-el-cart .pk-cart .shopping_cart .remove-product::after,
    .pk-aside.pk-el-cart .remove-product::after {
        content: '×' !important;
        font-size: 18px !important;
        color: #999 !important;
        line-height: 20px !important;
        display: block !important;
        text-align: center !important;
    }
    /* Toplam alanı */
    .pk-aside.pk-el-cart .cart-total {
        border-top: 1px solid #eee !important;
        padding: 10px 0 !important;
        margin-top: 5px !important;
        font-family: Montserrat, sans-serif !important;
        font-size: 14px !important;
    }
    .pk-aside.pk-el-cart .cart-total-value {
        font-weight: 600 !important;
        font-size: 16px !important;
    }
    /* Butonlar — boşluğu azalt */
    .pk-aside.pk-el-cart .cart-button {
        padding: 10px 0 !important;
        margin-top: 0 !important;
    }
    .pk-aside.pk-el-cart .cart-button .btn {
        font-family: Montserrat, sans-serif !important;
        font-size: 13px !important;
        text-transform: none !important;
        border-radius: 25px !important;
        padding: 12px !important;
    }
    .pk-aside.pk-el-cart .cart-button .btn:not(.reverse-btn) {
        background: #3990bf !important;
        border-color: #3990bf !important;
        color: #fff !important;
    }
    .pk-aside.pk-el-cart .cart-button .btn.reverse-btn {
        background: #fff !important;
        border: 1px solid #3990bf !important;
        color: #3990bf !important;
    }
    /* Payment methods placeholder gizle */
    .pk-aside.pk-el-cart .payment-methods-img[src*="placeholder"] {
        display: none !important;
    }
    /* ===== FOOTER — mobilde ortalanmış ===== */
    #footer .widget-pklinks {
        text-align: center !important;
    }
    #footer .widget-pklinks li {
        text-align: center !important;
    }
    #footer .elementor-widget-pklinks {
        text-align: center !important;
    }
    #footer .elementor-align-left {
        text-align: center !important;
    }
}

/* ===== FOUC FIX — head.tpl inline style: .view_list .pm-actions {display:none}
   JS handleViewSwitch() sonrası #products.list-ready eklenir → display:flex ===== */

/* ===== FMM STICKER SIZE FIX (CE widget'ta width boş geliyor) ===== */
.pk-ce-widget .fmm_sticker_base_span[style*="width: %"] {
    width: 44% !important;
}

/* ===== PRODUCT FLAGS / BADGES ===== */
/* PS default flag'ları gizle — indirim yüzdesi hariç */
.product-miniature .product-flags,
.product-flags {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    left: 0 !important;
    z-index: 2 !important;
    pointer-events: none;
}
.product-flags .new,
.product-flags .on-sale,
.product-flags .out_of_stock,
.product-flags .pack,
.product-flags .condition,
.product-flag.new,
.product-flag.on-sale,
.product-flag.out_of_stock,
.product-flag.pack,
.product-flag.condition {
    display: none !important;
}
/* İndirim yüzdesi badge — canlı site stili */
.product-flags .discount,
.product-flag.discount {
    display: block !important;
    pointer-events: auto;
    position: absolute !important;
    top: 25px !important;
    right: 6px !important;
    left: auto !important;
    color: #555 !important;
    background: #ebebeb !important;
    padding: 0px 1px 5px 0px !important;
    text-align: center !important;
    line-height: 22px !important;
    height: 22px !important;
    border-radius: 5px !important;
    font-size: 11px !important;
    font-weight: 400 !important;
    z-index: 3 !important;
    width: auto !important;
    min-width: 40px !important;
    letter-spacing: 0px !important;
}

/* ===== PRODUCT ACTIONS - NÜKLEER FIX (Filtre Yöntemi) ===== */

/* 1. Tüm Butonların Standart Hali */
:not(.view_list) .product-miniature .pm-actions .btn {
    width: 38px !important;
    height: 38px !important;
    border-radius: 50% !important;
    background: rgba(255,255,255,0.98) !important;
    border: 1px solid #ddd !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05) !important;
    position: relative !important;
    background-image: none !important;
    background-size: auto !important;
    transform: translateY(0) !important;
}

/* 2. Karşılaştır Butonundaki Fazla İkonları Temizle */
.pm-actions .ap-btn-compare span:not(.svgic),
.pm-actions .btn.compare span:not(.svgic),
.pm-actions .btn i:not(.svgic) {
    display: none !important;
}

/* 3. İkonların (SVG) Genel Ayarı */
:not(.view_list) .product-miniature .pm-actions .btn .svgic {
    width: 18px !important;
    height: 18px !important;
    color: #555 !important;
    fill: #555 !important;
    stroke: #555 !important;
    transition: all 0.3s ease !important;
    filter: none !important;
}
/* Favori kalp — boş (sadece çerçeve), aktifse dolu */
:not(.view_list) .product-miniature .pm-actions .favorites-button:not(.icon-active) .svgic {
    fill: transparent !important;
    stroke: #555 !important;
    stroke-width: 40px !important;
}
:not(.view_list) .product-miniature .pm-actions .favorites-button.icon-active .svgic {
    fill: #e74c3c !important;
    stroke: #e74c3c !important;
    filter: none !important;
}

/* 4. TÜM BUTONLAR İÇİN HOVER — Mavi arka plan + yükselme (grid only, list view hariç) */
:not(.view_list) .product-miniature .pm-actions .btn:hover {
    background: #3990bf !important;
    border-color: #3990bf !important;
    z-index: 10 !important;
    transform: translateY(-5px) !important;
    box-shadow: none !important;
}
/* List view'da grid hover'ı tamamen iptal et */
.view_list .product-miniature .pm-actions .btn:hover {
    transform: none !important;
    box-shadow: none !important;
}
/* List view — sepete ekle normal durum (inline style'dan çıkarıldı) */
.view_list .pm-actions .add-to-cart {
    background: #fff !important;
    border: 1px solid #3990bf !important;
    color: #3990bf !important;
}
/* List view hover — class-based (JS toggle) */
.view_list .pm-actions .add-to-cart.lv-hover {
    background: #3990bf !important;
    border-color: #3990bf !important;
    color: #fff !important;
}
.view_list .pm-actions .add-to-cart.lv-hover .svgic,
.view_list .pm-actions .add-to-cart.lv-hover svg {
    filter: none !important;
    color: #fff !important;
    fill: #fff !important;
    stroke: #fff !important;
    animation: cartPop 0.4s ease forwards !important;
}
.view_list .pm-actions .quick-view.lv-hover .svgic,
.view_list .pm-actions .quick-view.lv-hover svg {
    filter: none !important;
    color: #3990bf !important;
    animation: heartBeat 0.8s ease-in-out infinite !important;
}
.view_list .pm-actions .btn:not(.add-to-cart).lv-hover {
    color: #3990bf !important;
}
.view_list .pm-actions .btn:not(.add-to-cart).lv-hover .svgic,
.view_list .pm-actions .btn:not(.add-to-cart).lv-hover svg {
    filter: none !important;
    color: #3990bf !important;
    fill: #3990bf !important;
    stroke: #3990bf !important;
}

/* 5. HOVER ANINDA İKONU BEYAZA ZORLA */
:not(.view_list) .product-miniature .pm-actions .btn:hover .svgic {
    color: #fff !important;
    fill: #fff !important;
    stroke: #fff !important;
    filter: brightness(0) invert(1) !important;
}

/* 6A. SEPETE AT — The Pop */
:not(.view_list) .product-miniature .pm-actions .add-to-cart:hover .svgic {
    animation: cartPop 0.4s ease forwards !important;
    filter: brightness(0) invert(1) !important;
}

/* 6B. FAVORİ BUTONU — The Pulse (Kalp Atışı) */
/* Pasif kalp hover: beyaz çerçeve */
:not(.view_list) .product-miniature .pm-actions .favorites-button:not(.icon-active):hover .svgic {
    fill: transparent !important;
    stroke: #fff !important;
    filter: none !important;
}
/* Aktif kalp hover: beyaz dolu */
:not(.view_list) .product-miniature .pm-actions .favorites-button.icon-active:hover .svgic {
    fill: #fff !important;
    stroke: #fff !important;
    filter: none !important;
}
/* Her iki durumda da kalp atışı */
:not(.view_list) .product-miniature .pm-actions .favorites-button:hover .svgic {
    animation: heartBeat 0.8s ease-in-out infinite !important;
}

/* 7. KARŞILAŞTIR İKONU — SVG gizle, Linearicons sync + The Flip (180°) */
:not(.view_list) .product-miniature .pm-actions .compare-button .svgic {
    display: none !important;
}
:not(.view_list) .product-miniature .pm-actions .compare-button::before {
    content: '\e862' !important;
    font-family: 'Linearicons-Free' !important;
    font-size: 16px !important;
    color: #555 !important;
    transition: transform 0.5s cubic-bezier(0.65, 0, 0.35, 1), color 0.3s ease !important;
    display: inline-block !important;
}
:not(.view_list) .product-miniature .pm-actions .compare-button:hover::before {
    color: #fff !important;
    transform: rotate(180deg) !important;
}

/* === Keyframe Animasyonları === */
@keyframes cartPop {
    0% { transform: scale(1); }
    50% { transform: scale(1.2); }
    100% { transform: scale(1.1); }
}
@keyframes heartBeat {
    0% { transform: scale(1); }
    25% { transform: scale(1.15); }
    50% { transform: scale(1); }
    75% { transform: scale(1.15); }
    100% { transform: scale(1); }
}

/* 8. Gereksiz Tema Elemanlarını Gizle */
.product-miniature .pm-actions .displayProductButtonFixed {
    display: none !important;
}

:not(.view_list) .product-miniature .displayProductButtonFixed .btn,
:not(.view_list) .product-miniature .displayProductButtonFixed a {
    border-radius: 50% !important;
    background-color: rgba(255,255,255,0.85) !important;
    border: 1px solid #ddd !important;
    color: #555 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    transition: all 0.3s ease;
    box-shadow: 0 1px 3px rgba(0,0,0,0.08);
}

:not(.view_list) .product-miniature .displayProductButtonFixed .btn:hover,
:not(.view_list) .product-miniature .displayProductButtonFixed a:hover {
    background-color: #3990bf !important;
    border-color: #3990bf !important;
    color: #fff !important;
}

/* ===== ÜRÜN KARTI DÜZEN ===== */
.product-miniature .product-desc-wrap {
    padding: 8px 0 !important;
    width: 100%;
}

.product-miniature .product-description {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 !important;
    max-width: 100% !important;
}

/* Sıralama: 1-title, 2-brand, 3-price */
/* Sıralama + satır araları */
.product-miniature .product-description > .product-title {
    order: 1 !important;
    width: 100%;
    margin-bottom: 3px !important;
}

.product-miniature .product-title.ellipsis {
    text-align: center !important;
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.product-miniature .product-thumbnail {
    margin-bottom: 8px !important;
}

.product-miniature .product-description > .product-brand {
    order: 2 !important;
    width: 100%;
    text-align: center !important;
    margin-bottom: 7px !important;
}

.product-miniature .product-brand.text-left {
    text-align: center !important;
}

.product-miniature .product-description > .product-price-and-shipping {
    order: 3 !important;
    width: 100%;
    text-align: center !important;
    margin-top: 0 !important;
}

/* Fiyatlar alt alta: eski fiyat üstte, güncel fiyat altta */
.product-miniature .product-price-and-shipping {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}

/* Eski fiyat — üstü çizili, italik değil */
.product-miniature .regular-price {
    font-size: 13px !important;
    font-style: normal !important;
    text-decoration: line-through !important;
    color: #929292 !important;
    order: -1 !important;
    margin-right: 0 !important;
    margin-bottom: 2px !important;
}

/* ===== ÜRÜN TAB'LARI (pk-tabs) ===== */
/* Tab listesi ortalı */
.pk-tabs .nav-tabs {
    justify-content: center !important;
    border-bottom: none !important;
    gap: 8px;
}

/* Her tab: yuvarlak pill stili */
.pk-tabs .nav-tabs .nav-link {
    border: 1px solid transparent !important;
    border-radius: 25px !important;
    padding: 3px 20px !important;
    color: #54595F !important;
    background: transparent !important;
    font-size: 14px;
    letter-spacing: -0.0px;
    transition: all 0.2s ease;
}

/* Aktif tab */
.pk-tabs .nav-tabs .nav-link.active {
    border-color: #54595F !important;
    color: #54595F !important;
    background: transparent !important;
    font-weight: 400;
}

/* Hover */
.pk-tabs .nav-tabs .nav-link:hover {
    border-color: #54595F !important;
    color: #54595F !important;
}

/* === JoliSearch Autocomplete Düzeltmeleri === */

/* Dropdown kutu — beyaz, gölge, yuvarlatılmış köşeler */
.ui-menu.ui-jolisearch {
    background-color: #fff !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.12) !important;
    margin-top: 15px !important;
    padding: 15px !important;
    max-width: 1100px !important;
    overflow: hidden !important;
}

/* Daha fazla linki */
.ui-menu.ui-jolisearch .more-results {
    font-size: 15px !important;
    padding: 12px 0 5px !important;
}
.ui-menu.ui-jolisearch .more-results a {
    font-size: 15px !important;
    color: #3D90BF !important;
}

/* Body sabit genişliği kaldır — parent'a sığsın */
.ui-menu.ui-jolisearch .jolisearch-body {
    width: 100% !important;
    max-width: 100% !important;
}

/* Ürünler 4 sütun */
.ui-menu.ui-jolisearch .jolisearch-body section[role="main"] .jolisearch-products__list {
    display: flex !important;
    flex-wrap: wrap !important;
}
.ui-menu.ui-jolisearch .jolisearch-body section[role="main"] .product {
    width: 25% !important;
    flex: 0 0 25% !important;
    max-width: 25% !important;
    box-sizing: border-box !important;
    padding: 10px !important;
    border-radius: 6px !important;
    border: 1px solid transparent !important;
    transition: background-color 0.2s ease !important;
}
.ui-menu.ui-jolisearch .jolisearch-body section[role="main"] .product:hover {
    background-color: #f5f5f5 !important;
    border-color: #eee !important;
}

/* Bullet noktaları kaldır */
.jolisearch-results ul,
.jolisearch-results li,
.jolisearch-results .jolisearch-category-list,
.jolisearch-results .jolisearch-manufacturer-list,
.ui-menu.ui-jolisearch ul,
.ui-menu.ui-jolisearch li {
    list-style: none !important;
    padding-left: 0 !important;
}

/* Dropdown max genişlik */
.jolisearch-results {
    max-width: 900px !important;
    margin: 0 auto !important;
}

/* JoliSearch bullet fix - doğru selectorlar */
.jolisearch-filter__content,
.jolisearch-filter__content li,
.jolisearch-filter__topic li,
.jolisearch-filter li,
.jolisearch-products__list li {
    list-style: none !important;
    list-style-type: none !important;
}
.jolisearch-filter__content {
    padding-left: 0 !important;
    margin-left: 0 !important;
}

/* === JoliSearch Dropdown Stil Düzeltmeleri === */

/* Ürün sayısı badge - mavi */
.jolisearch-content .jolisearch-products__heading .items-count,
.jolisearch-products__heading .badge,
.jolisearch-products__heading span {
    background-color: #3D90BF !important;
    color: #fff !important;
    border-radius: 12px !important;
    padding: 2px 10px !important;
    font-size: 13px !important;
}

/* Kategoriler ve Markalar başlık fontu büyüt */
.jolisearch-filter__topic h3,
.jolisearch-filter__topic .jolisearch-filter__heading {
    font-size: 18px !important;
    font-weight: 600 !important;
    color: #333 !important;
    margin-bottom: 10px !important;
}

/* Kategori ve Marka linkleri büyüt */
.jolisearch-filter__link,
.jolisearch-filter__content li a,
.jolisearch-filter__content li {
    font-size: 14px !important;
    color: #555 !important;
    padding: 4px 0 !important;
    line-height: 1.4!important;
}
.jolisearch-filter__link:hover,
.jolisearch-filter__content li a:hover {
    color: #3D90BF !important;
}

/* Ürün sayısı (parantez içi) */
.jolisearch-filter__content .items-count {
    font-size: 13px !important;
    color: #999 !important;
    background: none !important;
    padding: 0 !important;
    border-radius: 0 !important;
}

/* Sepete Ekle butonu - yumuşak, yuvarlak kenarlı */
.jolisearch-results .add-to-cart,
.jolisearch-products__list .add-to-cart,
.jolisearch-content .add-to-cart {
    background: #fff !important;
    color: #3D90BF !important;
    border: 1.5px solid #3D90BF !important;
    border-radius: 20px !important;
    padding: 6px 18px !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    text-transform: none !important;
    transition: all 0.25s ease !important;
    letter-spacing: 0 !important;
}
.jolisearch-results .add-to-cart:hover,
.jolisearch-products__list .add-to-cart:hover,
.jolisearch-content .add-to-cart:hover {
    background: #3D90BF !important;
    color: #fff !important;
    border-color: #3D90BF !important;
}

/* Ürünler başlığındaki sayı badge - mavi */
.jolisearch-content > h4 > .items-count,
.jolisearch-content > h4 > span {
    background-color: #3D90BF !important;
    color: #fff !important;
    border-radius: 12px !important;
    padding: 1px 10px !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    margin-left: 5px !important;
    line-height: 1.2 !important;
    display: inline-block !important;
    vertical-align: middle !important;
    height: auto !important;
    min-height: 0 !important;
}

/* === JoliSearch Arama Kutusu Stili (canlı site benzeri) === */

/* Widget wrapper */
#search_widget {
    position: relative !important;
}

/* Form — tek parça kapsül, overflow:hidden sağ köşeyi yuvarlaklaştırır */
#search_widget form {
    display: flex !important;
    align-items: stretch !important;
    border: 1px solid #ddd !important;
    border-radius: 22px !important;
    overflow: hidden !important;
    height: 36px !important;
    background: #fff !important;
    box-shadow: none !important;
    max-width: 100% !important;
    position: relative !important;
}
#search_widget form:focus-within {
    border-color: #ddd !important;
}

/* Input — theme selector'ı ile aynı: input[type='text'] */
#search_widget input[type="text"],
#search_widget input[name="s"] {
    border: none !important;
    border-radius: 0 !important;
    padding: 0 10px 0 18px !important;
    font-size: 14px !important;
    color: #555 !important;
    background: transparent !important;
    outline: none !important;
    height: 100% !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: none !important;
    flex: 1 1 auto !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    float: none !important;
    line-height: normal !important;
    margin: 0 !important;
}
#search_widget input[type="text"]::placeholder,
#search_widget input[name="s"]::placeholder {
    color: #aaa !important;
    font-size: 13px !important;
    font-weight: 300 !important;
}

/* Submit buton — theme selector: #search_widget button */
#search_widget button,
#search_widget button[type="submit"] {
    position: relative !important;
    float: none !important;
    right: auto !important;
    top: auto !important;
    width: 44px !important;
    min-width: 44px !important;
    height: 100% !important;
    background: #f0f0f0 !important;
    border: none !important;
    border-left: 1px solid #ddd !important;
    border-radius: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    cursor: pointer !important;
    text-indent: 0 !important;
    overflow: visible !important;
    opacity: 1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: background 0.3s ease !important;
    flex-shrink: 0 !important;
}
#search_widget button:hover,
#search_widget button[type="submit"]:hover {
    background: #e5e5e5 !important;
}
#search_widget button i.material-icons,
#search_widget button span,
#search_widget button[type="submit"] i.material-icons,
#search_widget button[type="submit"] span {
    display: none !important;
}
#search_widget button::after,
#search_widget button[type="submit"]::after {
    content: "\f002" !important;
    font-family: "Font Awesome 5 Free", FontAwesome !important;
    font-weight: 900 !important;
    color: #bbb !important;
    font-size: 20px !important;
    text-indent: 0 !important;
    -webkit-text-stroke: 1px #f0f0f0 !important;
}

/* === ETS Mega Menu — Markalar dropdown beyaz kutuyu kaldır === */
/* megamenu-fix.css'teki yüksek specificity kuralını aşmak için aynı selector + .mm_sub_align_full */
.ets_mm_megamenu .mm_menus_li.mm_sub_align_full:not(.mm_menus_li_tab) .mm_columns_ul:not(.mm_columns_ul_tab) {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    width: auto !important;
}
/* Brands dropdown — ince border ve hafif gölge */
.ets_mm_megamenu .brands-dropdown {
    border: 1px solid #e5e5e5 !important;
    border-radius: 6px !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08) !important;
    background: #fff !important;
}
/* İç katmanları da şeffaf yap */
.ets_mm_megamenu .mm_menus_li.mm_sub_align_full .mm_columns_li,
.ets_mm_megamenu .mm_menus_li.mm_sub_align_full .mm_blocks_ul,
.ets_mm_megamenu .mm_menus_li.mm_sub_align_full .mm_blocks_li,
.ets_mm_megamenu .mm_menus_li.mm_sub_align_full .ets_mm_block,
.ets_mm_megamenu .mm_menus_li.mm_sub_align_full .ets_mm_block_content {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}

/* ===== ÜRÜN LİSTELEME TOOLBAR ===== */
/* Per Page dropdown gizle */
.products-selection .perpage-selector,
.products-selection .perpage-selector + .perpage-dropdown,
.products-selection > .products-sort-order:has(.perpage-selector) {
    display: none !important;
}

/* Kolon switcher — sadece grid4 ve list görünsün */
.listing_view #view_magic,
.listing_view #view_grid2,
.listing_view #view_grid3,
.listing_view #view_grid5,
.listing_view #view_grid6 {
    display: none !important;
}

/* Compare butonu gizle */
.products-selection .compare-form.bt_compare {
    display: none !important;
}

/* Toolbar düzeni — canlı siteye benzer */
.products-selection {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 10px 15px !important;
    border-bottom: none !important;
    margin-bottom: 15px !important;
    margin-top: 15px !important;
    flex-wrap: nowrap !important;
    background: #f6f6f6 !important;
    border-radius: 4px !important;
}

/* Grid/List butonları sola — FA ikonları */
.listing_view {
    order: 1 !important;
    display: flex !important;
    gap: 8px !important;
    margin-right: 15px !important;
}
.listing_view .view_btn {
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: #999;
    transition: color 0.2s;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    background: transparent !important;
}
.listing_view .view_btn:hover,
.listing_view .view_btn.active {
    color: #3D90BF;
}
/* SVG ikonları gizle, FA ikonları göster */
.listing_view .view_btn .svgic {
    display: none !important;
}
/* SVG child click'lerin parent'a geçmesini sağla */
.listing_view .view_btn * {
    pointer-events: none !important;
}
.listing_view .view_btn::before {
    font-family: "Font Awesome 5 Free", FontAwesome !important;
    font-weight: 400;
    font-size: 16px;
    -webkit-text-stroke: 0px;
}
.listing_view #view_grid4::before {
    content: "\f00a";
}
.listing_view #view_list::before {
    content: "\f0c9";
}

/* Ürün sayısı ortada */
.products-selection .total-products {
    order: 2 !important;
    flex: 1 !important;
    margin: 0 !important;
}
.products-selection .total-products p {
    margin: 0 !important;
    color: #7A7A7A !important;
    font-size: 14px !important;
    /*font-style: italic !important;*/
}

/* Sort by sağda */
.products-selection .sort-by-row {
    order: 3 !important;
    margin-left: auto !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

/* "Sırala:" etiketi — dropdown dışında */
.sort-by-label {
    color: #333 !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    white-space: nowrap !important;
}

/* Dropdown kutusu */
.sort-by-row .products-sort-order .select-title {
    border: 1px solid #ddd !important;
    border-radius: 4px !important;
    padding: 3px 30px 3px 12px !important;
    background: #fff !important;
    font-size: 13px !important;
    color: #333 !important;
    min-width: 180px !important;
    height: 28px !important;
    line-height: 22px !important;
    text-align: left !important;
}
/* Dropdown menu z-index ve konum */
.sort-by-row .products-sort-order {
    position: relative !important;
}
.sort-by-row .products-sort-order .dropdown-menu {
    z-index: 1000 !important;
    min-width: auto !important;
    width: auto !important;
    right: 0 !important;
    left: auto !important;
    background: #fff !important;
    padding: 5px 0 !important;
}
.sort-by-row .products-sort-order .dropdown-menu .select-list {
    padding: 5px 12px !important;
    font-size: 13px !important;
    text-align: right !important;
    cursor: pointer !important;
}

/* Filter butonu (mobil) */
.products-selection .pk-filter-button {
    order: 0 !important;
}

/* Hook içeriği (per page vb.) */
.products-selection > .products-sort-order {
    order: 4 !important;
}

/* ===== LİSTE GÖRÜNÜMÜ (view_list) — canlı site stili ===== */
/* Ürün kartı: border-bottom ile ayırma */
.view_list .product-miniature {
    border-bottom: 1px solid #eee !important;
    padding: 10px 0 !important;
    margin-bottom: 0 !important;
}

/* thumbnail-container: 3 kolon layout (resim | bilgi | butonlar) */
.view_list .thumbnail-container {
    display: grid !important;
    grid-template-columns: 220px 1fr 220px !important;
    align-items: center !important;
    gap: 0 !important;
}

/* product-thumbnail: display:contents → child'ları grid item olur */
.view_list .product-thumbnail {
    display: contents !important;
}

/* --- Ürün görseli (sol kolon) --- */
.view_list .product-thumbnail > a {
    grid-column: 1 !important;
    grid-row: 1 / -1 !important;
    width: 220px !important;
    min-width: 220px !important;
    position: relative !important;
    overflow: hidden !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 10px !important;
}
.view_list .product-thumbnail > a img {
    max-width: 180px !important;
    max-height: 180px !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    margin: 0 auto !important;
}
/* Resim hover ve alt resimler gizle (list modunda gereksiz) */
.view_list .product-thumbnail > a .pmimage-switcher,
.view_list .product-thumbnail > a picture:not(:first-of-type) {
    display: none !important;
}

/* --- Bilgi orta kolon wrapper --- */
.view_list .product-desc-wrap {
    grid-column: 2 !important;
    grid-row: 1 / -1 !important;
    padding: 0 25px !important;
}

/* --- Ürün bilgi alanı genel --- */
.view_list .product-description {
    text-align: center !important;
    align-items: center !important;
    padding: 10px 0 !important;
}

/* --- Ürün başlığı (isim) --- */
.view_list .product-title.ellipsis {
    text-align: center !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    color: #333 !important;
    line-height: 1.3 !important;
    margin-bottom: 4px !important;
}
.view_list .product-title.ellipsis a {
    color: inherit !important;
    text-decoration: none !important;
}
.view_list .product-title.ellipsis a:hover {
    color: #3990bf !important;
}

/* --- Marka adı --- */
.view_list .product-brand.text-left,
.view_list .product-brand {
    text-align: center !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    color: #999 !important;
    margin-bottom: 6px !important;
}
.view_list .product-brand a {
    color: inherit !important;
    text-decoration: none !important;
}
.view_list .product-brand a:hover {
    color: #3990bf !important;
}

/* --- Fiyat --- */
.view_list .product-price-and-shipping {
    text-align: center !important;
    align-items: center !important;
    justify-content: center !important;
    margin-bottom: 8px !important;
}
.view_list .price {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #3990bf !important;
    line-height: 1.4 !important;
}
.view_list .regular-price {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    color: #999 !important;
    text-decoration: line-through !important;
}

/* --- Kısa açıklama --- */
.view_list .short-desc.pm_desk_false.hidden {
    display: block !important;
    margin-top: 8px !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    color: #666 !important;
    line-height: 1.7 !important;
    text-align: center !important;
    letter-spacing: 0.5px !important;
}

/* Butonlar sağ kolonda */
.view_list .pm-actions {
    position: static !important;
    grid-column: 3 !important;
    grid-row: 1 / -1 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    padding: 5px 15px !important;
    border-left: 1px solid #f0f0f0 !important;
    align-self: stretch !important;
    text-transform: none !important;
    letter-spacing: normal !important;
}
/* Yüksek specificity: show-on-hover/scale-on-hover tema kurallarını ez */
#products.view_list .thumbnail-container .pm-actions,
#products.view_list .thumbnail-container .pm-actions.show-on-hover,
#products.view_list .thumbnail-container .pm-actions.scale-on-hover,
.view_list .product-miniature .thumbnail-container .pm-actions.show-on-hover.scale-on-hover {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    pointer-events: auto !important;
}

/* Tüm butonları sıfırla — list modunda grid stillerini override et */
.view_list .pm-actions .btn,
.view_list .pm-actions a,
.view_list .pm-actions form {
    width: 100% !important;
    height: auto !important;
    border-radius: 0 !important;
    position: static !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    box-shadow: none !important;
    pointer-events: auto !important;
    text-transform: none !important;
    letter-spacing: normal !important;
}
/* Sepete Ekle formu en üste — order ile sıralama */
.view_list .pm-actions .add-to-cart-or-refresh {
    width: 100% !important;
    order: -1 !important;
}
.view_list .pm-actions .product-add-to-cart-mini,
.view_list .pm-actions .product-quantity,
.view_list .pm-actions .add {
    width: 100% !important;
}
/* pktopright sınıfını list modunda sıfırla */
.view_list .pm-actions .pktopright {
    position: static !important;
    top: auto !important;
    right: auto !important;
}
/* smooth05 geçişlerini list modunda sıfırla */
.view_list .pm-actions .smooth05 {
    opacity: 1 !important;
    transition: none !important;
}

/* Sepete Ekle butonu — outlined, yuvarlak kenarlı */
.view_list .pm-actions .add-to-cart {
    width: 100% !important;
    height: auto !important;
    border-radius: 20px !important;
    padding: 6px 12px !important;
    font-size: 13px !important;
    background: #fff !important;
    border: 1px solid #3990bf !important;
    color: #3990bf !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    white-space: nowrap !important;
    overflow: visible !important;
    min-height: 22px !important;
    text-transform: none !important;
    letter-spacing: normal !important;
}
.view_list .pm-actions .add-to-cart:hover {
    background: #3990bf !important;
    color: #fff !important;
}
.view_list .pm-actions .add-to-cart::after {
    content: "Sepete Ekle" !important;
    font-family: inherit !important;
    font-size: 13px !important;
    position: static !important;
    width: auto !important;
    height: auto !important;
    background: none !important;
    inset: auto !important;
    transition: none !important;
    color: inherit !important;
    z-index: 1 !important;
    display: inline !important;
}
.view_list .pm-actions .add-to-cart .svgic,
.view_list .pm-actions .add-to-cart svg,
.view_list .product-miniature .pm-actions .add-to-cart .svgic {
    display: inline-block !important;
    width: 14px !important;
    height: 14px !important;
    color: #3990bf !important;
    fill: #3990bf !important;
    stroke: #3990bf !important;
    filter: none !important;
    stroke-width: 0.2px !important;
}

/* Karşılaştır, Favori, Hızlı Görünüm — link stili */
.view_list .pm-actions .compare-button,
.view_list .pm-actions .favorites-button,
.view_list .pm-actions .quick-view {
    width: auto !important;
    height: auto !important;
    border-radius: 0 !important;
    padding: 3px 0 !important;
    font-size: 12px !important;
    background: transparent !important;
    border: none !important;
    color: #777 !important;
    box-shadow: none !important;
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    overflow: visible !important;
    min-height: 20px !important;
    text-transform: none !important;
    letter-spacing: normal !important;
}
.view_list .pm-actions .compare-button:hover,
.view_list .pm-actions .favorites-button:hover,
.view_list .pm-actions .quick-view:hover {
    color: #3990bf !important;
    background: transparent !important;
    border-color: transparent !important;
}
/* List view — grid hover efektlerini iptal et (sepete ekle hariç) */
.view_list .pm-actions .btn:not(.add-to-cart):hover,
.view_list .product-miniature .pm-actions .btn:not(.add-to-cart):hover {
    background: transparent !important;
    border-color: transparent !important;
}
.view_list .pm-actions .btn:not(.add-to-cart):hover .svgic,
.view_list .product-miniature .pm-actions .btn:not(.add-to-cart):hover .svgic {
    filter: none !important;
    color: #3990bf !important;
    fill: #3990bf !important;
    stroke: #3990bf !important;
    opacity: 1 !important;
    visibility: visible !important;
    display: inline-block !important;
}
/* Sepete Ekle hover — ikon beyaz + cartPop animasyonu, düğme hareket etmesin */
.view_list .pm-actions .add-to-cart:hover {
    transform: none !important;
}
.view_list .pm-actions .add-to-cart:hover .svgic {
    filter: none !important;
    color: #fff !important;
    fill: #fff !important;
    display: inline-block !important;
    animation: cartPop 0.4s ease forwards !important;
}
/* Hızlı Görünüm hover — büyülteç pulse */
.view_list .pm-actions .quick-view:hover .svgic {
    animation: heartBeat 0.8s ease-in-out infinite !important;
}
/* List view — ::before hover */
.view_list .pm-actions .btn:hover::before,
.view_list .product-miniature .pm-actions .btn:hover::before {
    color: #3990bf !important;
    filter: none !important;
    opacity: 1 !important;
    display: inline-block !important;
}
.view_list .pm-actions .compare-button .svgic,
.view_list .pm-actions .favorites-button .svgic,
.view_list .pm-actions .quick-view .svgic {
    display: inline-block !important;
    width: 14px !important;
    height: 14px !important;
    color: inherit !important;
}
:not(.view_list) .pm-actions .compare-button::before {
    content: '\e862' !important;
    font-family: 'Linearicons-Free' !important;
    font-size: 14px !important;
    color: inherit !important;
    display: inline-block !important;
    line-height: 1 !important;
    position: static !important;
    width: auto !important;
    height: auto !important;
    background: none !important;
    inset: auto !important;
    transition: none !important;
    opacity: 1 !important;
    transform: none !important;
    border-radius: 0 !important;
}
.view_list .pm-actions .compare-button::after {
    content: none !important;
    font-size: 12px !important;
    position: static !important;
    width: auto !important;
    height: auto !important;
    background: none !important;
    inset: auto !important;
    transition: none !important;
}
.view_list .pm-actions .quick-view::after {
    content: "Hızlı Görünüm" !important;
    font-size: 12px !important;
    position: static !important;
    width: auto !important;
    height: auto !important;
    background: none !important;
    inset: auto !important;
    transition: none !important;
}
.view_list .pm-actions .favorites-button::after {
    content: "Favorilere Ekle" !important;
    font-size: 12px !important;
    position: static !important;
    width: auto !important;
    height: auto !important;
    background: none !important;
    inset: auto !important;
    transition: none !important;
}

/* Stokta yok butonu — tüm view'larda (grid + list), FOUC önleme */
button.btn.btn-primary.add-to-cart.out-of-stock-btn,
button.btn.btn-primary.add-to-cart[disabled] {
    background: #f5f5f5 !important;
    border: 1px solid #ccc !important;
    color: #999 !important;
    cursor: not-allowed !important;
    padding: 5px 12px !important;
    box-shadow: none !important;
}
/* List view: stokta yok butonunda SVG gizle, span göster */
.view_list .out-of-stock-btn svg,
.view_list .out-of-stock-btn .svgic,
#products.view_list .out-of-stock-btn svg,
#products.view_list .out-of-stock-btn .svgic,
.view_list .pm-actions .out-of-stock-btn svg,
.view_list .pm-actions .out-of-stock-btn .svgic {
    display: none !important;
}
.view_list .out-of-stock-btn span,
#products.view_list .out-of-stock-btn span,
.view_list .pm-actions .out-of-stock-btn span {
    display: inline !important;
}
.view_list .pm-actions .add-to-cart[disabled]::after,
.view_list .pm-actions .add-to-cart.disabled::after {
    content: none !important;
    display: none !important;
}

/* ===== GRID VIEW — pm-actions butonları ===== */
/* 1. Butonları resmin alt kısmında, sıralı slide-up + fade-in */
:not(.view_list) .product-miniature .pm-actions.show-on-hover {
    position: absolute !important;
    bottom: 0 !important;
    top: auto !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    display: flex !important;
    justify-content: center !important;
    gap: 3px !important;
    padding: 6px 0 !important;
}
/* Her buton ayrı ayrı slide-up + fade-in */
:not(.view_list) .product-miniature .pm-actions.show-on-hover > * {
    opacity: 0 !important;
    transform: translateY(12px) !important;
    transition: opacity 0.3s ease, transform 0.3s ease !important;
}
:not(.view_list) .product-miniature:hover .pm-actions.show-on-hover > * {
    opacity: 1 !important;
    transform: translateY(0) !important;
}
/* Staggered delay: her buton 60ms arayla */
:not(.view_list) .product-miniature:hover .pm-actions.show-on-hover > :nth-child(1) { transition-delay: 0s !important; }
:not(.view_list) .product-miniature:hover .pm-actions.show-on-hover > :nth-child(2) { transition-delay: 0.06s !important; }
:not(.view_list) .product-miniature:hover .pm-actions.show-on-hover > :nth-child(3) { transition-delay: 0.12s !important; }
:not(.view_list) .product-miniature:hover .pm-actions.show-on-hover > :nth-child(4) { transition-delay: 0.18s !important; }
:not(.view_list) .product-miniature:hover .pm-actions.show-on-hover > :nth-child(5) { transition-delay: 0.24s !important; }
/* 2. Buton boyutlarını küçült */
:not(.view_list) .product-miniature .pm-actions .btn {
    height: 2.2rem !important;
    width: 2.2rem !important;
    margin: 0 1px !important;
    padding: 0 !important;
}
:not(.view_list) .product-miniature .pm-actions .btn svg,
:not(.view_list) .product-miniature .pm-actions .btn .svgic {
    width: 15px !important;
    height: 15px !important;
    color: #555 !important;
}
/* Grid view: compare buton sync ikonu */
:not(.view_list) .pm-actions .compare-button::before {
    font-size: 15px !important;
    color: #555 !important;
}
/* 3. Scale-on-hover: tema scale animasyonunu kaldır, slide-up'ı koru */
:not(.view_list) .product-miniature .pm-actions.scale-on-hover > * {
    transform: translateY(12px) !important;
}
:not(.view_list) .product-miniature:hover .pm-actions.scale-on-hover > * {
    transform: translateY(0) !important;
}
/* List view: butonlar her zaman görünür, animasyon yok */
.view_list .product-miniature .pm-actions.show-on-hover {
    opacity: 1 !important;
    position: static !important;
    transform: none !important;
}
.view_list .product-miniature .pm-actions.show-on-hover > * {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
}
/* 4. Stokta yok — grid'de cart butonunu disabled göster */
:not(.view_list) .pm-actions .out-of-stock-wrap {
    display: block !important;
}
:not(.view_list) .pm-actions .out-of-stock-wrap .product-add-to-cart-mini,
:not(.view_list) .pm-actions .out-of-stock-wrap .product-quantity,
:not(.view_list) .pm-actions .out-of-stock-wrap .add {
    display: contents !important;
}
:not(.view_list) .pm-actions .out-of-stock-btn {
    height: 2.2rem !important;
    width: 2.2rem !important;
    margin: 0 1px !important;
    padding: 0 !important;
    border-radius: 50% !important;
    background: rgba(255,255,255,0.85) !important;
    border: 1px solid #ddd !important;
    cursor: not-allowed !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
    overflow: visible !important;
    opacity: 0.45 !important;
    transition: all 0.3s ease !important;
}
:not(.view_list) .pm-actions .out-of-stock-btn:hover {
    background: #dc3545 !important;
    border-color: #dc3545 !important;
    opacity: 0.85 !important;
}
:not(.view_list) .pm-actions .out-of-stock-btn span {
    display: none !important;
}
:not(.view_list) .pm-actions .out-of-stock-btn .svgic {
    width: 16px !important;
    height: 16px !important;
    color: #999 !important;
    fill: #999 !important;
    display: inline-block !important;
    transition: all 0.3s ease !important;
}
:not(.view_list) .pm-actions .out-of-stock-btn:hover .svgic {
    color: #fff !important;
    fill: #fff !important;
}
/* product-thumbnail override for out-of-stock */
.product-thumbnail .out-of-stock-btn .svgic {
    color: #999 !important;
    fill: #999 !important;
}
.product-thumbnail .out-of-stock-btn:hover .svgic {
    color: #fff !important;
    fill: #fff !important;
}

/* displayProductButtonFixed — gizle */
.view_list .displayProductButtonFixed {
    display: none !important;
}

/* product-flags list modunda gizle (resim üstüne sığmaz) */
.view_list .product-flags {
    display: none !important;
}

/* Grid modunda order/alignment normal */
.view_grid .product-description,
.view_grid .product-title.ellipsis,
.view_grid .product-brand,
.view_grid .product-price-and-shipping {
    text-align: center !important;
    align-items: center !important;
}

/* Toolbar boşluk azalt */
.product_list_top {
    padding: 0 !important;
    margin: 0 0 5px 0 !important;
    min-height: 0 !important;
}

/* ===== PAGE HEADER — canlı site formatı ===== */

/* Menü bar hizalama */
.mm_menus_ul > li.mm_menus_li > a.ets_mm_url {
    padding-bottom: 5px !important;
}
.mm_menus_ul > li.mm_menus_li {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}
/* Kategoriler mavi kutu: yükselt + text ortala */
.mm_menus_li.mm_menus_li_tab > a.ets_mm_url {
    margin-top: 5px !important;
    height: 50px !important;
    line-height: 50px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    display: inline-block !important;
}
/* Diğer menü linkleri: Kategoriler text'i ile aynı hizaya getir */
.mm_menus_ul > li.mm_menus_li:not(.mm_menus_li_tab) > a.ets_mm_url {
    padding-top: 17px !important;
    padding-bottom: 12px !important;
}

/* Breadcrumb wrapper: centered, geniş alan */
.breadcrumb-wrapper {
    text-align: center !important;
    padding: 40px 0 20px 0 !important;
    background: linear-gradient(to bottom, #f5f5f5 0%, #ffffff 100%) !important;
    width: 100vw !important;
    position: relative !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    margin-top: 2px !important;
}

/* Sayfa başlığı (breadcrumb üstünde) */
.breadcrumb-wrapper .page-heading {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 28px !important;
    font-weight: 700 !important;
    color: #333 !important;
    text-align: center !important;
    margin: 0 0 5px 0 !important;
    padding: 0 !important;
}

/* Breadcrumb: centered, küçük */
.top-content {
    padding: 0 !important;
}
.breadcrumb {
    text-align: center !important;
    margin: 0 !important;
    font-size: 13px !important;
}
.breadcrumb ol {
    justify-content: center !important;
    padding: 0 !important;
}
/* Breadcrumb ayracı / olsun */
.breadcrumb ol li::before {
    content: "/" !important;
    padding-right: 0.4rem !important;
    padding-left: 0.4rem !important;
}
/* Breadcrumb aktif sayfa (son eleman) mavi */
.breadcrumb ol li:last-child span {
    color: #3990bf !important;
}

/* Eski başlıkları gizle (artık breadcrumb-wrapper'da gösteriliyor) */
.block-category {
    display: none !important;
}
#js-product-list-header,
#product-list-header {
    display: none !important;
}
h1.page-h1,
h2.page-h1,
.page-h1 {
    display: none !important;
}
#manufacturer .page-h1 {
    display: none !important;
}

/* Kategori açıklaması (varsa) */
#category-description {
    text-align: center !important;
    font-size: 13px !important;
    color: #666 !important;
    margin-top: 5px !important;
}

/* ===== ÜRÜN LİSTESİ / CONTENT ALT BOŞLUK AZALT ===== */
#content-wrapper-left,
#content-wrapper,
.content-wrapper {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}
#wrapper {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}
#main > .container,
section#main {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}
#products {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}
#js-product-list {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}
.pagination {
    margin-bottom: 10px !important;
}

/* "Daha Fazla" butonu — canlı site stili (outlined, yuvarlak) */
button.loadMore.btn.btn-primary,
.relative-container button.loadMore {
    background: transparent !important;
    color: #3990bf !important;
    border: 1px solid #3990bf !important;
    border-radius: 25px !important;
    padding: 10px 40px !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    letter-spacing: 0.5px !important;
    text-transform: none !important;
    transition: all 0.3s ease !important;
}
button.loadMore.btn.btn-primary:hover,
.relative-container button.loadMore:hover {
    background: #3990bf !important;
    color: #fff !important;
}

/* ===== FOOTER BOŞLUK AZALT ===== */
#main-content {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}
#footer {
    padding-top: 0 !important;
    margin-top: 0 !important;
}
/* Divider section (ilk section) — üst boşluğu sıfırla */
#footer .elementor-section-wrap > .elementor-section:first-child {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    margin-top: 0 !important;
}
/* pk-fixed-bottom bar boşluk */
#footer > .pk-fixed-bottom {
    margin: 0 !important;
    padding: 0 !important;
}

/* ===== BAYİLER SAYFASI ===== */
.page-stores .store-item {
    font-family: 'Montserrat', sans-serif !important;
}
.page-stores .card-title {
    text-transform: none !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    color: #333 !important;
}
.page-stores .card-title a {
    color: #333 !important;
    text-decoration: none !important;
    font-weight: 400 !important;
}
.page-stores .card-title a:hover {
    color: #3990bf !important;
}
.page-stores address {
    font-style: normal !important;
    color: #777 !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
}
.page-stores .store-item-footer li {
    font-size: 14px !important;
    padding: 3px 0 !important;
    color: #555 !important;
}
.page-stores .store-item-footer li i {
    color: #3990bf !important;
    margin-right: 8px !important;
    width: 18px !important;
    text-align: center !important;
}
.page-stores .store-item-footer a {
    color: #333 !important;
    text-decoration: none !important;
}
.page-stores .store-item-footer a:hover {
    color: #3990bf !important;
}
.page-stores .store-description a strong {
    color: #555 !important;
    font-size: 13px !important;
    font-weight: 500 !important;
}
.page-stores .store-description > a[data-toggle] {
    margin-top: 10px !important;
    display: inline-block !important;
}
.page-stores .store-description a i {
    font-size: 11px !important;
    margin-left: 4px !important;
}

/* ===== SEPETE EKLEME MODAL ===== */
/* Modal pencere — köşeler yuvarlak, padding sıfır (bant yapışsın) */
.pk-modal.blockcart-modal {
    border-radius: 10px !important;
    overflow: hidden !important;
    border: none !important;
    box-shadow: 0 5px 30px rgba(0,0,0,0.2) !important;
}
.modal.pk-modal.blockcart-modal .modal-dialog .modal-content {
    border-radius: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
    border: none !important;
    box-shadow: none !important;
}
/* Modal body — iç padding */
.modal.pk-modal.blockcart-modal .modal-body {
    padding: 1.5rem 2rem 2rem !important;
}
/* Üst bant — mavi, kenarlarla aynı hizalı */
.modal.pk-modal.blockcart-modal .modal-header {
    background-color: #3990bf !important;
    border-bottom: none !important;
    border-radius: 0 !important;
    padding: 15px 20px !important;
    margin: 0 !important;
}
.modal.pk-modal.blockcart-modal .modal-header .modal-title {
    color: #fff !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 400 !important;
    font-size: 16px !important;
}
.modal.pk-modal.blockcart-modal .modal-header .close-modal {
    filter: brightness(10) !important;
}
/* Checkmark ikonu */
.modal.pk-modal.blockcart-modal .modal-header .modal-title::before {
    font-family: 'Font Awesome 6 Free' !important;
    font-weight: 900 !important;
    content: '\f00c' !important;
    margin-right: 10px !important;
}
/* Miktar italic olmasın */
.modal.pk-modal.blockcart-modal .product-properties i {
    font-style: normal !important;
}
/* Ara Toplam, Teslimat, Toplam — line-height artır */
.modal.pk-modal.blockcart-modal .cart-content .media-list li {
    padding: 8px 0 !important;
    line-height: 1.8 !important;
    font-size: 14px !important;
}
.modal.pk-modal.blockcart-modal .cart-content .media-list li span {
    font-weight: 600 !important;
}
.modal.pk-modal.blockcart-modal .cart-content strong {
    font-family: 'Montserrat', sans-serif !important;
}
/* Butonlar — yan yana, canlıdaki gibi outlined */
.modal.pk-modal.blockcart-modal .cart-actions {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
    justify-content: center !important;
}
.modal.pk-modal.blockcart-modal .cart-actions .btn-secondary {
    background: transparent !important;
    color: #3990bf !important;
    border: 2px solid #3990bf !important;
    border-radius: 25px !important;
    padding: 10px 25px !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    text-transform: none !important;
    font-family: 'Montserrat', sans-serif !important;
    white-space: nowrap !important;
}
.modal.pk-modal.blockcart-modal .cart-actions .btn-secondary:hover {
    background: #3990bf !important;
    color: #fff !important;
}
.modal.pk-modal.blockcart-modal .cart-actions .btn-primary {
    background: transparent !important;
    color: #3990bf !important;
    border: 2px solid #3990bf !important;
    border-radius: 25px !important;
    padding: 10px 25px !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    text-transform: none !important;
    font-family: 'Montserrat', sans-serif !important;
    white-space: nowrap !important;
}
.modal.pk-modal.blockcart-modal .cart-actions .btn-primary::before {
    font-family: 'Font Awesome 6 Free' !important;
    font-weight: 900 !important;
    content: '\f00c' !important;
    margin-right: 8px !important;
}
.modal.pk-modal.blockcart-modal .cart-actions .btn-primary:hover {
    background: #3990bf !important;
    color: #fff !important;
}

/* ===== CART PAGE ===== */

/* Font — Montserrat throughout */
#cart #main,
#cart .cart-grid,
#cart .cart-summary,
#cart .product-line-grid {
    font-family: 'Montserrat', sans-serif !important;
}

/* Page heading — centered, bold, Montserrat */
#cart .page-header h1 {
    text-align: center !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 2em !important;
    font-weight: 700 !important;
    letter-spacing: 0.02em !important;
    color: #333 !important;
}

/* Manufacturer name (above product name) — teal like live */
#cart .product-line-grid-body .manufacturer {
    margin-bottom: 6px !important;
    color: #7A7A7A !important;
    
}
#cart .product-line-grid-body .manufacturer-name {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 12x !important;
    font-weight: 400 !important;

}

/* Product name */
#cart .product-line-grid-body > .product-line-info > a {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    color: #7A7A7A !important;
    line-height: 1.4 !important;
}

/* Price section — vertical stacked layout (like live) */
#cart .product-line-grid-body .product-price.h5 {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 4px !important;
    margin-top: 8px !important;
}

/* Product-discount container — vertical, reorder: badge first then old price */
#cart .product-line-grid-body .product-discount {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 4px !important;
    margin-right: 0 !important;
}

/* Discount badge — bordered rounded pill, show first */
#cart .product-line-grid-body .discount {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 12px !important;
    font-weight: 300 !important;
    color: #7A7A7A  !important;
    background: #ebebeb !important;
    border: 0px solid #ccc !important;
    border-radius: 5px !important;
    padding: 2px 10px !important;
    margin-left: 0 !important;
    margin-top: 4px !important;
    display: inline-block !important;
    line-height: 1.4 !important;
    order: -1 !important;
}

/* Regular (old) price — strikethrough, below badge */
#cart .product-line-grid-body .regular-price {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 12px !important;
    color: #999 !important;
    text-decoration: line-through !important;
    order: 0 !important;
    font-style: normal !important;
}

/* Current price (unit) — teal, bold */
#cart .product-line-grid-body .current-price .price {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #3990bf !important;
}

/* Line total price (right side) — teal */
#cart .product-line-grid-right .price {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 15px !important;
    color: #3990bf !important;
}
#cart .product-line-grid-right .product-price strong {
    font-weight: 400 !important;
    color: #3990bf !important;
}

/* Product attributes/features */
#cart .product-line-grid-body .prod-features {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 13px !important;
    color: #888 !important;
}

/* Quantity input */
#cart .product-line-grid-right .bootstrap-touchspin > .form-control,
#cart .product-line-grid-right .bootstrap-touchspin > .input-group {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 14px !important;
}

/* ============================================================
   CART SUMMARY (Sepet Özeti Sağa Hizalama & İndirim Satırı)
   ============================================================ */

/* Summary ve Toplam bölümlerini sağa yanaştır */
.cart-summary .cart-detailed-totals,
#cart .cart-detailed-totals,
.cart-summary .card-block:last-child {
    margin-left: auto !important;
    max-width: 400px !important;
}

/* Genel Font Ayarları */
.cart-summary .cart-summary-line .label,
.cart-summary .cart-summary-line .value {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 14px !important;
    color: #333 !important;
}

/* Toplam Satırı Fontu */
.cart-summary .cart-total .label,
.cart-summary .cart-total .value {
    font-weight: 600 !important;
    font-size: 14px !important;
}

/* --- Voucher / İndirim Satırı Özel Düzenlemesi --- */
.cart-summary .promo-name {
    padding-left: 0 !important;
    margin: 0 !important;
}

.cart-summary li.cart-summary-line,
.cart-summary .promo-name li {
    list-style: none !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    width: 100% !important;
    padding: 8px 0 !important;
    border-bottom: 1px dashed #eee; /* Satır ayracı */
}

/* İndirim Etiketi (Turuncu) */
.cart-summary li.cart-summary-line .label,
.cart-summary .promo-name li .label {
    color: #e67e22 !important;
    font-size: 13px !important;
    white-space: nowrap !important;
    margin-right: 8px !important;
    order: 1 !important;
}

/* Çöp Kutusu İkonu (Orta boşluğu sağlar) */
.cart-summary li.cart-summary-line a[data-link-action*="remove-voucher"],
.cart-summary .promo-name li a[data-link-action*="remove-voucher"] {
    order: 2 !important;
    display: inline-flex !important;
    align-items: center !important;
    text-decoration: none !important;
    margin-right: auto !important; /* Kendinden sonrakini (fiyatı) sağa iter */
}

/* İkon Görseli (Linearicons) */
.cart-summary li.cart-summary-line a[data-link-action*="remove-voucher"]::before,
.cart-summary .promo-name li a[data-link-action*="remove-voucher"]::before {
    content: '\e811' !important;
    font-family: 'Linearicons-Free' !important;
    color: #e67e22 !important;
    font-size: 14px !important;
}

/* Eski ikonları gizle */
.cart-summary [data-link-action*="remove-voucher"] .svgic,
.cart-summary [data-link-action*="remove-voucher"] .icon-delete {
    display: none !important;
}

/* Tutar Kısmı (Sağa Dayalı Siyah) */
.cart-summary li.cart-summary-line .float-xs-right,
.cart-summary .promo-name li .float-xs-right,
.cart-summary .promo-name li div:last-child {
    order: 3 !important;
    color: #e67e22 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    text-align: right !important;
    flex: 1 !important;
    margin-left: 10px !important;
}

/* --- Kupon Giriş Alanı --- */
/* block-promo arka plan ve border kaldır */
.cart-summary .block-promo {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}
.cart-summary .block-promo > .cart-voucher > p {
    text-align: center !important;
    padding: 10px 0 !important;
    border: none !important;
    margin-bottom: 0 !important;
}
.cart-summary a.promo-code-button,
.cart-summary a.collapse-button.promo-code-button,
.cart-voucher a.promo-code-button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 12px !important;
    color: #999 !important;
    text-decoration: none !important;
    background: none !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 5px 0 !important;
    display: inline !important;
}
/* ============================================================
   KUPON ALANI - KIRMIZI NOKTA VE BOŞLUK İMHASI (NİHAİ ÇÖZÜM)
   ============================================================ */

/* 1. Kupon Bölgesi - Ortalamayı Koru */
.cart-voucher #promo-code.collapse.in, 
.cart-voucher #promo-code.collapse.show {
    display: flex !important; 
    flex-direction: column !important;
    align-items: center !important;
}


/* cart-summary altına çizgi */
.cart-summary {
    border-bottom: 1px solid #eee !important;
    padding-bottom: 15px !important;
    margin-bottom: 15px !important;
}
/* Advansedcoupons — kupon ve puan bilgileri */
#referralbyphone {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    color: #777 !important;
    font-size: 13px !important;
    font-family: 'Montserrat', sans-serif !important;
    padding: 10px 0 !important;
}
#referralbyphone .material-icons {
    font-size: 18px !important;
    color: #777 !important;
}
#loyalty .card {
    border: none !important;
    box-shadow: none !important;
    background: none !important;
}
#loyalty .card-block,
#loyalty .loyalty_wrapp,
#loyalty .ws_points {
    display: block !important;
    color: #777 !important;
    font-size: 13px !important;
    font-family: 'Montserrat', sans-serif !important;
    padding: 0 !important;
    text-align: left !important;
    justify-content: flex-start !important;
    margin: 0 !important;
}
#loyalty .card-block .material-icons {
    font-size: 18px !important;
    color: #777 !important;
}

/* 2. Dış Kapsayıcı (Kapsül) */
.cart-summary .promo-input-button {
    display: flex !important;
    align-items: center !important;
    border: 1px solid #ddd !important;
    border-radius: 25px !important;
    overflow: hidden !important; 
    background: #fff !important;
    height: 40px !important;
    width: 320px !important; 
    margin: 0 auto !important;
}

/* 3. Giriş ve Buton */
.cart-summary .promo-input {
    flex: 1 !important;
    border: none !important;
    padding: 0 15px !important;
    height: 100% !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 13px !important;
    outline: none !important;
}

.cart-summary .promo-input-button .btn,
.cart-summary .promo-input-button .btn.btn-primary {
    background: #3990bf !important;
    color: #fff !important;
    border: none !important;
    border-radius: 0 25px 25px 0 !important;
    padding: 0 20px !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    height: 38px !important;
    line-height: 38px !important;
    width: auto !important;
    min-width: 70px !important;
    margin: 0 !important;
    box-shadow: none !important;
    flex-shrink: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
}
/* Input ve kapsül — hata sonrası border temizle */
.cart-summary .promo-input-button {
    outline: none !important;
}
.cart-summary .promo-input:focus,
.cart-summary .promo-input-button:focus-within {
    border-color: #ddd !important;
    outline: none !important;
    box-shadow: none !important;
}

/* Sepet sayfası kupon formu (Alysum form.flex-container) */
.cart-summary form[data-link-action="add-voucher"].flex-container {
    display: flex !important;
    align-items: center !important;
    border: 1px solid #ddd !important;
    border-radius: 25px !important;
    overflow: hidden !important;
    background: #fff !important;
    height: 40px !important;
    max-width: 320px !important;
    margin: 0 auto !important;
}
.cart-summary form[data-link-action="add-voucher"] .promo-input {
    flex: 1 !important;
    border: none !important;
    padding: 0 15px !important;
    height: 100% !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 13px !important;
    outline: none !important;
}
.cart-summary form[data-link-action="add-voucher"] button.btn.btn-primary,
.cart-summary form.flex-container button.btn.btn-primary {
    background: #3990bf !important;
    background-color: #3990bf !important;
    color: #fff !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 20px !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    height: 100% !important;
    line-height: 1 !important;
    padding-bottom: 2px !important;
    margin: 0 !important;
    box-shadow: none !important;
    flex-shrink: 0 !important;
    display: flex !important;
    align-items: center !important;
}

/* 4. HATA MESAJI — başlangıçta gizli, JS slideDown() ile açılır */
.cart-voucher .alert-danger.js-error {
    display: none; /* !important YOK — JS override edebilsin */
    margin: 10px auto 0 !important;
    padding: 8px 15px !important;
    border: none !important;
    border-radius: 4px !important;
    background: #fff3f3 !important;
    color: #c0392b !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 12px !important;
    text-align: center !important;
    max-width: 320px !important;
}
/* Material icon'u gizle */
.cart-voucher .alert-danger i.material-icons {
    display: none !important;
}

/* SEPET SAYFASI BUTONLARI - GÖRSEL EŞİTLEME */
#cart .checkout .btn,
#cart .checkout .btn-big,
#cart .cart-detailed-actions .btn,
#cart .cart-detailed-actions .continue-shopping-btn {
    /* Boyut ve Hizalama */
    /* 1. min-width değerini kaldırıyoruz veya çok küçültüyoruz */
    min-width: 0 !important; 
    width: auto !important; /* İçeriğe göre genişlesin */
    
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 10px 20px !important;
    border-radius: 25px !important;
    margin: 5px 0 !important;

    /* FONT ÖZELLİKLERİ (Kritik Kısım) */
    font-family: 'Montserrat', sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;      /* Kalınlık (Boldness) */
    letter-spacing: 0.5px !important; /* Harf Arası Boşluk */
    text-transform: none !important;  /* Büyük/Küçük Harf (Opsiyonel: uppercase yapabilirsin) */
    line-height: 1 !important;        /* Dikey ortalama için */
    text-decoration: none !important;
    
    /* Animasyon */
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}

/* 1. Ödemeye Geç (Dolu Stil) */
#cart .checkout .btn,
#cart .cart-detailed-actions .btn:not(.continue-shopping-btn) {
    background: #3990bf !important;
    color: #fff !important;
    border: 1px solid #3990bf !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}

/* 2. Alışverişe Devam Et (Çerçeveli Stil) */
#cart .cart-detailed-actions .continue-shopping-btn {
    background: #ffffff !important;
    color: #3990bf !important;
    border: 1px solid #3990bf !important;
}

/* HOVER - Premium Efekt */
#cart .checkout .btn:hover,
#cart .cart-detailed-actions .btn:hover,
#cart .cart-detailed-actions .continue-shopping-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 5px 15px rgba(57, 144, 191, 0.25) !important;
    color: #fff !important; /* Hover'da ikisi de beyaz olsun */
    background: #2d7ba3 !important;
    border-color: #2d7ba3 !important;
}

/* Butonun içindeki tüm hayalet animasyon katmanlarını kapat */
#cart .checkout .btn::before, 
#cart .checkout .btn::after,
#cart .checkout .btn-big::before,
#cart .checkout .btn-big::after,
#cart .cart-detailed-actions .btn::before,
#cart .cart-detailed-actions .btn::after,
#cart .cart-detailed-actions .continue-shopping-btn::before,
#cart .cart-detailed-actions .continue-shopping-btn::after {
    display: none !important;
    content: none !important;
    transition: none !important;
    transform: none !important;
    opacity: 0 !important;
    width: 0 !important;
}

/* Butonun kendisini en sade fade moduna zorla */
#cart .checkout .btn,
#cart .checkout .btn-big,
#cart .cart-detailed-actions .btn,
#cart .cart-detailed-actions .continue-shopping-btn {
    position: relative !important;
    overflow: hidden !important;
    background-image: none !important; /* Gradyan varsa öldürür */
    background-size: 100% !important;   /* Kayma efektini bitirir */
    background-position: center !important;
    
    /* Sadece düz renk geçişi */
    transition: background-color 0.25s ease-in-out, 
                color 0.25s ease-in-out, 
                border-color 0.25s ease-in-out, 
                transform 0.25s ease-out !important;
}

/* Hover'da sadece renk değişsin, hareket olmasın */
#cart .checkout .btn:hover,
#cart .cart-detailed-actions .btn:hover,
#cart .cart-detailed-actions .continue-shopping-btn:hover {
    background-image: none !important;
    background-position: center !important;
    /* Burada verdiğin renkler neyse direkt o pat diye (veya fade ile) gelsin */
}

/*--------------------------------------------------------*/


/* Disabled checkout button */
#cart .checkout .btn.disabled,
#cart .checkout .btn[disabled] {
    background: #ccc !important;
    border-color: #ccc !important;
    color: #fff !important;
    cursor: not-allowed !important;
}





/* "Alışverişe Devam Et" button — outlined, checkout ile aynı boyda */
#cart .cart-detailed-actions .continue-shopping-btn {
    background: #fff !important;
    color: #3990bf !important;
    border: 1px solid #3990bf !important;
    border-radius: 25px !important;
    padding: 10px 28px !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    text-align: center !important;
}
#cart .cart-detailed-actions .continue-shopping-btn:hover {
    background: #3990bf !important;
    color: #fff !important;
}

/* ===== SEPET BOŞ SAYFASI ===== */
/* TheCheckout: #empty-cart-notice JS ile toggle ediliyor, display override yapma! */
.cart-empty #cart .cart-grid {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 40vh !important;
    text-align: center !important;
}
.cart-empty #cart .cart-grid-right {
    display: none !important;
}
.cart-empty #cart .cart-overview .no-items {
    font-size: 18px !important;
    color: #999 !important;
    font-family: 'Montserrat', sans-serif !important;
    display: block !important;
    margin-bottom: 25px !important;
}
.cart-empty #cart .cart-overview .no-items::before {
    content: '\e8cc' !important;
    font-family: 'Material Icons' !important;
    display: block !important;
    font-size: 80px !important;
    color: #ddd !important;
    margin-bottom: 15px !important;
}
.cart-empty #cart .cart-detailed-actions {
    text-align: center !important;
}
.cart-empty #cart .cart-detailed-actions .continue-shopping-btn {
    display: inline-block !important;
    margin: 0 auto !important;
}

/* Delete button — blue trash icon (replace SVG cross with FA6 trash) */
#cart .remove-from-cart {
    color: #3990bf !important;
    font-size: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}
#cart .remove-from-cart svg {
    display: none !important;
}
#cart .remove-from-cart::before {
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    content: '\f1f8';
    font-size: 18px;
    color: #3990bf;
}

/* Kupon "EKLE" button */

#cart .block-promo {
    padding: 15px;
}

#cart .block-promo .btn,
#cart .cart-voucher .btn {
    background: transparent !important;
    color: #3990bf !important;
    border: 1px solid #3990bf !important;
    border-radius: 0 25px 25px 0 !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    text-transform: none !important;
    letter-spacing: normal !important;
  
}
#cart .block-promo .btn:hover,
#cart .cart-voucher .btn:hover {
    background: #3990bf !important;
    color: #fff !important;
}

/* Kupon input */
#cart .promo-input {
    border-radius: 25px 0 0 25px !important;
    border: 1px solid #ddd !important;
    padding: 8px 15px !important;
    color: #7A7A7A !important;
}

/* Cart summary card */
#cart .cart-summary {
    border: 1px solid #eee;
    border-radius: 10px;
    padding: 5px;
}

/* Cart layout — ensure 2-column on desktop */
#cart .cart-grid {
    display: flex !important;
    flex-wrap: nowrap !important;
}
#cart .cart-grid-body {
    flex: 1 !important;
    min-width: 0 !important;
}
#cart .cart-grid-right {
    min-width: 350px !important;
    max-width: 400px !important;
    margin-left: 30px !important;
}

/* ============================================================
   CART DROPDOWN — hover ile açılma (pkcart widget)
   ============================================================ */
.pk-cart.dd_el {
    position: relative;
}
.pk-cart .shopping_cart.dd_container {
    width: 380px !important;
    min-width: 380px !important;
    right: 0 !important;
    top: 100% !important;
    box-shadow: 0 5px 25px rgba(0,0,0,0.12) !important;
    border-radius: 4px;
    border: 1px solid #eee;
    z-index: 999 !important;
    color: #444 !important;
}
.pk-cart .shopping_cart .indent {
    padding: 20px;
}
/* --- Mini product items --- */
.pk-cart .shopping_cart .mini-product {
    margin-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #f0f0f0;
}
.pk-cart .shopping_cart .mini-product:first-child {
    margin-top: 0;
}
.pk-cart .shopping_cart .mini-product:last-child {
    border-bottom: none;
}
.pk-cart .shopping_cart .thumbnail-container {
    display: flex !important;
    width: 100% !important;
    position: relative;
}
.pk-cart .shopping_cart .thumbnail {
    min-width: 77px !important;
    width: 77px !important;
    max-width: 77px !important;
    flex-shrink: 0 !important;
    position: relative;
}
.pk-cart .shopping_cart .thumbnail img,
.pk-cart .shopping_cart .thumbnail picture {
    width: 100% !important;
    height: auto !important;
    max-width: 77px !important;
}
/* Quantity badge — mavi daire sol üst */
.pk-cart .shopping_cart .cart-qty-badge {
    position: absolute;
    top: -5px;
    left: -5px;
    background: #3990bf;
    color: #fff;
    font-size: 11px;
    font-weight: 600;
    width: 22px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    border-radius: 50%;
    z-index: 2;
}
/* Discount badge — resmin sol alt */
.pk-cart .shopping_cart .cart-discount-badge {
    position: absolute;
    bottom: -5px;
    left: -5px;
    background: #f0f0f0;
    color: #555;
    font-size: 10px;
    font-weight: 600;
    padding: 2px 5px;
    border-radius: 3px;
    z-index: 2;
    line-height: 1.2;
}
/* Product description */
.pk-cart .shopping_cart .product-description {
    flex: 1 1 0% !important;
    width: 0 !important;
    min-width: 0 !important;
    text-align: left !important;
    padding-right: 25px !important;
}
/* Brand name */
.pk-cart .shopping_cart .product-brand {
    display: block !important;
    font-size: 11px !important;
    color: #999 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    margin-bottom: 2px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    text-align: left !important;
}
/* Product title */
.pk-cart .shopping_cart .product-title {
    font-size: 13px !important;
    line-height: 1.4 !important;
    margin-right: 0 !important;
    margin-bottom: 5px !important;
    color: #333 !important;
}
.pk-cart .shopping_cart .product-title a {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: unset !important;
    display: block !important;
    color: #333 !important;
}
/* Price & discount — CART DROPDOWN (desktop header only) */
/* Sidebar (.pk-aside) içindeki cart'a uygulanmaz */
.pk-cart .shopping_cart .price span {
    color: #999 !important;
    font-size: 12px !important;
    font-weight: 400 !important;
}
/* discount-percentage artık thumbnail üzerinde cart-discount-badge olarak gösteriliyor */
/* Product attributes (variant info) */
.pk-cart .shopping_cart .product-attributes-small {
    font-size: 12px;
    color: #999;
    margin-top: 3px;
}
/* Remove button — koyu gri X */
.pk-cart .shopping_cart .remove-product {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    color: #555 !important;
    opacity: 0.6;
    transition: opacity 0.2s;
}
.pk-cart .shopping_cart .remove-product:hover {
    opacity: 1;
}
.pk-cart .shopping_cart .remove-product .svgic {
    width: 14px !important;
    height: 14px !important;
    color: #555 !important;
}
/* --- Totals --- */
.pk-cart .shopping_cart .cart-total {
    color: #444 !important;
    font-size: 13px !important;
}
.pk-cart .shopping_cart .cart-total-value {
    font-weight: 600;
    font-size: 15px;
    padding-top: 10px;
    border-top: 1px solid #eee;
    margin-top: 5px;
    color: #333 !important;
}
/* --- Buttons --- */
.pk-cart .shopping_cart .cart-button {
    padding-top: 15px;
}
.pk-cart .shopping_cart .cart-button .btn {
    width: 100% !important;
    display: block !important;
    text-align: center;
    padding: 10px 15px !important;
    font-size: 13px;
    border-radius: 4px;
    white-space: normal !important;
    overflow: visible !important;
}
.pk-cart .shopping_cart .cart-button .btn:first-child {
    margin-bottom: 8px;
}

/* ============================================================
   LOGIN / AUTHENTICATION PAGE
   ============================================================ */
.authentication-page .login-form,
#authentication .login-form {
    max-width: 700px;
    margin: 0 auto;
    border: 1px solid #eee;
    border-radius: 8px;
    padding: 30px 40px;
}
/* Title: normal case, not uppercase */
#authentication .page-header h1 {
    text-align: center;
    font-weight: 700;
    margin-bottom: 30px;
    text-transform: none !important;
    letter-spacing: 0 !important;
}
/* Force horizontal label/input layout at narrower widths */
#authentication .form-group {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    margin-bottom: 15px !important;
}
#authentication .form-group .col-md-4 {
    flex: 0 0 25% !important;
    max-width: 25% !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
#authentication .form-group .col-md-8 {
    flex: 0 0 75% !important;
    max-width: 75% !important;
}
/* Label styling */
#authentication .form-group label {
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #555 !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
}
/* Light lavender input background */
#authentication .form-control {
    background-color: #f0f4ff !important;
    border: 1px solid #dde3ef !important;
    padding: 10px 15px !important;
    height: auto !important;
    font-size: 14px !important;
}
/* Show password GÖSTER button — inline right of input */
#authentication .input-group-dis {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
}
#authentication .input-group-dis .form-control {
    flex: 1 1 auto !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}
#authentication .input-group-btn {
    display: flex !important;
    flex: 0 0 auto !important;
}
#authentication .input-group-btn button {
    display: flex !important;
    align-items: center !important;
    background: #3990bf !important;
    border: 1px solid #3990bf !important;
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    padding: 8px 15px !important;
    cursor: pointer !important;
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    white-space: nowrap !important;
    letter-spacing: 0.5px !important;
}
/* No-account link */
#authentication .no-account {
    text-align: center;
    margin-top: 20px;
    font-size: 14px;
    color: #666;
}
#authentication .no-account a {
    color: #555;
    transition: color 0.2s ease;
}
#authentication .no-account a:hover {
    color: #3990bf;
}
/* Forgot password + button centered stacked */
#authentication .forgot-password {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center;
    margin-top: 20px;
    padding-top: 10px;
}
#authentication .forgot-password-link {
    margin-bottom: 15px;
    order: 1 !important;
}
#authentication .forgot-password-link a {
    color: #999;
    font-size: 13px;
    transition: color 0.2s ease;
}
#authentication .forgot-password-link a:hover {
    color: #3990bf;
}
#authentication .forgot-password .form-control-submit {
    order: 2 !important;
}
#authentication .form-control-submit {
    background: transparent !important;
    color: #3990bf !important;
    border: 1px solid #3990bf !important;
    border-radius: 20px !important;
    padding: 8px 30px !important;
    font-size: 14px !important;
    transition: all 0.2s ease;
    display: inline-block !important;
    width: auto !important;
}
#authentication .form-control-submit:hover {
    background: #3990bf !important;
    color: #fff !important;
}

/* ============================================================
   PRODUCT PAGE
   ============================================================ */

/* Product title: normal case, no letter-spacing */
#product h1.h1,
#product h1.product-title,
#product .product-title {
    text-transform: none !important;
    letter-spacing: 0 !important;
    font-size: 25px !important;
    font-weight: 400 !important;
    color: #555 !important; 
    
}

/* Brand/manufacturer: normal case */
#product .product-manufacturer a,
#product .product-manufacturer span,
#product .product-brand {
    text-transform: none !important;
    letter-spacing: 0 !important;
    font-size: 15px !important;
    color: #888 !important;
}

/* Reference/product code: hide (not shown on live site) */
#product .product-reference,
#product .reference-top,
#product .product-reference-top {
    display: none !important;
}

/* Right column info card — wrap entire right section */
#product .col-md-6.product-info-section {
    border: 1px solid #eee !important;
    border-radius: 6px !important;
    padding: 20px 20px !important;
    background: #fff !important;
    max-width: 55% !important;
    flex: 0 0 55% !important;
    text-align: left !important;
}
/* Center action areas in right column */
#product .product-info-section .product-information,
#product .product-info-section .product-actions,
#product .product-info-section .product-add-to-cart,
#product .product-info-section #product-availability,
#product .product-info-section .productButtons,
#product .product-info-section .product-additional-info,
#product .product-info-section .js-mailalert,
#product .product-info-section .short-desc {
    text-align: center !important;
}
/* Stokta Yok — same shape as Sepete Ekle, just gray */
#product .add-to-cart.out-of-stock-btn {
    background: #ccc !important;
    color: #666 !important;
    border: 1px solid #ccc !important;
    border-radius: 25px !important;
    padding: 14px 50px !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    width: auto !important;
    display: block !important;
    margin: 10px auto !important;
    text-align: center !important;
    cursor: not-allowed !important;
}
/* Stokta Var — green check */
#product #product-availability .svgic use[href*="done"] {
    fill: #4caf50 !important;
}
/* Hide duplicate reassurance in product-additional-info (keep only displayReassurance hook) */
#product .product-additional-info .blockreassurance_product {
    display: none !important;
}
/* Reassurance block styling — match live site */
#product #block-reassurance {
    border: 1px solid #dadce0 !important;
    border-radius: 5px !important;
    padding: 12px 15px !important;
    margin: 15px 0 !important;
    background: #f5f5f5 !important;
}
#product #block-reassurance ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
#product #block-reassurance li {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-size: 14px !important;
    color: #555 !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
#product #block-reassurance li img {
    flex-shrink: 0 !important;
    width: 30px !important;
    height: 30px !important;
}
/* Seçili kombinasyon (renk) — aktif border */
#product .product-variants .input-color:checked + span.color {
    border: 2px solid #3990bf !important;
    box-shadow: 0 0 0 2px #3990bf !important;
}
/* Seçili varyant adı — label yanında */
#product .product-variants .selected-value {
    font-weight: 400 !important;
    color: #555 !important;
    margin-left: 5px !important;
}
/* Product description short — sağ kolon kısa açıklama */
#product .short-desc,
#product .short-desc p {
    font-size: 13px !important;
    line-height: 1.6 !important;
    letter-spacing: 0.5px;
    color: #777 !important;
}
/* Reassurance text — tek satır */
#product #block-reassurance li span {
    white-space: nowrap !important;
    font-size: 13px !important;
}
/* Override theme.css margin-right: 20% on wide screens */
#product .product-information {
    margin-right: 0 !important;
}
#product .product-info-section .productButtons {
    display: flex !important;
    justify-content: center !important;
}
#product .product-info-section #product-availability {
    display: flex !important;
    justify-content: center !important;
}
#product .product-info-section .product-additional-info {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
}



/* Multiprice (EUR/USD) — hide in original price block, show only JS-moved copy at bottom */
#product .product-prices .multiprice_container {
    display: none !important;
}
#product .product-info-section > .multiprice_container {
    display: block !important;
    text-align: center !important;
    padding-top: 8px !important;
    margin-top: 0 !important;
    border-top: 1px solid #eee !important;
    font-size: 14px !important;
    color: #666 !important;
    line-height: 2 !important;
}
/* "SEPETE EKLE" normal case */
#product .add-to-cart {
    text-transform: none !important;
    letter-spacing: 0 !important;
}

/* Price styling — blue like live site */
#product .current-price .normal-price,
#product .current-price span,
#product .product-price .current-price {
    font-size: 30px !important;
    font-weight: 600 !important;
    color: #3990bf !important;
}
/* "KDV dahil" text — gray, not blue */
#product .tax-shipping-delivery-label,
#product .product-prices .tax-label,
#product .product-prices small,
#product .product-price .tax-shipping-delivery-label,
.product-info-section .tax-shipping-delivery-label {
    color: #999 !important;
    font-size: 13px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-family: inherit !important;
    line-height: 22px !important;
}

/* Hide duplicate delivery info text (we use shipping-info-box instead) */
#product .delivery-information {
    display: none !important;
}
/* Shipping info box styling */
#product .shipping-info-box {
    background: #f5f5f5 !important;
    padding: 8px 12px !important;
    border: 1px solid #dadce0 !important;
    border-radius: 5px !important;
    text-align: center !important;
    width: 100% !important;
    order: 15 !important;
    flex-basis: 100% !important;
    font-size: 12px !important;
    white-space: nowrap !important;
    font-weight: 400 !important;
    color: #666 !important;
}
#product .shipping-info-box img {
    vertical-align: middle !important;
    margin-right: 5px !important;
    width: 25px !important;
}
#product .shipping-info-box span {
    vertical-align: middle !important;
}
/* Review stars — fix Material Icons not loaded, use Unicode stars */
.rating-star-display label.product-block::before {
    font-family: inherit !important;
    content: '\2606' !important;
    color: #ddd !important;
    font-size: 20px !important;
}
.rating-star-display label.product-block.checked::before {
    content: '\2605' !important;
    color: #f5a623 !important;
}
.rating-star-display label.product-block.checked.star_custom_color::before {
    content: '\2605' !important;
    color: #f5a623 !important;
}
.rating-star-display {
    display: inline-flex !important;
    align-items: center !important;
    gap: 2px !important;
    margin: 0 !important;
    padding: 0 !important;
}
/* Review stars styling */
#product #spr {
    margin: 12px 0 !important;
    color: #555 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
}
#product #spr .row {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
}
#product #spr .row > div {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
#product #spr .rating-star-display {
    width: auto !important;
    max-width: none !important;
    flex: none !important;
    padding: 0 !important;
}
.rating-star-display input[type="radio"] {
    display: none !important;
}
/* "Sepete Ekle" button: filled blue, centered, pill shape */
#product .add-to-cart:not(.out-of-stock-btn) {
    background: #3990bf !important;
    color: #fff !important;
    border: 1px solid #3990bf !important;
    border-radius: 25px !important;
    padding: 14px 50px !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    width: auto !important;
    display: block !important;
    margin: 10px auto !important;
    text-align: center !important;
    transition: all 0.2s ease;
}
#product .add-to-cart:not(.out-of-stock-btn):hover {
    background: #2d7a9e !important;
    border-color: #2d7a9e !important;
}
/* Product page thumbnails — smaller, spaced, clickable */
#product .thumb-container {
    padding: 3px !important;
    cursor: pointer !important;
}
#product .thumb-container .thumb {
    max-width: 80px !important;
    max-height: 80px !important;
}
/* Main product image — smaller, add some margin */
#product .product-cover img {
    max-width: 90% !important;
    margin: 0 auto !important;
    display: block !important;
}
#product #content {
    padding-right: 20px !important;
    position: relative !important;
    overflow: visible !important;
}
/* Keep product flags inside image area */
#product .product-flags.js-product-flags {
    right: 4% !important;
    top: 1% !important;
}
/* Fix: main-image-container overlapping thumbnails */
#product .images-container {
    position: relative !important;
}
#product .main-image-container {
    position: relative !important;
    z-index: 1 !important;
}
/* Make product cover click overlay cover entire image */
#product .product-cover {
    position: relative !important;
}
#product .product-cover .layer {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    cursor: pointer !important;
}
/* Hide magnifier icon but keep layer clickable */
#product .product-cover .layer .svgic {
    opacity: 0 !important;
    transition: opacity 0.15s ease !important;
}
#product .product-cover:hover .layer .svgic {
    opacity: 1 !important;
}
#product .pk-ce-widget-wrapper,
#product .js-qv-product-images {
    position: relative !important;
    z-index: 2 !important;
}
/* Short description separator lines */
#product .short-desc {
    border-top: 1px solid #eee !important;
    border-bottom: 1px solid #eee !important;
    padding: 15px 0 !important;
    margin: 15px 0 !important;
}
/* Quantity up/down buttons white background */
#product .input-group-btn-vertical .btn,
#product .btn-touchspin {
    background: #fff !important;
    color: #333 !important;
}
/* Quantity above button, both centered */
#product .product-add-to-cart {
    text-align: center !important;
}
#product .product-quantity.flex-container {
    flex-wrap: wrap !important;
    justify-content: center !important;
}
#product .product-quantity .qty {
    width: auto !important;
    margin: 0 auto 10px auto !important;
}
#product .product-quantity .add {
    width: 100% !important;
    justify-content: center !important;
}
/* Hide only discount badge (red block), keep strikethrough old price */
#product .discount-percentage,
#product .discount-amount,
#product .product-prices .discount-percentage,
#product .product-prices .discount-amount {
    display: none !important;
}
/* Old price + current price on same line */
#product .product-prices.price.flex-container {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: baseline !important;
    gap: 0 10px !important;
}
/* KDV dahil on its own line */
#product .product-prices .tax-shipping-delivery-label {
    flex-basis: 100% !important;
    order: 10 !important;
}
#product .product-discount {
    display: flex !important;
    align-items: baseline !important;
    order: 0 !important;
}
#product .product-discount .regular-price {
    text-decoration: line-through !important;
    color: #999 !important;
    font-size: 22px !important;
    font-weight: 400 !important;
    font-style: normal !important;
}
#product .product-price.has-discount {
    order: 1 !important;
}
/* Stock notify — match live site style */
#product .js-mailalert {
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
}
#product .js-mailalert .form-control {
    width: 100% !important;
    max-width: 100% !important;
    margin-bottom: 15px !important;
    border: 1px solid #ddd !important;
    border-radius: 5px !important;
    padding: 12px 20px !important;
    text-align: center !important;
    box-sizing: border-box !important;
    font-size: 14px !important;
}
#product .js-mailalert .btn {
    background: transparent !important;
    color: #3990bf !important;
    border: 1px solid #3990bf !important;
    border-radius: 25px !important;
    padding: 10px 30px !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    width: auto !important;
    font-size: 14px !important;
    margin-top: 5px !important;
}
#product .js-mailalert .btn:hover {
    background: #3990bf !important;
    color: #fff !important;
}

/* Hide "Size Guide" button/section */
#product .hookDisplayGuide,
#product #pksizeguide-show,
#product .size-guide,
#product [class*="size-guide"],
#product a[href*="size-guide"] {
    display: none !important;
}

/* Tab titles: normal case, no letter-spacing */
/* Tab titles — larger, gray, underline on hover/active */
#product .nav-tabs .nav-link,
#product .product-tabs .nav-link,
.product-tabs .nav-tabs .nav-link,
#main .tabs-container .nav-link .h5 {
    text-transform: none !important;
    letter-spacing: 0 !important;
    font-size: 22px !important;
    color: #888 !important;
    font-weight: 400 !important;
    padding-bottom: 10px !important;
    border-bottom: none !important;
    margin-bottom: -1px !important;
}
#product .nav-tabs .nav-link:hover {
    color: #3990bf !important;
    border-bottom: 2px solid #3990bf !important;
}
#product .nav-tabs .nav-link.active,
#product .product-tabs .nav-link.active,
.product-tabs .nav-tabs .nav-link.active,
#main .tabs-container .nav-link.active .h5 {
    color: #3990bf !important;
}
#product .nav-tabs .nav-link.active {
    border-bottom: 2px solid #3990bf !important;
}
/* Tab bar bottom border + reduce top spacing */
#product .tabs-container .nav-tabs {
    border-bottom: 1px solid #ddd !important;
}
#product .tabs-container {
    margin-top: 40px !important;
    padding-top: 0 !important;
}
/* Quick Compare and Facebook Comments tabs hidden via JS */

/* FAQ (S.S.S.) tab styling — match live site */
#product .block_faq_product_page .questions {
    padding: 15px 0 !important;
    border-bottom: 1px solid #ccc !important;
    margin: 0 !important;
}
#product .block_faq_product_page .questions span {
    color: #999 important;
    font-size: 15px !important;
    font-weight: 400 !important;
}
#product .block_faq_product_page .answer_faq {
    border: 1px solid #eee !important;
    box-shadow: none !important;
    border-radius: 5px !important;
    padding: 20px !important;
    margin: 10px 0 !important;
    font-size: 14px !important;
    color: #555 !important;
    line-height: 1.7 !important;
}
/* "Soru Sor" button — outlined like live site */
#product .button-ask-question,
#product .button-ask-question.btn-primary,
button.button-ask-question {
    background: transparent !important;
    color: #3990bf !important;
    border: 1px solid #3990bf !important;
    border-radius: 25px !important;
    padding: 8px 25px !important;
    font-size: 15px !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    margin: 15px auto 0 auto !important;
    min-width: auto !important;
    width: auto !important;
    display: block !important;
    height: auto !important;
    line-height: 1.2 !important;
}
#product .button-ask-question span,
button.button-ask-question span {
    padding: 0 !important;
    margin: 0 !important;
    line-height: 1.2 !important;
}
#product .button-ask-question:hover,
button.button-ask-question:hover {
    background: #3990bf !important;
    color: #fff !important;
}

/* Compare & favorites text: will be fixed via translations */
#product .compare-button,
#product .favorites-button {
    text-transform: none !important;
    letter-spacing: 0 !important;
    color: #555 !important;
}
/* Share buttons — centered, no circles, match live site */
#product .social-sharing {
    justify-content: center !important;
    width: 100% !important;
    margin-top: 20px !important;
    padding-top: 0 !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    flex-direction: column !important;
    align-items: center !important;
}
#product .social-sharing::before {
    content: 'Paylaş' !important;
    display: block !important;
    text-align: center !important;
    color: #999 !important;
    font-size: 14px !important;
    margin-bottom: 10px !important;
}
#product .social-sharing ul {
    justify-content: center !important;
    display: flex !important;
    gap: 2px !important;
    padding: 0 !important;
    margin: 0 !important;
}
#product .social-sharing li {
    border: none !important;
    background: transparent !important;
    list-style: none !important;
}
#product .product-info-section .social-sharing .sharer-button.flex-container {
    border: none !important;
    background: transparent !important;
    color: #999 !important;
    width: 24px !important;
    height: 24px !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}
#product .product-info-section .social-sharing .sharer-button svg.svgic {
    fill: #999 !important;
    color: #999 !important;
    width: 16px !important;
    height: 16px !important;
}
#product .social-sharing svg.svgic path,
#product .social-sharing svg.svgic use {
    fill: inherit !important;
}
/* Product page compare icon — Linearicons sync ↻ */
#product .compare-button .svgic {
    display: none !important;
}
#product .compare-button::before {
    content: '\e862' !important;
    font-family: 'Linearicons-Free' !important;
    font-size: 18px !important;
    color: inherit !important;
    margin-right: 5px !important;
}

/* Same category section — smaller product title */
#product .product-footer .product-title a,
#product .product-footer .product-miniature .product-title {
    font-size: 13px !important;
}
#product .product-footer .module-title {
    text-transform: none !important;
    letter-spacing: 0 !important;
}
#product .product-footer {
    margin-top: 10px !important;
    padding-top: 0 !important;
}
/* Reduce spacing above same category carousel */
#product .pk-carousel-categories {
    margin-top: 0 !important;
    padding-top: 10px !important;
}
/* Hide "İncelediğiniz Ürünler" section */
#product .pk-carousel-viewed {
    display: none !important;
}
/* İlgili Yazılar blog section styling */
#product .product-footer .hiblog-related,
#product .product-footer [class*="blog"] {
    text-transform: none !important;
    letter-spacing: 0 !important;
}
#product .product-footer [class*="blog"]:not(.hi-blog-related-posts) h2 {
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    font-family: 'Montserrat', sans-serif !important;
    color: #333 !important;
    text-align: center !important;
}
/* ============================================================
   MY ACCOUNT PAGE
   ============================================================ */
/* Normal case, not uppercase */
#my-account .page-header h1 {
    text-transform: none !important;
    letter-spacing: 0 !important;
}
/* Card style boxes like live site */
#my-account .links {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px !important;
}
@media (min-width: 1025px) {
    #my-account .links {
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 15px !important;
    }
}
#my-account .links a {
    border: 1px solid #eee !important;
    border-radius: 6px !important;
    padding: 20px 15px !important;
    text-align: center !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    color: #555 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    transition: all 0.2s ease;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    min-height: 150px !important;
    width: 100% !important;
}
#my-account .links a:hover {
    border-color: #3990bf !important;
    color: #3990bf !important;
}
/* Fix oversized icons — all same size */
#my-account .links a .svgic,
#my-account .links a i,
#my-account .links a svg,
#my-account .links a img {
    width: 40px !important;
    height: 40px !important;
    max-width: 40px !important;
    max-height: 40px !important;
    font-size: 40px !important;
    display: block !important;
    margin: 0 !important;
    object-fit: contain !important;
    flex-shrink: 0 !important;
}
/* Center the link-item content */
#my-account .links a .link-item {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 8px !important;
}
/* Material Icons — hesabım sayfasında düzgün boyut */
#my-account .links a i.material-icons {
    font-size: 36px !important;
    width: auto !important;
    height: auto !important;
    line-height: 1 !important;
    color: #777 !important;
    font-variation-settings: 'FILL' 0, 'wght' 300 !important;
    -webkit-font-feature-settings: 'liga' !important;
    font-feature-settings: 'liga' !important;
}
/* ets_livechat — li wrapper'ları grid'e uyumlu hale getir */
#my-account .links li.col-lg-4 {
    list-style: none !important;
    padding: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    flex: none !important;
}
#my-account .links li.col-lg-4 a {
    border: 1px solid #eee !important;
    border-radius: 6px !important;
    padding: 20px 15px !important;
    text-align: center !important;
    color: #555 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 150px !important;
    height: 150px !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    transition: all 0.2s ease;
}
#my-account .links li.col-lg-4 a:hover {
    border-color: #3990bf !important;
    color: #3990bf !important;
}
/* ets_livechat — SVG gizle, Material Icons outline ile değiştir */
#my-account .links .ss_icon_group {
    display: none !important;
}
/* Destek Taleplerim — group ikonu */
#my-account .links #chat-tickets-link .link-item::before {
    content: 'support_agent' !important;
    font-family: 'Material Icons' !important;
    font-size: 40px !important;
    color: #999 !important;
    font-weight: normal !important;
    -webkit-font-feature-settings: 'liga' !important;
    font-feature-settings: 'liga' !important;
    display: block !important;
    margin-bottom: 10px !important;
}
/* Sohbet Geçmişi — history ikonu */
#my-account .links #chat-history-link .link-item::before {
    content: 'forum' !important;
    font-family: 'Material Icons' !important;
    font-size: 40px !important;
    color: #999 !important;
    font-weight: normal !important;
    -webkit-font-feature-settings: 'liga' !important;
    font-feature-settings: 'liga' !important;
    display: block !important;
    margin-bottom: 10px !important;
}
/* Hover renk */
#my-account .links li.col-lg-4 a:hover .link-item::before {
    color: #3990bf !important;
}
/* link-item — dikey ortalı, tam yükseklik */
#my-account .links li.col-lg-4 .link-item {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    height: 100% !important;
    width: 100% !important;
}
/* Alt satır kartları — aynı yükseklik */
#my-account .links a {
    min-height: 120px !important;
}
/* Hide logout button from account page */
#my-account .links a[href*="mylogout"],
#my-account .logout {
    display: none !important;
}

/* ============================================================
   PUANLARIM (Loyalty) PAGE
   ============================================================ */
/* Başlık ortalanmış */
.ws_loyalty__wrapp {
    text-align: center !important;
}
.ws_loyalty__wrapp + h1.page-heading,
h1.page-heading {
    text-align: center !important;
}
/* Alt butonlar yan yana */
.footer_links {
    display: flex !important;
    gap: 10px !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 20px 0 !important;
}
.footer_links a {
    border: 1px solid #3990bf !important;
    border-radius: 20px !important;
    color: #3990bf !important;
    background: transparent !important;
    padding: 6px 15px !important;
    font-size: 13px !important;
    font-family: 'Montserrat', sans-serif !important;
    text-transform: none !important;
}
.footer_links a:hover {
    background: #3990bf !important;
    color: #fff !important;
}
/* icon-chevron-left gizle (Alysum'da yok) */
.footer_links .icon-chevron-left {
    display: none !important;
}

/* ============================================================
   IDENTITY (Kişisel Bilgilerim) PAGE
   ============================================================ */
/* Normal case title */
#identity .page-header h1 {
    text-transform: none !important;
    letter-spacing: 0 !important;
    font-weight: 700 !important;
}
/* Card border around form */
#identity #customer-form {
    border: 1px solid #eee !important;
    border-radius: 6px !important;
    padding: 25px 30px !important;
}
/* Horizontal label layout */
#identity .form-group {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    margin-bottom: 15px !important;
}
#identity .form-group > label {
    min-width: 150px !important;
    font-size: 15px !important;
    margin-bottom: 0 !important;
    font-weight: 400 !important;
    color: #555 !important;
}
/* Input kutuları — genişlik sınırla, zorunlu değil dışarıda kalsın */
#identity .form-group input.form-control,
#identity .form-group select.form-control,
#identity .form-group .input-group {
    border: 1px solid #ddd !important;
    border-radius: 4px !important;
    padding: 10px 15px !important;
    font-size: 14px !important;
    font-family: 'Montserrat', sans-serif !important;
    color: #555 !important;
    max-width: 500px !important;
    flex: 0 0 500px !important;
}
/* Placeholder rengi koyu gri */
#identity .form-group input::placeholder,
#identity .form-group select::placeholder {
    color: #999 !important;
    opacity: 1 !important;
    font-family: 'Montserrat', sans-serif !important;
}
/* "Zorunlu değil" yazısı — kutu yanında */
#identity .form-group .form-control-comment {
    font-style: italic !important;
    font-size: 12px !important;
    color: #bbb !important;
    margin-left: 5px !important;
    white-space: nowrap !important;
}
/* Kutu altı açıklama yazıları (italik → normal) */
#identity .form-group .help-block {
    font-style: normal !important;
    flex-basis: 100% !important;
    padding-left: 150px !important;
    padding-top: 5px !important;
    font-size: 12px !important;
    color: #999 !important;
}
/* Checkbox alanları footer içinde ortalanmış */
#identity .form-footer .form-checkboxes {
    text-align: center !important;
    margin-bottom: 15px !important;
    width: 100% !important;
}
/* Input içi ikonları gizle (ad, soyad, tarih) */
#identity .input-group-prepend,
#identity .input-group .input-group-text,
#identity .form-control-icon,
#identity .input-group .svgic,
#identity .input-group svg {
    display: none !important;
}
/* Password GÖSTER button inline */
#identity .input-group .input-group-btn {
    display: flex !important;
}
#identity .input-group .btn[data-action="show-password"] {
    background: #3990bf !important;
    color: #fff !important;
    border: 1px solid #3990bf !important;
    border-radius: 0 4px 4px 0 !important;
    text-transform: uppercase !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    letter-spacing: 0.5px !important;
}
/* Submit button — outlined, centered like live */
#identity .form-footer {
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    padding-top: 10px !important;
}
#identity .form-footer .btn-primary {
    background: transparent !important;
    color: #3990bf !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    border: 1px solid #3990bf !important;
    border-radius: 20px !important;
    padding: 8px 30px !important;
    float: none !important;
    width: auto !important;
    box-shadow: none !important;
    outline: none !important;
}
#identity .form-footer .btn-primary:hover {
    border-color: #3990bf !important;
    color: #fff !important;
    background: #3990bf !important;
}

/* Footer links (Hesabım / Ana Sayfa) */
#identity .footer-links {
    list-style: none !important;
    padding: 0 !important;
    margin: 20px 0 0 !important;
    display: flex !important;
    gap: 10px !important;
}
#identity .footer-links a {
    border: 1px solid #3990bf !important;
    border-radius: 20px !important;
    padding: 6px 15px !important;
    color: #3990bf !important;
    font-size: 13px !important;
    text-decoration: none !important;
}
#identity .footer-links a:hover {
    border-color: #3990bf !important;
    background: #3990bf !important;
    color: #fff !important;
}

/* ============================================================
   ADDRESSES (Adreslerim) PAGE
   ============================================================ */
/* Normal case title, bold */
#addresses .page-header h1 {
    text-transform: none !important;
    letter-spacing: 0 !important;
    font-weight: 700 !important;
    text-align: center !important;
}
/* 3 kolon grid */
#addresses .addresses-list,
#addresses .row {
    display: flex !important;
    flex-wrap: wrap !important;
}
#addresses .address-sect {
    padding: 10px !important;
}
#addresses article.address {
    width: 100% !important;
}
/* Kart stili — ince border, beyaz arka plan */
#addresses article.address {
    border: 1px solid #ddd !important;
    border-radius: 0 !important;
    padding: 20px !important;
    background: #fff !important;
    height: 100% !important;
}
#addresses .address-body {
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    width: 100% !important;
    max-width: 100% !important;
}
/* Adres başlığı */
#addresses .address-body h4,
#addresses .address-body .h4 {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #333 !important;
    margin-bottom: 10px !important;
}
/* Adres detay text — normal (italic değil) */
#addresses .address-body address {
    font-style: normal !important;
    font-size: 14px !important;
    color: #555 !important;
    line-height: 1.6 !important;
    flex-grow: 1 !important;
}
/* Güncelle / Sil butonları — text link stili, yan yana */
#addresses .address-footer {
    border-top: 1px solid #eee !important;
    padding-top: 10px !important;
    margin-top: 10px !important;
    background: transparent !important;
    display: flex !important;
    gap: 15px !important;
}
#addresses .address-footer a {
    background: transparent !important;
    border: none !important;
    color: #555 !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    padding: 0 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
}
#addresses .address-footer a:hover {
    color: #3990bf !important;
}
/* "Yeni Adres Ekle" — text link stili */
#addresses .addresses-footer a,
#addresses a[data-link-action="add-address"] {
    background: transparent !important;
    border: 0px solid  !important;
    color: #3990bf !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    padding: 10px 0 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
}
#addresses .addresses-footer a:hover,
#addresses a[data-link-action="add-address"]:hover {
    color: #3990bf !important;
}

/* Hide empty CE owl carousel leftover from Safira theme */
.elementor-11020201 {
    display: none !important;
}

/* ============================================================
   ADDRESS FORM (Yeni Adres / Adres Düzenle) PAGE
   ============================================================ */
/* Başlık ortalanmış, normal case */
#address .page-header h1 {
    text-transform: none !important;
    letter-spacing: 0 !important;
    font-weight: 700 !important;
    text-align: center !important;
}
/* Form ortalama */
@media (min-width: 1025px) {
    #address #content-wrapper {
        max-width: 900px !important;
        margin: 0 auto 0 10% !important;
    }
}
/* Placeholder font ve boyut */
#address .form-group input::placeholder,
#address .form-group select::placeholder {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 14px !important;
    color: #777 !important;
    opacity: 1 !important;
}
/* Input değerleri de Montserrat */
#address .form-group input.form-control,
#address .form-group select.form-control {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 14px !important;
    color: #555 !important;
}



/* GLOBAL BUTON TEMİZLİĞİ - Tüm sitedeki dolma efektini kaldırır */
.btn-primary::before, .btn-primary::after,
.btn-secondary::before, .btn-secondary::after,
.add-to-cart::before, .add-to-cart::after {
    display: none !important;
    content: none !important;
}

.btn-primary, .btn-secondary, .add-to-cart {
    background-image: none !important;
    background-size: 100% !important;
    transition: background-color 0.25s ease, color 0.25s ease, transform 0.25s ease !important;
}


/* ============================================================
   CART DROPDOWN BUTONLARI (Sepeti Görüntüle & Alışverişi Tamamla)
   ============================================================ */

.pk-cart .shopping_cart .cart-button {
    display: flex !important;
    flex-direction: column !important; /* Üst üste dizelim */
    gap: 10px !important;
    padding: 15px !important;
}

.pk-cart .shopping_cart .cart-button .btn {
    /* Genel Boyut ve Font */
    min-height: 40px !important;
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 20px !important; /* Biraz daha küçük oval */
    font-family: 'Montserrat', sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    text-transform: none !important;
    transition: all 0.25s ease-in-out !important;
    margin: 0 !important;
    padding: 5px 15px !important;
}

/* 1. Sepeti Görüntüle (reverse-btn - Outlined Stil) */
.pk-cart .shopping_cart .cart-button .btn.reverse-btn {
    background: #fff !important;
    color: #3990bf !important;
    border: 1px solid #3990bf !important;
}

/* 2. Alışverişi Tamamla (Dolu Stil) */
.pk-cart .shopping_cart .cart-button .btn:not(.reverse-btn) {
    background: #3990bf !important;
    color: #fff !important;
    border: 1px solid #3990bf !important;
}

/* Hover Efektleri */
.pk-cart .shopping_cart .cart-button .btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 10px rgba(57, 144, 191, 0.2) !important;
    background: #2d7ba3 !important;
    color: #fff !important;
    border-color: #2d7ba3 !important;
}

/* ============================================================
   CHECKOUT (Sipariş / TheCheckout) PAGE
   ============================================================ */
/* Ödeme seçenekleri — boşluk fix */
#tc-container .additional-information.ps-hidden,
#tc-container .js-additional-information.ps-hidden {
    display: none !important;
    height: 0 !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
}
#tc-container .payment-container {
    max-height: 40px !important;
    overflow: hidden !important;
}
/* Sanalpospro logo küçült */
#tc-container .additional-information.sanalpospro .payment-logo {
    max-width: 120px !important;
    height: auto !important;
}

/* Genel font — Montserrat 14px */
#tc-container {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 14px !important;
    color: #555 !important;
}
#tc-container .checkout-block label,
#tc-container .checkout-block .form-group label,
#tc-container .checkout-block .field-label,
#tc-container .checkout-block .block-header,
#tc-container .checkout-block .carrier-name,
#tc-container .checkout-block .carrier-delay,
#tc-container .checkout-block .carrier-price,
#tc-container .checkout-block .customer-name,
#tc-container .checkout-block .customer-email,
#tc-container .checkout-block .shipping-address-notice,
#tc-container .checkout-block .saved-addresses-label {
    font-family: 'Montserrat', sans-serif !important;
}
#tc-container .checkout-block input.form-control,
#tc-container .checkout-block select.form-control,
#tc-container .checkout-block select,
#tc-container .checkout-block textarea.form-control {
    font-size: 14px !important;
    font-family: 'Montserrat', sans-serif !important;
    color: #555 !important;
}
/* Giriş Yap bölümü font */
#tc-container .checkout-block .customer-name,
#tc-container .checkout-block .customer-email {
    font-size: 14px !important;
    color: #555 !important;
}
/* Radio buton — tema override'ı düzelt */
#tc-container .custom-radio {
    border: 2px solid #3990bf !important;
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    flex-shrink: 0 !important;
    display: inline-block !important;
    position: relative !important;
    border-radius: 50% !important;
    background: #fff !important;
    vertical-align: middle !important;
}
#tc-container .custom-radio input[type="radio"] {
    opacity: 0 !important;
    position: absolute !important;
    width: 100% !important;
    height: 100% !important;
    cursor: pointer !important;
    z-index: 1 !important;
    margin: 0 !important;
    top: 0 !important;
    left: 0 !important;
}
#tc-container .custom-radio input[type="radio"]:checked + span {
    background-color: #3990bf !important;
    width: 10px !important;
    height: 10px !important;
    display: block !important;
    border-radius: 50% !important;
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
}
#tc-container .custom-radio input[type="radio"]:not(:checked) + span {
    display: none !important;
}
/* Delivery option satırları — hizalama */
#tc-container .delivery-option-row {
    display: flex !important;
    align-items: center !important;
    padding: 10px 0 !important;
}
#tc-container .carrier-name {
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #333 !important;
}
#tc-container .carrier-delay {
    font-size: 13px !important;
    color: #3990bf !important;
}
#tc-container .carrier-price {
    font-size: 14px !important;
    color: #555 !important;
}
/* Sipariş Notu — font küçült, label-textarea arası mesafe, textarea boyutu */
#tc-container #delivery label {
    font-size: 12px !important;
    color: #777 !important;
    margin-bottom: 8px !important;
    display: block !important;
}
#tc-container #delivery_message {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 13px !important;
    min-height: 60px !important;
    max-height: 80px !important;
    resize: vertical !important;
    padding: 10px !important;
    border: 1px solid #dadce0 !important;
    border-radius: 4px !important;
}

/* Kurumsal Müşteri checkbox — "Fatura ve teslimat" checkbox'ının yanına taşı */
#thecheckout-address-invoice .inner-wrapper {
    display: flex !important;
    flex-direction: column !important;
}
#thecheckout-address-invoice .business-private-checkboxes {
    order: 10 !important;
}
#thecheckout-address-invoice .second-address {
    order: 9 !important;
}
#thecheckout-address-invoice .address-fields {
    order: 1 !important;
}
#thecheckout-address-invoice .second-address label,
#thecheckout-address-invoice .business-private-checkboxes label {
    font-size: 12px !important;
}
#thecheckout-address-invoice .second-address .custom-checkbox,
#thecheckout-address-invoice .business-private-checkboxes .custom-checkbox {
    display: flex !important;
    align-items: center !important;
}

/* ============================================================
   SİPARİŞ ONAYI SAYFASI (order-confirmation)
   ============================================================ */

/* --- Genel font --- */
#main .page-order-confirmation,
#main #content-hook_order_confirmation,
#main #content-hook_payment_return {
    font-family: 'Montserrat', sans-serif !important;
}

/* --- #main padding sıfırla (bu sayfa için) --- */
body.page-order-confirmation #main {
    padding: 0 !important;
}

/* --- Sipariş onay mesajı --- */
#content-hook_order_confirmation .card-title {
    font-size: 22px !important;
    font-weight: 600 !important;
    color: #333 !important;
    text-transform: none !important;
}
#content-hook_order_confirmation p {
    font-size: 14px !important;
    color: #555 !important;
}

/* --- Layout: sipariş detayları üstte, ürünler altında --- */
.page-order-confirmation > .row {
    display: flex !important;
    flex-direction: column-reverse !important;
}
.page-order-confirmation > .row > #order-items,
.page-order-confirmation > .row > #order-details {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
}

/* --- Sipariş detayları kutusu --- */
.page-order-confirmation #order-details {
    margin-bottom: 20px !important;
}
.page-order-confirmation #order-details .order-details-wrapper {
    border: 1px solid #eee !important;
    border-radius: 5px !important;
    padding: 15px 20px !important;
    background: #fafafa !important;
}
.page-order-confirmation #order-details h3 {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #333 !important;
    margin-bottom: 8px !important;
}
.page-order-confirmation #order-details ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 5px 20px !important;
}
.page-order-confirmation #order-details li {
    font-size: 14px !important;
    color: #555 !important;
}

/* --- Ürünler tablosu --- */
.page-order-confirmation .order-line.row,
.page-order-confirmation .order-titles.row,
.page-order-confirmation .order-line .row {
    flex-direction: row !important;
    align-items: center !important;
}
.page-order-confirmation .order-confirmation-table {
    width: 100% !important;
}
.page-order-confirmation .order-confirmation-table .details span {
    font-size: 16px !important;
    font-weight: 500 !important;
}
.page-order-confirmation .order-confirmation-table table {
    width: 100% !important;
    font-size: 16px !important;
}
.page-order-confirmation .order-confirmation-table td {
    padding: 8px 0 !important;
}
.page-order-confirmation .order-confirmation-table .total-value td {
    font-size: 16px !important;
    padding-top: 12px !important;
    border-top: 1px solid #eee !important;
}
/* Başlık ve değer satırları — font boyutu */
.page-order-confirmation .order-titles strong,
.page-order-confirmation .order-titles .bold,
.page-order-confirmation .order-line .qty div,
.page-order-confirmation .order-line .qty .bold,
.page-order-confirmation .order-line .details,
.page-order-confirmation .order-line .image + div {
    font-size: 16px !important;
}

/* --- Banka/ödeme detayları — full width --- */
#content-hook_payment_return,
#content-hook_payment_return.card {
    font-size: 14px !important;
    padding: 20px 5px !important;
    margin: 0 !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}
#content-hook_payment_return.definition-list dl {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
}
#content-hook_payment_return.definition-list dl dt {
    float: none !important;
    width: 100% !important;
    font-weight: 600 !important;
    color: #333 !important;
    padding: 10px 15px !important;
    background: #f5f5f5 !important;
}
#content-hook_payment_return.definition-list dl dd {
    margin-left: 0 !important;
    width: 100% !important;
    padding: 10px 15px !important;
    color: #555 !important;
    line-height: 1.8 !important;
}
/* Ödeme detayları üst/alt açıklama metinleri — satır aralığı */
#content-hook_payment_return > p,
#content-hook_payment_return > strong {
    line-height: 1.8 !important;
    margin-bottom: 10px !important;
    font-size: 14px !important;
}

/* "Banka: ___" satırını gizle (son dt/dd çifti) */
#content-hook_payment_return.definition-list dl dt:last-of-type,
#content-hook_payment_return.definition-list dl dd:last-of-type {
    display: none !important;
}

/* ===== Blog İlgili Yazılar — alt boşluk + Montserrat ===== */
.blog_post_position_container.hi-blog-related-posts {
    margin-bottom: 50px !important;
    padding-bottom: 30px !important;
    font-family: 'Montserrat', sans-serif !important;
}
.blog_post_position_container.hi-blog-related-posts,
.blog_post_position_container.hi-blog-related-posts * {
    font-family: 'Montserrat', sans-serif !important;
}
.blog_post_position_container.hi-blog-related-posts .pos_title h2 {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    margin-bottom: 20px !important;
    text-align: center !important;
}

/* ============================================================
   FAQ SAYFASI (gomakoil_faq)
   ============================================================ */
/* Genel font */
.gomakoil_faq_page,
.gomakoil_faq_page * {
    font-family: 'Montserrat', sans-serif !important;
}
/* Card bloklar — padding artır */
.gomakoil_faq_page .faqs-card-block {
    padding: 30px !important;
}
/* Ana başlıklar — ortalanmış, normal case */
.gomakoil_faq_page .title_home_page_fag {
    text-align: center !important;
    font-size: 22px !important;
    font-weight: 600 !important;
    color: #333 !important;
    margin-bottom: 25px !important;
}
/* Soru satırları — padding artır */
.gomakoil_faq_page .questions {
    padding: 15px 5px !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
    color: #555 !important;
}
.gomakoil_faq_page .questions span {
    font-size: 15px !important;
}
/* Ayırıcı çizgi — açık renk */
.gomakoil_faq_page hr {
    border-color: #eee !important;
    margin: 0 !important;
}
/* Kategori başlıkları */
.gomakoil_faq_page .category_name_home_page {
    font-size: 18px !important;
    font-weight: 600 !important;
    color: #333 !important;
    display: block !important;
    margin-bottom: 15px !important;
    padding-bottom: 10px !important;
    border-bottom: 1px solid #eee !important;
}
/* Tüm çizgiler — açık gri */
.gomakoil_faq_page .questions {
    border-bottom: 1px solid #f0f0f0 !important;
    margin-bottom: 10x !important;
}
.gomakoil_faq_page hr {
    display: none !important;
}
/* Cevap alanı — padding */
.gomakoil_faq_page .answer_faq {
    padding: 15px 20px 15px 35px !important;
    font-size: 14px !important;
    line-height: 1.8 !important;
    color: #666 !important;
}
/* "Devamı" linki */
.gomakoil_faq_page .more_faq_cat {
    color: #3990bf !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    display: inline-block !important;
    margin: 10px 0 20px !important;
}
/* Kategori blokları — iki kolon arası boşluk */
.gomakoil_faq_page .category_block {
    margin-bottom: 20px !important;
}
/* İkonlar — boyut ve renk */
.gomakoil_faq_page .left-side-icon {
    color: #999 !important;
    margin-right: 10px !important;
}
.gomakoil_faq_page .mpm-faqs-arrow-point-to-right {
    color: #ccc !important;
}

/* İletişim CMS sayfası — h1 gizle (CE'de kendi başlığı var) */
body.cms-id-8 .page-header h1 {
    display: none !important;
}

/* ============================================================
   ETS LIVECHAT — DESTEK TALEBİ FORMU
   ============================================================ */
/* Başlık — ortalanmış, kutudan önce */
.ets_livechat_form .panel-heading {
    text-align: center !important;
    margin-bottom: 20px !important;
}
.ets_livechat_form .ticket_heading {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    color: #333 !important;
}
/* Form panel — card stili */
.ets_livechat_form .panel {
    max-width: 800px !important;
    margin: 0 auto !important;
    border: 1px solid #eee !important;
    border-radius: 6px !important;
    padding: 30px !important;
    background: #fff !important;
    box-shadow: none !important;
}
/* Horizontal label layout */
.ets_livechat_form .form-group.row {
    display: flex !important;
    align-items: center !important;
    margin-bottom: 15px !important;
}
.ets_livechat_form .form-group.row > label {
    min-width: 120px !important;
    max-width: 120px !important;
    flex: 0 0 120px !important;
    margin-bottom: 0 !important;
    font-weight: 500 !important;
    color: #555 !important;
    font-size: 14px !important;
    font-family: 'Montserrat', sans-serif !important;
    padding: 0 !important;
    text-align: left !important;
}
/* Input/select/textarea alanları */
.ets_livechat_form .form-group.row > div {
    flex: 1 !important;
    max-width: none !important;
    padding: 0 !important;
}
.ets_livechat_form .form-group input.form-control,
.ets_livechat_form .form-group select.form-control,
.ets_livechat_form .form-group textarea.form-control {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 14px !important;
    color: #555 !important;
    border: 1px solid #ddd !important;
    border-radius: 4px !important;
    padding: 10px 15px !important;
    height: auto !important;
}
/* Select dropdown — input ile aynı yükseklik, ok ortalanmış */
.ets_livechat_form .form-group select.form-control {
    height: 42px !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23999' d='M6 8L1 3h10z'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 15px center !important;
    padding-right: 40px !important;
}
/* Tema select arrow gizle */
.ets_livechat_form .select_arrow {
    display: none !important;
}
/* Textarea */
.ets_livechat_form textarea.form-control {
    min-height: 120px !important;
}
/* Bootstrap col override — label sabit, input alanı esnek */
.ets_livechat_form .form-group.row > label.col-xs-12,
.ets_livechat_form .form-group.row > label.col-sm-12 {
    flex: 0 0 120px !important;
    max-width: 120px !important;
    width: 120px !important;
}
.ets_livechat_form .form-group.row > div.col-xs-12,
.ets_livechat_form .form-group.row > div.col-sm-12 {
    flex: 1 !important;
    max-width: none !important;
    width: auto !important;
}
/* Dosya açıklama */
.ets_livechat_form .desc.help-block {
    font-size: 11px !important;
    color: #999 !important;
    margin-top: 5px !important;
    font-style: italic !important;
}
/* Gönder butonu — outlined, ortalanmış */
.ets_livechat_form .form-footer {
    text-align: center !important;
    margin-top: 20px !important;
    padding: 0 !important;
}
.ets_livechat_form .form-footer .btn-primary {
    background: transparent !important;
    color: #3990bf !important;
    border: 1px solid #3990bf !important;
    border-radius: 20px !important;
    padding: 8px 30px !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    text-transform: none !important;
}
.ets_livechat_form .form-footer .btn-primary:hover {
    background: #3990bf !important;
    color: #fff !important;
}
.ets_livechat_form .form-footer .btn-primary svg {
    display: none !important;
}
/* Placeholder */
.ets_livechat_form input::placeholder,
.ets_livechat_form textarea::placeholder {
    font-family: 'Montserrat', sans-serif !important;
    color: #999 !important;
}
/* Alt linkler — yan yana */
.ets_livechat_form + .page-footer {
    display: flex !important;
    gap: 10px !important;
}
.ets_livechat_form + .page-footer .account-link {
    border: 1px solid #3990bf !important;
    border-radius: 20px !important;
    color: #3990bf !important;
    padding: 6px 15px !important;
    font-size: 13px !important;
    font-family: 'Montserrat', sans-serif !important;
}
.ets_livechat_form + .page-footer .account-link:hover {
    background: #3990bf !important;
    color: #fff !important;
}
.ets_livechat_form + .page-footer .material-icons {
    display: none !important;
}

/* ============================================================
   ADVANSEDCOUPONS — Kupon Bildirimi (Sol Kolon)
   ============================================================ */
#coupon_left {
    background: #fff !important;
    border: 1px solid #ddd !important;
    border-radius: 2px !important;
    padding: 8px !important;
    text-align: center !important;
    font-family: 'Montserrat', sans-serif !important;
    box-shadow: none !important;
}
#coupon_left .action_text {
    color: #3990bf !important;
    font-size: 12px !important;
    margin-bottom: 2px !important;
    line-height: 1.5 !important;
}
#coupon_left .action_text a {
    color: #3990bf !important;
    text-decoration: underline !important;
    font-size: 12px !important;
}

/* ============================================================
   QUICKVIEW MODAL
   ============================================================ */

/* --- Font genel --- */
[id^='quickview-modal-'] .product-info-section {
    font-family: 'Montserrat', sans-serif !important;
}

/* --- Fiyat alanı: flex wrap, shipping-info-box tam genişlik --- */
[id^='quickview-modal-'] .product-prices.price {
    flex-wrap: wrap !important;
}
[id^='quickview-modal-'] .product-prices .current-price .normal-price {
    font-size: 26px !important;
    font-weight: 600 !important;
    color: #3990bf !important;
}
[id^='quickview-modal-'] .current-price {
    margin-bottom: 5px !important;
}

/* --- Review yıldızları — tek satırda, yanyana --- */
[id^='quickview-modal-'] #spr .row {
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    gap: 8px !important;
    margin: 5px 0 !important;
}
[id^='quickview-modal-'] #spr .rating-star-display {
    width: auto !important;
    flex: none !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
}
[id^='quickview-modal-'] #spr .average_text_info {
    width: auto !important;
    flex: none !important;
    padding: 0 !important;
}
[id^='quickview-modal-'] #spr .average_text a {
    font-size: 12px !important;
    color: #999 !important;
}
[id^='quickview-modal-'] #spr .rating-star-display input {
    display: none !important;
}
[id^='quickview-modal-'] #spr .rating-star-display label {
    margin: 0 1px !important;
    font-size: 14px !important;
}

/* --- Eski fiyat (üstü çizili) görünür, indirim badge gizli --- */
[id^='quickview-modal-'] .discount-percentage,
[id^='quickview-modal-'] .discount-amount {
    display: none !important;
}
[id^='quickview-modal-'] .product-discount {
    display: block !important;
}
[id^='quickview-modal-'] .product-prices .product-discount .regular-price,
[id^='quickview-modal-'] .product-discount span.regular-price {
    display: inline !important;
    font-size: 26px !important;
    color: #999 !important;
    text-decoration: line-through !important;
    font-style: normal !important;
    font-weight: 400 !important;
}
/* Eski fiyat ile KDV dahil arasındaki boşluk azalt */
[id^='quickview-modal-'] .product-discount {
    display: block !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    line-height: 1.2 !important;
}
[id^='quickview-modal-'] .product-price.has-discount {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
}
[id^='quickview-modal-'] .tax-shipping-delivery-label {
    color: #999 !important;
    font-size: 13px !important;
    margin-top: 2px !important;
    line-height: 1.3 !important;
}

/* --- Multi-currency fiyatlar gizle (€, $) --- */
[id^='quickview-modal-'] .multiprice_container {
    display: none !important;
}

/* --- Delivery info duplicate text gizle --- */
[id^='quickview-modal-'] .delivery-information {
    display: none !important;
}

/* --- Kargo kutusu — canlıdaki gibi gri kutu, tam genişlik --- */
[id^='quickview-modal-'] .shipping-info-box {
    background: #f5f5f5 !important;
    border: none !important;
    border-radius: 4px !important;
    padding: 15px 20px !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    width: 100% !important;
    flex: 0 0 100% !important;
    margin: 15px 0 !important;
    order: 10 !important;
}
[id^='quickview-modal-'] .shipping-info-box img {
    width: 30px !important;
    height: auto !important;
    flex-shrink: 0 !important;
}
[id^='quickview-modal-'] .shipping-info-box span {
    color: #555 !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
}

/* --- Ürün açıklaması — iki gri çizgi arasında, ortalanmış --- */
[id^='quickview-modal-'] .product-description-short {
    border-top: 1px solid #eee !important;
    border-bottom: 1px solid #eee !important;
    padding: 15px 0 !important;
    margin: 15px 0 !important;
    text-align: center !important;
}
[id^='quickview-modal-'] .product-description-short p {
    font-size: 13px !important;
    line-height: 1.6 !important;
    color: #777 !important;
    margin: 0 !important;
}

/* --- "Adet" label gizle --- */
[id^='quickview-modal-'] .product-add-to-cart > .control-label {
    display: none !important;
}

/* --- Miktar + Sepete Ekle + Stokta Var — tümü centered --- */
[id^='quickview-modal-'] .product-add-to-cart {
    text-align: center !important;
}
[id^='quickview-modal-'] .product-quantity.flex-container {
    flex-wrap: wrap !important;
    justify-content: center !important;
}
[id^='quickview-modal-'] .product-quantity .qty {
    width: auto !important;
    margin: 0 auto 10px auto !important;
}
[id^='quickview-modal-'] .product-quantity .add {
    width: 100% !important;
    justify-content: center !important;
}
/* Quantity up/down buttons */
[id^='quickview-modal-'] .input-group-btn-vertical .btn,
[id^='quickview-modal-'] .btn-touchspin {
    background: #fff !important;
    color: #333 !important;
}

/* --- Sepete Ekle butonu — filled mavi pill --- */
[id^='quickview-modal-'] .add-to-cart:not(.out-of-stock-btn) {
    background: #3990bf !important;
    color: #fff !important;
    border: 1px solid #3990bf !important;
    border-radius: 25px !important;
    padding: 14px 50px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    display: block !important;
    margin: 10px auto !important;
    text-align: center !important;
}
[id^='quickview-modal-'] .add-to-cart:not(.out-of-stock-btn):hover {
    background: #2d7a9e !important;
    border-color: #2d7a9e !important;
}
/* Stokta Yok butonu */
[id^='quickview-modal-'] .add-to-cart.out-of-stock-btn {
    background: #ccc !important;
    color: #666 !important;
    border: 1px solid #ccc !important;
    border-radius: 25px !important;
    padding: 14px 50px !important;
    font-weight: 600 !important;
    display: block !important;
    margin: 10px auto !important;
    text-align: center !important;
    cursor: not-allowed !important;
}

/* --- Stokta Var / availability — centered --- */
[id^='quickview-modal-'] #product-availability {
    display: flex !important;
    justify-content: center !important;
}

/* --- Reassurance blok — görünür, canlıdaki gibi --- */
[id^='quickview-modal-'] .blockreassurance_product,
[id^='quickview-modal-'] #block-reassurance {
    display: block !important;
    border: 1px solid #dadce0 !important;
    border-radius: 5px !important;
    padding: 12px 15px !important;
    margin: 15px 0 !important;
    background: #f5f5f5 !important;
}
[id^='quickview-modal-'] #block-reassurance ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
[id^='quickview-modal-'] #block-reassurance li {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-size: 13px !important;
    color: #555 !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
[id^='quickview-modal-'] #block-reassurance li img {
    flex-shrink: 0 !important;
    width: 30px !important;
    height: 30px !important;
}
[id^='quickview-modal-'] #block-reassurance li span {
    font-size: 13px !important;
}

/* --- Karşılaştır ikonu — Linearicons sync ↻ (yuvarlak ok) --- */
[id^='quickview-modal-'] .compare-button .svgic {
    display: none !important;
}
[id^='quickview-modal-'] .compare-button::before {
    content: '\e862' !important;
    font-family: 'Linearicons-Free' !important;
    font-size: 18px !important;
    color: inherit !important;
    margin-right: 5px !important;
}

/* --- Karşılaştır/Listeme Ekle — centered, Listeme Ekle önce --- */
[id^='quickview-modal-'] .productButtons {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 20px !important;
    margin-top: 15px !important;
    padding-top: 15px !important;
    border-top: 1px solid #eee !important;
}
[id^='quickview-modal-'] .productButtons .pkfavorites-add,
[id^='quickview-modal-'] .productButtons [class*='favorite'] {
    order: -1 !important;
}

/* --- Thumbnail — overlay fix + tıklanabilir + selected mavi border --- */
/* main-image-container thumbnail'ları gölgeliyor — z-index ile düzelt */
[id^='quickview-modal-'] .pk-ce-widget-wrapper,
[id^='quickview-modal-'] .js-qv-product-images {
    position: relative !important;
    z-index: 10 !important;
}
[id^='quickview-modal-'] .main-image-container {
    position: relative !important;
    z-index: 1 !important;
}
[id^='quickview-modal-'] .js-qv-product-images .thumb-container {
    cursor: pointer !important;
}
[id^='quickview-modal-'] .js-qv-product-images img.thumb {
    border: 2px solid transparent !important;
    transition: border-color 0.2s !important;
}
[id^='quickview-modal-'] .js-qv-product-images img.thumb:hover,
[id^='quickview-modal-'] .js-qv-product-images img.thumb.selected {
    border-color: #3990bf !important;
}
[id^='quickview-modal-'] .js-qv-product-images .slick-arrow {
    z-index: 12 !important;
}