/* ============================================
   GLOBAL CUSTOM STYLES
   ============================================ */

/* Journal compact header: keep the action group inside narrow desktop windows. */
@media (min-width: 1200px) and (max-width: 1365px) {
    .desktop-header-active .header .mid-bar {
        min-width: 0;
    }

    .desktop-header-active .header .desktop-logo-wrapper {
        min-width: 160px !important;
        max-width: 160px !important;
    }

    .desktop-header-active .header .desktop-logo-wrapper img {
        max-width: 160px !important;
    }

    .desktop-header-active .header .desktop-main-menu-wrapper {
        min-width: 0 !important;
        flex: 1 1 auto !important;
    }

    .desktop-header-active .header .header-cart-group {
        min-width: 0 !important;
        flex: 0 0 auto !important;
        margin-inline-start: auto !important;
    }

    .desktop-header-active .header .header-cart-group .language-currency .dropdown-toggle {
        padding-inline-start: 8px !important;
        padding-inline-end: 14px !important;
    }

    .desktop-header-active .header .header-cart-group .desktop-search-wrapper {
        margin-inline: 0 !important;
    }
}

@media (min-width: 1200px) and (max-width: 1279px) {
    .desktop-header-active .header .desktop-main-menu-wrapper .main-menu > .j-menu > .main-menu-item > a {
        padding-inline-start: 8px !important;
    }

    .desktop-header-active .header .desktop-main-menu-wrapper .main-menu > .j-menu > .main-menu-item-8 > a {
        padding-inline: 6px !important;
    }
}

@media (min-width: 1280px) and (max-width: 1319px) {
    .desktop-header-active .header .desktop-main-menu-wrapper .main-menu > .j-menu > .main-menu-item > a {
        padding-inline-start: 12px !important;
    }

    .desktop-header-active .header .desktop-main-menu-wrapper .main-menu > .j-menu > .main-menu-item-8 > a {
        padding-inline: 10px !important;
    }
}

/* CIRCULAR PAGINATION STYLE */
ul.pagination {
    display: flex !important;
    justify-content: center;
    align-items: center;
    gap: 12px;
    border-radius: 0;
    padding: 20px 0;
    margin: 0;
    list-style: none;
}

ul.pagination li {
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    background: none !important;
    border: none !important;
}

ul.pagination li a,
ul.pagination li span {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 42px !important;
    height: 42px !important;
    border: 1px solid #445a64 !important;
    /* Tema renklerine uyumlu gri/mavi tonu */
    border-radius: 50% !important;
    background: #fff !important;
    color: #445a64 !important;
    font-size: 14px;
    font-weight: 400;
    text-decoration: none !important;
    transition: all 0.3s ease;
    margin: 0 !important;
    padding: 0 !important;
    box-shadow: none !important;
}

/* Active State */
ul.pagination li.active span,
ul.pagination li.active a {
    background: #445a64 !important;
    color: #fff !important;
    border-color: #445a64 !important;
}

/* Hover State */
ul.pagination li a:hover {
    background: #f4f7f9 !important;
    border-color: #3d4f5c !important;
    color: #3d4f5c !important;
    transform: translateY(-2px);
}

/* Arrow Icons Adjustment */
ul.pagination li a[data-page="next"],
ul.pagination li a[data-page="last"],
ul.pagination li a[data-page="prev"],
ul.pagination li a[data-page="first"] {
    font-size: 18px;
}

/* Pagination container spacing */
.pagination-results {
    margin-top: 40px;
    margin-bottom: 40px;
}

@media (max-width: 768px) {
    ul.pagination {
        gap: 8px;
    }

    ul.pagination li a,
    ul.pagination li span {
        width: 36px !important;
        height: 36px !important;
        font-size: 13px;
    }
}

/* ============================================
   STAT ICON STYLES (Product Grid)
   ============================================ */
.stats-group,
.product-grid .stats-group,
.product-thumb .stats-group,
.module-products .product-grid .product-thumb .stats-group {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex-direction: row !important;
    gap: 0 !important;
}

.stat-icon {
    display: inline-flex;
    align-items: center;
    margin-right: 4px;
    flex-shrink: 0;
}

.stat-icon svg {
    width: 16px;
    height: 14px;
    display: block;
}

/* Product Page Manufacturer Meta */
.product-manufacturer-meta {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 4px !important;
}

/* Hide custom overlay buttons globally by default */
.custom-overlay-buttons {
    display: none !important;
}

/* ============================================
   CATEGORY PAGE — Expand Block Styling
   ============================================ */

/* Expand Overlay heights */
.expand-block:not(.is-expanded) .block-expand-overlay {
    height: 75px !important;
}

.expand-block.is-expanded .block-expand-overlay {
    height: 35px !important;
}

/* Optional: Rotate/Style the icon when expanded */
.expand-block.is-expanded .oc-btn-icon {
    transform: rotate(45deg); /* "+" becomes "x" or just visual feedback */
}

/* ============================================
   ACCOUNT PAGES — Form Spacing & Legend
   ============================================ */

/* Tighten spacing between form rows */
[id^="account-"] .form-group {
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    margin-bottom: 6px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Label: fixed width so all inputs start at same position */
[id^="account-"] .form-group .control-label,
[id^="account-"] .form-group .form-label {
    flex: 0 0 130px !important;
    width: 130px !important;
    min-width: 0 !important;
    float: none !important;
    padding-top: 0 !important;
    padding-right: 12px !important;
    margin-bottom: 0 !important;
    text-align: left !important;
}

/* Input wrapper: fill remaining space, prevent overflow */
[id^="account-"] .form-group .col-sm-10,
[id^="account-"] .form-group .col-sm-9,
[id^="account-"] .form-group .col-sm-8 {
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    float: none !important;
}

/* Error message: full width below */
[id^="account-"] .form-group .text-danger {
    flex-basis: 100% !important;
    padding-left: 130px !important;
}

@media (max-width: 767px) {
    [id^="account-"] .form-group {
        flex-direction: column !important;
        align-items: flex-start !important;
    }

    [id^="account-"] .form-group .control-label,
    [id^="account-"] .form-group .form-label {
        flex: none !important;
        width: auto !important;
        margin-bottom: 3px !important;
        padding-right: 0 !important;
    }

    [id^="account-"] .form-group .col-sm-10,
    [id^="account-"] .form-group .col-sm-9,
    [id^="account-"] .form-group .col-sm-8 {
        width: 100% !important;
    }

    [id^="account-"] .form-group .text-danger {
        padding-left: 0 !important;
    }
}

/* Account pages: btn hover → btn-default style (dark text, light bg) */
.no-touchevents [id^="account-"] .buttons .pull-right .btn:hover,
.no-touchevents [id^="account-"] .buttons .pull-right .btn:focus {
    color: #333 !important;
    background-color: #e6e6e6 !important;
    border-color: #adadad !important;
}

/* Legend - sub-heading style (e.g. "Kişisel Bilgileriniz") */
[id^="account-"] legend {
    font-size: 24px !important;
    font-weight: 700 !important;
    margin-bottom: 16px !important;
    padding-bottom: 8px !important;
}

/* Fix visible color for buttons with light hover background in account pages (Order History & Addresses) */
.no-touchevents.route-account-order td .btn-info.btn:hover,
.no-touchevents.route-account-order td .btn-info.btn:hover i,
.no-touchevents.route-account-address .table-responsive td .btn.btn-info:hover,
.no-touchevents.route-account-address .table-responsive td .btn.btn-info:hover i,
.no-touchevents.route-account-order-info td .btn-info.btn:hover,
.no-touchevents.route-account-order-info td .btn-info.btn:hover i {
    color: #24697f !important;
}

/* ============================================
   FULLSCREEN POPUP STYLES (Login/Register)
   ============================================ */

/* 1. Parent Window Scroll Fixes (Overrides Journal 3 defaults) */
.desktop.popup-open:not(.popup):not(.header-sticky) .popup-wrapper,
.desktop.popup-open:not(.popup).header-sticky .popup-wrapper {
    overflow: hidden !important;
}

.popup-wrapper .popup-container {
    overflow: auto !important;
}

.desktop.popup-open:not(.popup):not(.header-sticky) .global-wrapper,
.desktop.popup-open:not(.popup).header-sticky .global-wrapper {
    max-height: 100vh !important;
    overflow: hidden !important;
}

/* 2. Fullscreen Popup Container Transitions */
body.popup-fullscreen-mode .popup-wrapper {
    padding: 0 !important;
    margin: 0 !important;
    display: block !important;
}

body.popup-fullscreen-mode .popup-container {
    width: 100% !important;
    height: 100vh !important;
    max-width: none !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    transform: none !important;
    border-radius: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    background-color: #fff !important;
    z-index: 10001 !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
}

/* 3. Popup Body Adjustments (Fixes height: 110% mistake) */
html body.popup-fullscreen-mode .popup-body {
    height: 100% !important;
    margin-top: 0px !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    background-color: transparent !important;
}

body.popup-fullscreen-mode .popup-login .popup-inner-body,
body.popup-fullscreen-mode .popup-register .popup-inner-body,
body.popup-fullscreen-mode .popup-inner-body {
    height: 100% !important;
    max-height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    padding: 0 !important;
    flex: 1 !important;
}

body.popup-fullscreen-mode .popup-inner-body iframe {
    height: 100% !important;
    width: 100% !important;
    display: block !important;
    border: none !important;
}

body.popup-fullscreen-mode .popup-content {
    flex: 1 !important;
    overflow-y: auto !important;
}

/* Iframe adjustments */
body.popup-fullscreen-mode .popup-content iframe {
    height: 100% !important;
    width: 100% !important;
}

/* Custom Header inside Iframe (or modal) */
.custom-popup-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 25px;
    background: #fff;
    border-bottom: 1px solid #f0f0f0;
    position: sticky;
    top: 0;
    z-index: 1001;
}

.custom-popup-header .header-left {
    flex: 1 1 0% !important;
    font-size: 14px;
    color: #333;
    font-weight: 500;
    min-width: 0 !important;
}

.custom-popup-header .header-center {
    flex: 0 0 auto !important;
    text-align: center !important;
    padding: 0 15px !important;
}

.custom-popup-header .header-right {
    flex: 1 1 0% !important;
    text-align: right !important;
    min-width: 0 !important;
}

.custom-popup-header .header-center img {
    max-height: 40px;
    width: auto;
}

.custom-popup-header .header-right {
    flex: 1;
    text-align: right;
}

.custom-popup-header .popup-close-trigger {
    background: none;
    border: none;
    font-size: 28px;
    color: #999;
    cursor: pointer;
    padding: 0;
    line-height: 1;
}

.custom-popup-header .popup-close-trigger:hover {
    color: #333;
}

/* Content Layout inside Popup */
body.is-popup #account-login.container,
body.is-popup #account-register.container {
    width: 100% !important;
    max-width: 600px !important;
    margin: 0 auto !important;
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}

body.is-popup #account-login h1,
body.is-popup #account-register h1 {
    text-align: center !important;
    margin-bottom: 40px !important;
    font-size: 28px !important;
    display: block !important;
}

/* Hide breadcrumbs inside popup */
body.is-popup .breadcrumbs {
    display: none !important;
}

/* Hide header/footer inside popup */
body.is-popup header,
body.is-popup .site-wrapper > header,
body.is-popup #header,
body.is-popup footer,
body.is-popup .site-wrapper > footer,
body.is-popup #footer {
    display: none !important;
}

/* Hide sidebar and other unwanted elements in popup */
body.is-popup aside,
body.is-popup #column-left,
body.is-popup #column-right {
    display: none !important;
}

/* Force login box to full width */
body.is-popup .login-box .col-sm-6 {
    width: 100% !important;
}

/* Hide scrollbar when fullscreen popup is open */
body.popup-fullscreen-mode {
    overflow: hidden !important;
}

/* Hide default popup close button when in fullscreen mode */
body.popup-fullscreen-mode .popup-inner-body>.btn.popup-close {
    display: none !important;
}

/* Inner popup scroll — içerik sığmazsa kaydırılabilir */
body.popup-fullscreen-mode .popup-inner-body {
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
}

body.popup-fullscreen-mode .popup-content {
    overflow-y: auto !important;
    height: 100% !important;
    -webkit-overflow-scrolling: touch !important;
}

/* iframe html/body scroll — içerik sığmazsa kaydırılabilir */
html.is-popup,
.popup-fullscreen-mode html {
    overflow-y: auto !important;
    height: 100% !important;
    -webkit-overflow-scrolling: touch !important;
}

body.is-popup {
    overflow-y: auto !important;
    height: 100vh !important;
    display: flex !important;
    flex-direction: column !important;
    margin: 0 !important;
    padding: 0 !important;
    -webkit-overflow-scrolling: touch !important;
}

body.is-popup .site-wrapper,
body.is-popup #wrapper,
body.is-popup .global-wrapper {
    flex: 1 1 auto !important;
    display: flex !important;
    flex-direction: column !important;
    min-height: 0 !important;
}

/* Compensate for header height in iframe content wrapper */
body.is-popup .global-wrapper {
    min-height: calc(100vh - 71px) !important;
}

body.is-popup #account-login,
body.is-popup #account-register {
    padding-top: 5px !important;
    /* Reduced to avoid extra scroll */
}
/* Custom Login/Register Popup Design */
body.is-popup .page-title,
.register-page .page-title {
    text-align: center !important;
    font-weight: 500 !important;
    margin-bottom: 30px !important;
    color: #333 !important;
    border-bottom: none !important;
}

body.is-popup .popup-form .form-group,
.popup-form .form-group {
    display: block !important;
    margin-bottom: 15px !important;
}

body.is-popup .popup-form .form-group .control-label,
.popup-form .form-group .control-label {
    display: block !important;
    width: 100% !important;
    text-align: left !important;
    margin-bottom: 8px !important;
    font-weight: 500 !important;
    color: #888 !important;
    padding-right: 0 !important;
    flex: none !important;
}

body.is-popup .popup-form .form-control,
.popup-form .form-control {
    background-color: #eef4ff !important;
    border: none !important;
    border-radius: 2px !important;
    height: 45px !important;
    box-shadow: none !important;
    padding: 10px 15px !important;
}

body.is-popup .popup-form .login-actions {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 16px !important;
    margin-top: 20px !important;
}

body.is-popup .popup-form .forgot-password {
    color: #333 !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}

body.is-popup .popup-form .buttons {
    margin: 0 !important;
    width: 100% !important;
}

body.is-popup .popup-form .buttons .pull-right {
    float: none !important;
    width: 100% !important;
}

body.is-popup .popup-form .buttons .btn-primary {
    display: block !important;
    width: 100% !important;
    background-color: #374957 !important;
    color: #FFFFFF !important;
    border: none !important;
    padding: 15px !important;
    border-radius: 50px !important;
    height: auto !important;
    font-weight: 500 !important;
    box-shadow: none !important;
    text-transform: none !important;
    font-size: 14px !important;
    transition: all 0.3s ease !important;
}

body.is-popup .popup-form .buttons .btn-primary:hover {
    background-color: #6E7275 !important;
    color: #FFFFFF !important;
}

body.is-popup .popup-form .register-footer,
body.is-popup .login-footer {
    margin-top: 30px !important;
}

body.is-popup .popup-form .register-btn-bottom,
.popup-form .register-btn-bottom,
body.is-popup .login-btn-bottom,
.login-btn-bottom {
    display: block !important;
    width: 100% !important;
    background-color: #FFFFFF !important;
    color: #055E76 !important;
    padding: 15px !important;
    border-radius: 50px !important;
    text-align: center !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    text-transform: none !important;
    transition: all 0.3s ease !important;
    border: 1px solid #055E76 !important;
}

body.is-popup .popup-form .register-btn-bottom:hover,
.popup-form .register-btn-bottom:hover,
body.is-popup .login-btn-bottom:hover,
.login-btn-bottom:hover {
    background-color: #374957 !important;
    color: #FFFFFF !important;
    border-color: #374957 !important;
}

/* Popup üst sol başlığı (Giriş Yap / Üye Ol) gizle */
body.is-popup .custom-popup-header .header-left,
body.is-popup .custom-popup-header .popup-title {
    display: none !important;
}

/* Login/Register popup arkaplan rengi */
html.is-popup,
body.is-popup,
body.is-popup #account-login,
body.is-popup #account-register,
body.is-popup .custom-popup-header {
    background-color: #FAFCFD !important;
}

/* Register popup başlık-form arası boşluk azalt (sadece register) */
body.is-popup #account-register .custom-category-hero {
    margin-bottom: 10px !important;
    padding-bottom: 0 !important;
}
body.is-popup #account-register h1,
body.is-popup #account-register .custom-category-title,
body.is-popup #account-register .page-title {
    margin-bottom: 15px !important;
    padding-bottom: 0 !important;
}

/* Login/Register popup input alanları */
body.is-popup #account-login .form-control,
body.is-popup #account-register .form-control,
body.is-popup .popup-form .form-control,
body.is-popup #account-login input[type="text"],
body.is-popup #account-login input[type="email"],
body.is-popup #account-login input[type="password"],
body.is-popup #account-login input[type="tel"],
body.is-popup #account-register input[type="text"],
body.is-popup #account-register input[type="email"],
body.is-popup #account-register input[type="password"],
body.is-popup #account-register input[type="tel"] {
    background-color: #FFFFFF !important;
    border: 1px solid #f2f2f2 !important;
}

/* Sağdan açılır sepet (offcanvas mini-cart) düzenlemeleri */
#cart-content,
#cart-content.cart-content,
#cart .cart-content,
.cart-content-container,
.cart-content-container .cart-content,
.cart-content-container .cart-content > ul,
#cart-content > ul {
    background-color: #FFFFFF !important;
}

/* Toplam bloğu ve altındaki butonlar: beyaz arka plan, üstte divider */
#cart-content .cart-totals,
.cart-content-container .cart-totals,
#cart-content > ul .cart-totals,
.cart-content-container .cart-content > ul .cart-totals,
.cart-content-container .mobile-cart-content-wrapper.cart-content .cart-totals {
    background-color: #FFFFFF !important;
    border-top: 1px solid #EAEAEA !important;
    padding: 16px 20px 12px 20px !important;
}

#cart-content .cart-totals > div,
.cart-content-container .cart-totals > div {
    background-color: #FFFFFF !important;
}

/* Totals tablosu: kenarlıklar sıfır */
#cart-content .cart-totals table,
#cart-content .cart-totals .table,
#cart-content .cart-totals .table-bordered,
.cart-content-container .cart-totals table,
.cart-content-container .cart-totals .table,
.cart-content-container .cart-totals .table-bordered {
    border: none !important;
    background: transparent !important;
    margin: 0 0 14px 0 !important;
    width: 100% !important;
}

#cart-content .cart-totals table tr,
#cart-content .cart-totals table td,
.cart-content-container .cart-totals table tr,
.cart-content-container .cart-totals table td {
    border: none !important;
    background: transparent !important;
}

/* "Toplam" başlığı */
#cart-content .cart-totals .td-total-title,
.cart-content-container .cart-totals .td-total-title {
    text-align: left !important;
    font-weight: 400 !important;
    color: #333 !important;
    font-size: 17px !important;
    padding: 4px 0 !important;
    width: auto !important;
}

/* Toplam fiyatı */
#cart-content .cart-totals .td-total-text,
.cart-content-container .cart-totals .td-total-text {
    text-align: right !important;
    font-weight: 700 !important;
    color: #4E6131 !important;
    font-size: 20px !important;
    padding: 4px 0 !important;
    width: auto !important;
    white-space: nowrap !important;
}

/* Cart butonları: üstteki border'ı kaldır (divider zaten cart-totals üstünde) */
#cart-content .cart-buttons,
.cart-content-container .cart-buttons {
    background-color: #FFFFFF !important;
    border: none !important;
    padding: 0 !important;
    gap: 10px !important;
    flex-direction: column !important;
    align-items: stretch !important;
}

#cart-content .cart-buttons a,
.cart-content-container .cart-buttons a {
    margin: 0 !important;
    width: 100% !important;
}

/* Mobilde dil ve para birimi top-menu gizle */
@media (max-width: 768px) {
    .mobile-header .language-currency.top-menu,
    .mobile-top-bar .language-currency.top-menu {
        display: none !important;
    }
}

/* Hide breadcrumbs inside popup */
body.is-popup .breadcrumbs {
    display: none !important;
}

/* Center and adjust specific labels if they are not correctly styled */
body.is-popup .popup-form .col-sm-10 {
    width: 100% !important;
    padding: 0 !important;
}

@media (max-width: 767px) {
    body.is-popup .popup-form .login-actions {
        flex-direction: row !important;
        justify-content: space-between !important;
    }
}

/* Registration Popup Specifics */
body.is-popup .register-form .buttons .pull-right {
    float: none !important;
    width: 100% !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
}

body.is-popup .register-form .buttons .pull-right label {
    margin: 0 10px 0 5px !important;
    font-weight: normal !important;
    color: #666 !important;
    order: 2 !important;
}

body.is-popup .register-form .buttons .pull-right input[type="checkbox"] {
    margin: 0 !important;
    order: 1 !important;
}

body.is-popup .register-form .buttons .pull-right .popup-btn-continue,
.register-form .buttons .pull-right .popup-btn-continue {
    display: block !important;
    width: 100% !important;
    background-color: #374957 !important;
    color: #FFFFFF !important;
    padding: 15px !important;
    border-radius: 50px !important;
    text-align: center !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    text-transform: none !important;
    transition: all 0.3s ease !important;
    border: none !important;
    margin-top: 20px !important;
    order: 3 !important;
    height: auto !important;
}

body.is-popup .register-form .buttons .pull-right .popup-btn-continue:hover,
.register-form .buttons .pull-right .popup-btn-continue:hover {
    background-color: #6E7275 !important;
    color: #FFFFFF !important;
}

body.is-popup .register-form fieldset {
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

body.is-popup .register-form .radio-inline, 
body.is-popup .register-form .checkbox-inline {
    display: inline-flex !important;
    align-items: center !important;
    margin-right: 15px !important;
}

body.is-popup .register-form .radio-inline input, 
body.is-popup .register-form .checkbox-inline input {
    margin-top: 0 !important;
    margin-right: 5px !important;
}

/* Ensure only one required asterisk stays at the end of the label */
body.is-popup .popup-form .form-group.required .control-label::before,
.popup-form .form-group.required .control-label::before {
    display: none !important;
}

body.is-popup .popup-form .form-group.required .control-label::after,
.popup-form .form-group.required .control-label::after {
    display: inline-block !important;
    vertical-align: middle !important;
    margin-left: 4px !important;
    content: "*" !important;
    color: #f00 !important;
}

/* Centering Register Page Content */
.register-page {
    max-width: 600px !important;
    margin: 0 auto !important;
    float: none !important;
}

.register-page .custom-category-hero {
    text-align: center !important;
}

/* ============================================
   MOBILE POPUP SCROLL FIX
   ============================================ */
@media (max-width: 991px) {
    body.popup-fullscreen-mode .popup-container {
        overflow-y: scroll !important;
        -webkit-overflow-scrolling: touch !important;
    }

    body.popup-fullscreen-mode .popup-body {
        overflow-y: scroll !important;
        -webkit-overflow-scrolling: touch !important;
        min-height: 0 !important;
    }

    body.popup-fullscreen-mode .popup-inner-body {
        overflow-y: scroll !important;
        -webkit-overflow-scrolling: touch !important;
        min-height: 0 !important;
    }

    body.popup-fullscreen-mode .popup-inner-body iframe {
        min-height: 100% !important;
    }

    /* iframe icindeki sayfa mobilde kaydırılabilir olsun */
    body.is-popup {
        overflow-y: scroll !important;
        -webkit-overflow-scrolling: touch !important;
        height: auto !important;
        min-height: 100vh !important;
    }

    body.is-popup .site-wrapper,
    body.is-popup #wrapper,
    body.is-popup .global-wrapper {
        overflow-y: visible !important;
        min-height: 0 !important;
        height: auto !important;
    }

    body.is-popup #account-register {
        overflow-y: visible !important;
        height: auto !important;
    }
}

/* ============================================
   BREADCRUMB SEPARATOR REPLACEMENT (Global)
   ============================================ */

/* Force all breadcrumb items to use '/' as separator */
.breadcrumb li + li::before {
    content: "/" !important;
    padding: 0 10px !important;
    color: #999 !important;
    font-size: 14px !important;
    font-weight: 300 !important;
    opacity: 0.8 !important;
    font-family: 'Gowun Dodum', sans-serif !important; /* Match theme font */
}

/* Ensure no icons are being used as separators via pseudo-elements */
.breadcrumb li::after {
    display: none !important;
    content: none !important;
}

/* Fix for product page specific breadcrumb styles if any */
#product-product .breadcrumb li + li::before,
#product-category .breadcrumb li + li::before,
#checkout-checkout .breadcrumb li + li::before,
#checkout-cart .breadcrumb li + li::before,
[id^="account-"] .breadcrumb li + li::before {
    content: "/" !important;
}

/* ============================================
   CART TABLE SCROLL HINT (dil bazli icerik)
   NOT: .route-checkout-cart sinifi <html> elementi uzerinde,
   lang="tr" de ayni elementte oldugu icin aralarinda bosluk
   birakilmaz (descendant degil, ayni element secimi).
   :lang() pseudo-class'i tr/tr-TR/tr-tr varyantlarini kapsar.
   ============================================ */
html:lang(tr).route-checkout-cart .cart-table .table-responsive.table-scroll:before,
html:lang(tr).route-checkout-cart .cart-table .table-responsive.table-scroll::before {
    content: 'Kaydır →' !important;
}

html:lang(en).route-checkout-cart .cart-table .table-responsive.table-scroll:before,
html:lang(en).route-checkout-cart .cart-table .table-responsive.table-scroll::before {
    content: 'Scroll →' !important;
}

html:lang(ru).route-checkout-cart .cart-table .table-responsive.table-scroll:before,
html:lang(ru).route-checkout-cart .cart-table .table-responsive.table-scroll::before {
    content: 'Прокрутка →' !important;
}