@font-face{
    font-family:'Gilroy';
    font-weight:normal;
    src:url('../fonts/subset-Gilroy-Regular.woff2') format("woff2"), url('../fonts/subset-Gilroy-Regular.woff') format("woff"), url('../fonts/subset-Gilroy-Regular.svg#Gilroy-Regular') format("svg");
    font-style:normal;
    font-display:swap;
}

/* Hesap tooltip (data-tippy-content) - Popper/Tippy yok */
.hesap-tooltip{
    position:fixed;
    z-index:99999;
    padding:6px 10px;
    font-size:12px;
    font-weight:600;
    line-height:1.4;
    color:#fff;
    background:#1e293b;
    border-radius:8px;
    box-shadow:0 4px 12px rgba(0,0,0,0.15);
    pointer-events:none;
    opacity:0;
    visibility:hidden;
    transition:opacity 0.15s ease, visibility 0.15s ease;
    max-width:min(280px, calc(100vw - 16px));
    white-space:normal;
    text-align:center;
}
.hesap-tooltip.visible{
    opacity:1;
    visibility:visible;
}

/* Final mobile override: products list premium row layout */
@media (max-width:767px){
    .products .saas-list-item{
        align-items:stretch;
        padding:14px;
        gap:14px;
        border-radius:var(--radius-ui);
    }

    .products .sli-left{
        width:100%;
        align-items:flex-start;
        gap:12px;
    }

    .products .sli-info{
        min-width:0;
        flex:1;
    }

    .products-list-badges{
        flex-wrap:wrap;
    }

    .products .sli-title{
        white-space:normal;
        display:-webkit-box;
        line-clamp:2;
        -webkit-line-clamp:2;
        -webkit-box-orient:vertical;
        overflow:hidden;
    }

    .products .sli-desc{
        line-clamp:2;
        -webkit-line-clamp:2;
    }

    .products .sli-right{
        width:100%;
        display:flex;
        flex-direction:row;
        align-items:center;
        justify-content:space-between;
        flex-wrap:nowrap;
        gap:12px;
        padding-top:12px;
        margin-top:2px;
        border-top:1px solid var(--border-color);
    }

    .products .sli-price-col{
        width:auto;
        min-width:max-content;
        display:flex;
        flex-direction:row;
        align-items:baseline;
        gap:8px;
        text-align:left;
    }

    .products .sli-old-price{
        margin-bottom:0;
        font-size:11px;
    }

    .products .sli-new-price{
        font-size:18px;
    }

    .products .sli-actions{
        flex:1;
        width:auto;
        min-width:0;
        display:flex;
        align-items:center;
        justify-content:flex-end;
        flex-wrap:nowrap;
        gap:8px;
    }

    .products .sli-actions .saas-qty{
        width:92px;
        min-width:92px;
        height:40px;
        border-radius:var(--radius-ui);
        background:var(--bg-light);
    }

    .products .btn-sli-cart{
        width:40px;
        height:40px;
        flex:0 0 40px;
        border-radius:var(--radius-ui);
        background:rgba(61,90,254,0.08);
    }

    .products .btn-sli-buy,
    .products .btn-sli-stokyok{
        flex:1 1 auto;
        min-width:0;
        max-width:none;
        height:40px;
        padding:0 14px;
        font-size:13px;
        gap:8px;
        border-radius:var(--radius-ui);
        justify-content:center;
        white-space:nowrap;
    }

    .products .sli-actions > .btn-sli-buy:only-child,
    .products .sli-actions > .btn-sli-stokyok:only-child{
        flex:1 1 auto;
        width:auto;
    }
}

@media (max-width:576px){
    .products .saas-list-item{
        padding:14px 12px;
        border-radius:var(--radius-ui);
        gap:12px;
    }

    .products .sli-img{
        width:60px;
        height:60px;
        border-radius:var(--radius-ui);
    }

    .products .sli-title{
        font-size:14px;
    }

    .products .sli-desc{
        font-size:12px;
    }
}

@media (max-width:380px){
    .products .sli-img{
        width:56px;
        height:56px;
    }

    .products-list-badge{
        font-size:9px;
        padding:4px 7px;
    }

    .products .sli-price-col{
        gap:6px;
    }

    .products .sli-new-price{
        font-size:17px;
    }

    .products .sli-right{
        gap:8px;
    }

    .products .sli-actions{
        gap:6px;
    }

    .products .sli-actions .saas-qty{
        width:84px;
        min-width:84px;
    }

    .products .btn-sli-cart{
        width:38px;
        height:38px;
        flex-basis:38px;
    }

    .products .btn-sli-buy,
    .products .btn-sli-stokyok{
        height:38px;
        padding:0 12px;
        font-size:12px;
    }
}

@font-face{
    font-family:'Gilroy';
    font-weight:900;
    src:url('../fonts/subset-Gilroy-Bold.woff2') format("woff2"), url('../fonts/subset-Gilroy-Bold.woff') format("woff"), url('../fonts/subset-Gilroy-Bold.svg#Gilroy-Bold') format("svg");
    font-style:normal;
    font-display:swap;
}

@font-face{
    font-family:'Gilroy';
    font-weight:bold;
    src:url('../fonts/subset-Gilroy-Bold.woff2') format("woff2"), url('../fonts/subset-Gilroy-Bold.woff') format("woff"), url('../fonts/subset-Gilroy-Bold.svg#Gilroy-Bold') format("svg");
    font-style:normal;
    font-display:swap;
}

@font-face{
    font-family:'Gilroy';
    font-weight:100;
    src:url('../fonts/subset-Gilroy-Thin.woff2') format("woff2"), url('../fonts/subset-Gilroy-Thin.woff') format("woff"), url('../fonts/subset-Gilroy-Thin.svg#Gilroy-Thin') format("svg");
    font-style:normal;
    font-display:swap;
}

@font-face{
    font-family:'Gilroy';
    font-weight:200;
    src:url('../fonts/subset-Gilroy-UltraLight.woff2') format("woff2"), url('../fonts/subset-Gilroy-UltraLight.woff') format("woff"), url('../fonts/subset-Gilroy-UltraLight.svg#Gilroy-UltraLight') format("svg");
    font-style:normal;
    font-display:swap;
}

@font-face{
    font-family:'Gilroy';
    font-weight:600;
    src:url('../fonts/subset-Gilroy-Semibold.woff2') format("woff2"), url('../fonts/subset-Gilroy-Semibold.woff') format("woff"), url('../fonts/subset-Gilroy-Semibold.svg#Gilroy-Semibold') format("svg");
    font-style:normal;
    font-display:swap;
}

@font-face{
    font-family:'Gilroy';
    font-weight:500;
    src:url('../fonts/subset-Gilroy-Medium.woff2') format("woff2"), url('../fonts/subset-Gilroy-Medium.woff') format("woff"), url('../fonts/subset-Gilroy-Medium.svg#Gilroy-Medium') format("svg");
    font-style:normal;
    font-display:swap;
}

@font-face{
    font-family:swiper-icons;
    src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');
    font-weight:400;
    font-style:normal;
}

.swiper{
    margin-left:auto;
    margin-right:auto;
    position:relative;
    overflow:hidden;
    list-style:none;
    padding:0;
    z-index:1;
    display:block;
}

.swiper-vertical > .swiper-wrapper{
    flex-direction:column;
}

.swiper-wrapper{
    position:relative;
    width:100%;
    height:100%;
    z-index:1;
    display:flex;
    transition-property:transform;
    transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);
    box-sizing:content-box;
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper{
    transform:translate3d(0px, 0, 0);
}

.swiper-horizontal{
    touch-action:pan-y;
}

.swiper-vertical{
    touch-action:pan-x;
}

.swiper-slide{
    flex-shrink:0;
    width:100%;
    height:100%;
    position:relative;
    transition-property:transform;
    display:block;
}

.swiper-slide-invisible-blank{
    visibility:hidden;
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide{
    height:auto;
}

.swiper-autoheight .swiper-wrapper{
    align-items:flex-start;
    transition-property:transform, height;
}

.swiper-backface-hidden .swiper-slide{
    transform:translateZ(0);
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
}

.swiper-fade.swiper-free-mode .swiper-slide{
    transition-timing-function:ease-out;
}

.swiper-fade .swiper-slide{
    pointer-events:none;
    transition-property:opacity;
}

.swiper-fade .swiper-slide .swiper-slide{
    pointer-events:none;
}

.swiper-fade .swiper-slide-active{
    pointer-events:auto;
}

.swiper-fade .swiper-slide-active .swiper-slide-active{
    pointer-events:auto;
}
:root{
    --radius-ui:12px;
    --radius-xs:8px;
    --radius-sm:10px;
    --radius-md:14px;
    --radius-lg:16px;
    --radius-xl:18px;
    --radius-2xl:20px;
    --radius-3xl:22px;
    --radius-4xl:24px;
    --radius-card:var(--radius-4xl);
    --radius-panel:var(--radius-3xl);
    --radius-surface:var(--radius-2xl);
    --swiper-theme-color:#007aff;
    --primary-blue:#3d5afe;
    --success-green:#11d377;
    --warning-orange:#ffb300;
    --danger-red:#ff4454;
    --bg-body:#f4f5f7;
    --bg-header:#ffffff;
    --bg-top:#fafafa;
    --bg-light:#f1f2f6;
    --border-color:#e4e4e4;
    --dark-text:#212121;
    --gray-text:#85909e;
    --box-shadow:0 10px 40px rgba(0, 0, 0, 0.08);
    --dropdown-bg:#ffffff;
    --input-bg:#f4f5f7;
    --transition:color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease, opacity 0.3s ease, transform 0.3s ease;
    --header-transition:box-shadow 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), background 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
body.dark-mode{
    color-scheme:dark;
    --primary-blue:#3d5afe;
    --success-green:#11d377;
    --warning-orange:#ffb300;
    --danger-red:#ff4454;
    --bg-body:#0a0c10;
    --bg-header:#11141a;
    --bg-top:#0a0c10;
    --bg-light:#1c2128;
    --border-color:#2d303a;
    --dark-text:#f0f6fc;
    --gray-text:#8b949e;
    --box-shadow:0 10px 40px rgba(0, 0, 0, 0.6);
    --dropdown-bg:#11141a;
    --input-bg:#0a0c10;
}
html{
    scroll-behavior:smooth;
    scrollbar-gutter:stable;
}

@supports not (scrollbar-gutter: stable){
    html{
        overflow-y:scroll;
    }
}

body{
    font-family:'Gilroy', sans-serif;
    background-color:var(--bg-body);
    margin:0;
    padding:0;
    color:var(--dark-text);
    transition:none;
}

body.theme-switching-no-anim,
body.theme-switching-no-anim *,
body.theme-switching-no-anim *::before,
body.theme-switching-no-anim *::after{
    transition:none !important;
    animation:none !important;
}

a{
    text-decoration:none;
    color:inherit;
}

ul{
    list-style:none;
    padding:0;
    margin:0;
}

button:focus, input:focus{
    outline:none;
}

.site-header{
    background:var(--bg-header);
    position:relative;
    z-index:333;
    box-shadow:0 4px 15px rgba(0, 0, 0, 0.02);
    transition:var(--header-transition);
    overflow:visible;
}
.header-sticky-bar{
    position:sticky;
    top:0;
    z-index:222;
    background:var(--bg-header);
    box-shadow:0 4px 15px rgba(0, 0, 0, 0.02);
    transition:var(--header-transition);
    overflow:visible;
}
.header-top{
    border-bottom:1px solid var(--border-color);
    background:var(--bg-top);
    font-size:13px;
    font-weight:600;
    min-height:40px;
    display:flex;
    align-items:center;
    transition:var(--header-transition);
    position:relative;
    z-index:1032;
    overflow:visible;
}

.header-top .top-menu-box{
    display:flex;
    gap:15px;
    align-items:center;
    height:100%;
}

.header-top .top-menu-box a.mini{
    font-size:13px;
    font-weight:500;
    height:40px;
    display:flex;
    align-items:center;
    gap:6px;
    color:var(--gray-text);
    transition:var(--transition);
}

.header-top .top-menu-box a.mini:hover{
    color:var(--primary-blue);
}

.header-top .top-menu-box a.mini .ri-arrow-down-s-line{
    transition:transform .2s ease;
    backface-visibility:hidden;
    -webkit-backface-visibility:hidden;
    display:inline-flex;
    transform-origin:center;
}

.header-top .top-menu-box a.mini[aria-expanded="true"] .ri-arrow-down-s-line{
    transform:rotate(180deg);
}

.mini-top-icon{
    color:#9aa6b8 !important;
    transition:var(--transition);
}

.header-top .top-menu-box a.mini:hover .mini-top-icon{
    color:var(--primary-blue) !important;
}

.header-top .dropdown{
    position:relative;
    z-index:1033;
}

.header-top .dropdown-menu{
    z-index:1034;
}

/* Dropdown down icon: hover/state değişiminde titreme önleme */
.dropdown-toggle::after {
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}
[data-bs-toggle="dropdown"] .ri-arrow-down-s-line,
[data-bs-toggle="dropdown"] .ri-arrow-down-s-fill,
[data-bs-toggle="dropdown"] .down-icon,
.dropdown-toggle .ri-arrow-down-s-line,
.dropdown-toggle .ri-arrow-down-s-fill,
.game-accounts-btn .down-icon{
    backface-visibility:hidden;
    -webkit-backface-visibility:hidden;
    display:inline-flex;
    transform-origin:center;
    flex-shrink:0;
    transition:transform .2s ease;
}
[data-bs-toggle="dropdown"][aria-expanded="true"] .ri-arrow-down-s-line,
[data-bs-toggle="dropdown"][aria-expanded="true"] .ri-arrow-down-s-fill,
[data-bs-toggle="dropdown"][aria-expanded="true"] .down-icon,
.dropdown.show .dropdown-toggle .ri-arrow-down-s-line,
.dropdown.show .dropdown-toggle .ri-arrow-down-s-fill{
    transform:rotate(180deg);
}

.dropdown-menu{
    transform-origin:top center;
}

.dropdown-menu.dropdown-menu-animating-out{
    display:block !important;
    pointer-events:none;
    animation:dropdownMenuOut 140ms ease-in forwards;
}

@keyframes dropdownMenuOut{
    from{
        opacity:1;
    }
    to{
        opacity:0;
    }
}

@media (prefers-reduced-motion: reduce){
    .dropdown-menu.dropdown-menu-animating-out{
        animation:none !important;
    }
}

.theme-btn{
    width:28px;
    height:28px;
    border-radius:6px;
    background:var(--bg-light);
    display:inline-flex;
    align-items:center;
    justify-content:center;
    color:var(--dark-text);
    transition:var(--transition);
    border:none;
    cursor:pointer;
}

.theme-btn:hover{
    background:var(--primary-blue);
    color:#fff;
}
body.dark-mode .theme-btn,
body.kd-dark .theme-btn{ background:rgba(255,255,255,0.08); color:#f0f6fc; }
body.dark-mode .theme-btn:hover,
body.kd-dark .theme-btn:hover{ background:var(--primary-blue); color:#fff; }
.header-middle{
    padding:18px 0;
    background-color:var(--bg-header);
    border-bottom:1px solid var(--border-color);
    transition:var(--header-transition);
}

.logo img{
    height:50px;
    max-width:220px;
    object-fit:contain;
}

.logo-light{
    display:block;
}

.logo-dark{
    display:none;
}

body.dark-mode .logo-light{
    display:none !important;
}

body.dark-mode .logo-dark{
    display:block !important;
}
.search-container{
    flex-grow:1;
    max-width:550px;
    position:relative;
    margin:0 30px 0 0;
}

.search-input{
    width:100%;
    height:50px;
    background-color:var(--input-bg);
    border:2px solid transparent;
    border-radius:var(--radius-ui);
    padding:10px 45px 10px 45px;
    font-size:14px;
    font-weight:500;
    color:var(--dark-text);
    font-family:'Gilroy', sans-serif;
    transition:background-color 0.3s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.3s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1), color 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow:0 2px 6px rgba(0, 0, 0, 0.02);
}

.search-input::placeholder{
    color:var(--gray-text);
}

.search-input:focus{
    background-color:var(--bg-header);
    border-color:var(--primary-blue);
    box-shadow:0 6px 20px rgba(61, 90, 254, 0.12);
}

.search-icon{
    position:absolute;
    left:16px;
    top:50%;
    transform:translateY(-50%);
    color:var(--gray-text);
    font-size:18px;
    pointer-events:none;
    transition:color 0.3s ease;
}

.search-input:focus ~ .search-icon{
    color:var(--primary-blue);
}

.search-clear-btn{
    position:absolute;
    right:10px;
    top:50%;
    transform:translateY(-50%);
    width:30px;
    height:30px;
    border:none;
    border-radius:var(--radius-ui);
    background:var(--bg-light);
    color:var(--gray-text);
    display:none;
    align-items:center;
    justify-content:center;
    font-size:16px;
    z-index:10;
    cursor:pointer;
    transition:background-color 0.2s ease, color 0.2s ease;
}

.search-clear-btn:hover{
    background:rgba(255, 68, 84, 0.1);
    color:var(--danger-red);
}

.search-results-box{
    background:var(--bg-header);
    padding:15px;
    border-radius:var(--radius-ui);
    border:1px solid var(--border-color);
    box-shadow:0 16px 40px rgba(0, 0, 0, 0.08);
    margin-top:5px !important;
    transition:background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
    width:100%;
}

.search-results-box .head{
    font-size:11px;
    font-weight:700;
    color:var(--gray-text);
    margin-bottom:10px;
    text-transform:uppercase;
    letter-spacing:0.5px;
}
body.dark-mode .text-muted{
    color:var(--gray-text) !important;
}

body.dark-mode p.text-muted{
    color:var(--gray-text) !important;
}

body.dark-mode .bg-light{
    background-color:var(--bg-light) !important;
}

body.dark-mode .bg-white{
    background-color:var(--bg-header) !important;
}

body.dark-mode .border{
    border-color:var(--border-color) !important;
}

body.dark-mode .border-bottom{
    border-color:var(--border-color) !important;
}

body.dark-mode .border-top{
    border-color:var(--border-color) !important;
}

body.dark-mode .text-dark{
    color:var(--dark-text) !important;
}

section.withdraw{
    margin-top:30px;
    margin-bottom:70px;
}

section.withdraw .box{
    border-radius:var(--radius-ui);
    background-color:#fff;
    box-shadow:0 2px 15px rgba(0, 0, 0, 0.04);
    margin-bottom:20px;
}

section.withdraw .box .head{
    padding:25px 30px;
    border-bottom:1px solid #efefef;
}

section.withdraw .box .head .title{
    color:#464a5c;
    font-size:20px;
    font-weight:600;
    margin-bottom:8px;
}

section.withdraw .box .head p.desc{
    color:#6c757d;
    font-size:15px;
    font-weight:400;
    line-height:1.4;
    margin:0;
}

section.withdraw .box .body{
    padding:30px;
}

.hesaptable{
    width:100%;
    border-collapse:collapse;
    margin-bottom:0;
}

.hesaptable th{
    background-color:#f8f9fa;
    color:#495057;
    font-size:14px;
    font-weight:600;
    padding:15px 20px;
    border-bottom:2px solid #e9ecef;
    white-space:nowrap;
}

.hesaptable td{
    padding:15px 20px;
    color:#212529;
    font-size:14px;
    font-weight:500;
    border-bottom:1px solid #e9ecef;
    vertical-align:middle;
}

.hesaptable tr.notestyle td{
    padding:8px 20px 15px !important;
    border-bottom:1px solid #e9ecef !important;
    background-color:#fafbfc;
}

.hesaptable tr:not(.notestyle){
    border-bottom:none !important;
}

.lefttabmenu{
    background:#fff;
    padding:20px;
    border-radius:var(--radius-ui);
    box-shadow:0 2px 15px rgba(0, 0, 0, 0.04);
}

.lefttabmenu .tt{
    display:block;
    font-size:15px;
    font-weight:600;
    color:#495057;
    margin-bottom:20px;
    padding-bottom:10px;
    border-bottom:1px solid #e9ecef;
}

.btn-category-large{
    display:flex;
    align-items:center;
    padding:24px;
    background:#fff;
    border:1px solid #e9ecef;
    border-radius:var(--radius-ui);
    cursor:pointer;
    transition:all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
    height:100%;
    box-shadow:0 2px 8px rgba(0, 0, 0, 0.02);
    position:relative;
    overflow:hidden;
}

.btn-category-large::before{
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:4px;
    height:100%;
    background:#3d5afe;
    opacity:0;
    transition:all 0.3s ease;
}

.btn-category-large:hover{
    border-color:#3d5afe;
    box-shadow:0 8px 24px rgba(61, 90, 254, 0.08);
}

.btn-category-large:hover::before{
    opacity:1;
}

.btn-category-large .icon-wrap{
    width:60px;
    height:60px;
    border-radius:var(--radius-ui);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:28px;
    margin-right:20px;
    position:relative;
    z-index:1;
    transition:all 0.3s ease;
    flex-shrink:0;
}


.btn-category-large .content{
    position:relative;
    z-index:1;
    text-align:left;
}

.btn-category-large .content h5{
    margin:0 0 6px 0;
    font-size:16px;
    font-weight:700;
    color:#212529;
    transition:color 0.3s ease;
}

.btn-category-large:hover .content h5{
    color:#3d5afe;
}

.btn-category-large .content span{
    font-size:13px;
    color:#6c757d;
    font-weight:500;
}

.btn-tab{
    display:flex;
    align-items:center;
    padding:15px;
    border:1px solid #e9ecef;
    border-radius:var(--radius-ui);
    text-decoration:none;
    color:#212529;
    transition:all 0.2s ease;
    background:#fff;
    position:relative;
    height:100%;
}

.btn-tab:hover{
    border-color:#3d5afe;
    box-shadow:0 8px 25px rgba(61, 90, 254, 0.08);
}

.btn-tab .icon{
    width:70px;
    height:50px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-right:15px;
    position:relative;
    background:#fff;
    border-radius:var(--radius-ui);
    padding:5px;
    border:1px solid #f1f3f5;
}

.btn-tab .icon img{
    max-height:100%;
    max-width:100%;
    object-fit:contain;
}

.btn-tab .icon .badge{
    position:absolute;
    top:-10px;
    right:-10px;
    left:auto;
    transform:none;
    font-size:10px;
    padding:4px 8px;
    border-radius:6px;
    box-shadow:0 4px 10px rgba(0, 0, 0, 0.1);
    letter-spacing:0.5px;
    z-index:2;
}

.btn-tab .text{
    flex:1;
    font-size:15px;
    font-weight:600;
    line-height:1.4;
}

.btn-tab .text small{
    display:inline-block;
    font-size:11px;
    color:#11d377;
    font-weight:600;
    margin-bottom:4px;
    background:rgba(17, 211, 119, 0.1);
    padding:3px 8px;
    border-radius:6px;
}

#methods-container{
    animation:fadeIn 0.3s ease;
}

@keyframes fadeIn{
    from{
        opacity:0;
        transform:translateY(10px);
    }
    to{
        opacity:1;
        transform:translateY(0);
    }
}

.body .text a{
    color:#3d5afe;
    text-decoration:none;
}

.body .text a:hover{
    text-decoration:underline;
}

.nav-tabs{
    border-bottom:none !important;
    gap:20px;
    margin-bottom:0;
}

.nav-tabs .nav-link{
    color:#6c757d !important;
    border:none !important;
    background:transparent !important;
    font-weight:600;
    font-size:16px;
    padding:15px 5px;
    position:relative;
}

.nav-tabs .nav-link::after{
    content:'';
    position:absolute;
    bottom:-1px;
    left:0;
    width:100%;
    height:3px;
    background:#3d5afe;
    border-radius:3px 3px 0 0;
    opacity:0;
    transition:all 0.3s ease;
    z-index:2;
}

.nav-tabs .nav-link:hover{
    color:#212529 !important;
}

.nav-tabs .nav-link.active{
    color:#3d5afe !important;
}

.nav-tabs .nav-link.active::after{
    opacity:1;
}

.history-list{
    display:flex;
    flex-direction:column;
    gap:12px;
}

.history-item{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:20px;
    background:#fff;
    border:1px solid #e9ecef;
    border-radius:var(--radius-ui);
    transition:all 0.3s ease;
}

.history-item:hover{
    border-color:#3d5afe;
    box-shadow:0 4px 15px rgba(61, 90, 254, 0.05);
}

.history-item-left{
    display:flex;
    align-items:center;
    gap:15px;
}

.history-icon{
    width:48px;
    height:48px;
    border-radius:var(--radius-ui);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:24px;
    flex-shrink:0;
}

.history-icon.card-icon{
    background:rgba(61, 90, 254, 0.1);
    color:#3d5afe;
}

.history-icon.bank-icon{
    background:rgba(17, 211, 119, 0.1);
    color:#11d377;
}

.history-icon.wallet-icon{
    background:rgba(255, 193, 7, 0.1);
    color:#ffc107;
}

.history-details h6{
    margin:0 0 5px 0;
    font-size:15px;
    font-weight:600;
    color:#212529;
}

.history-details .meta{
    font-size:13px;
    color:#6c757d;
    display:flex;
    align-items:center;
    gap:10px;
}

.history-item-right{
    display:flex;
    flex-direction:column;
}

.history-price{
    font-size:16px;
    font-weight:700;
    color:#212529;
}

.history-note{
    width:100%;
    background:#f8f9fa;
    border-radius:var(--radius-ui);
    padding:12px 15px;
    margin-top:-5px;
    margin-bottom:10px;
    font-size:13px;
    color:#6c757d;
    border-left:3px solid #dee2e6;
}

@media (max-width: 360px){
    .mobile-header-action-btn{
        height:34px;
        padding:0 10px;
        display:inline-flex;
        align-items:center;
    }

    .nav-bakiye-btn,
    .mobile-header-action-btn.bakiye-yukle{
        font-size:0 !important;
        gap:6px;
    }

    .nav-bakiye-btn{
        padding:0 12px;
    }

    .nav-bakiye-btn i,
    .mobile-header-action-btn.bakiye-yukle i{
        font-size:16px;
    }

    .nav-bakiye-btn::after,
    .mobile-header-action-btn.bakiye-yukle::after{
        content:"Bakiye";
        display:inline-flex;
        align-items:center;
        font-size:12px;
        font-weight:700;
        line-height:1;
    }
}

@media (max-width: 350px){
    .mobile-header-user-profile .user-info{
        display:none !important;
    }
}

body.dark-mode .btn-close{
    filter:invert(1) grayscale(100%) brightness(200%) !important;
}

body.dark-mode .modal-content{
    background-color:var(--bg-header) !important;
    border-color:var(--border-color) !important;
}

body.dark-mode .modal .text-dark,
body.dark-mode .modal .fw-bold.text-dark{ color:var(--dark-text) !important; }
body.dark-mode .swal2-popup .text-dark,
body.dark-mode .swal2-popup .fw-bold.text-dark,
body.dark-mode .swal2-html-container .text-dark,
body.dark-mode .swal2-html-container .fw-bold.text-dark,
body.dark-mode .customPopupSwal .text-dark,
body.dark-mode .customPopupSwal .fw-bold.text-dark,
body.dark-mode .customPopupSwal .swal2-html-container .text-dark,
body.dark-mode .customPopupSwal .swal2-html-container .fw-bold.text-dark{ color:var(--dark-text) !important; }

body.dark-mode h1,
body.dark-mode h2,
body.dark-mode h3,
body.dark-mode h4,
body.dark-mode h5,
body.dark-mode h6{
    color:var(--dark-text);
}

body.dark-mode .text-dark-custom{
    color:var(--dark-text) !important;
}

body.dark-mode input::placeholder,
body.dark-mode textarea::placeholder{
    color:var(--gray-text) !important;
}

body.dark-mode .header-icon-btn:hover{
    background-color:var(--bg-light) !important;
}

body.dark-mode .fw-bold.text-dark{
    color:var(--dark-text) !important;
}
.search-results-box .search-item{
    color:var(--primary-blue);
    background-color:rgba(61, 90, 254, 0.08);
    border-radius:var(--radius-ui);
    padding:6px 12px;
    font-size:13px;
    font-weight:600;
    display:inline-block;
    cursor:pointer;
    transition:var(--transition);
    margin:0 4px 8px 0;
}

.search-results-box .search-item:hover{
    color:#fff;
    background-color:var(--primary-blue);
}
/* Arama dropdown: sponsorlu mağazalar — rating-pro ile aynı yüzey dili */
.search-results-box .promoted-stores{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
}

.search-results-box .store-badge{
    display:flex;
    align-items:center;
    gap:6px;
    padding:6px 8px;
    min-width:0;
    background:#f8fafc;
    border:1px solid #e2e8f0;
    border-radius:var(--radius-ui);
    box-shadow:none;
    transition:border-color .2s ease, background .2s ease;
    cursor:pointer;
    -webkit-font-smoothing:antialiased;
}

.search-results-box .store-badge:hover{
    border-color:#cbd5e1;
    background:#f1f5f9;
}

.search-results-box .store-badge .c-avatar{
    width:32px;
    height:32px;
    flex-shrink:0;
    border:1px solid #e2e8f0;
    border-radius:var(--radius-sm);
    box-shadow:none;
}

.search-results-box .store-badge__name-wrap{
    flex:1 1 0;
    min-width:0;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    padding:0 4px 0 0;
}

.search-results-box .store-badge .s-name{
    font-size:12px;
    font-weight:800;
    letter-spacing:-0.02em;
    color:#0f172a;
    line-height:1.2;
    margin:0;
    display:block;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    max-width:100%;
    text-align:left;
}

.search-results-box .store-badge .store-badge__rating.rating-pro--search-dropdown.rating-pro{
    width:auto;
    max-width:min(100%, 118px);
    box-sizing:border-box;
    justify-content:flex-start;
    flex:0 0 auto;
    flex-shrink:0;
    padding:2px 4px 2px 2px;
    gap:2px;
    font-size:10px;
    font-weight:800;
    letter-spacing:-0.02em;
    line-height:1;
    margin:0;
}

.search-results-box .store-badge .rating-pro--search-dropdown .rating-pro__left{
    width:17px;
    height:17px;
    border-radius:calc(var(--radius-sm) - 1px);
}

.search-results-box .store-badge .rating-pro--search-dropdown .rating-pro__left i.ri-star-fill{
    font-size:9px;
}

.search-results-box .store-badge .rating-pro--search-dropdown .rating-pro__score{
    gap:2px;
    flex:0 1 auto;
    min-width:0;
}

.search-results-box .store-badge .rating-pro--search-dropdown .rating-pro__score span{
    font-size:8px;
    padding:1px 4px;
    font-weight:700;
}

body.dark-mode .search-results-box .store-badge{
    background:var(--bg-header) !important;
    border-color:rgba(148,163,184,0.22) !important;
    color:#e2e8f0;
}

body.dark-mode .search-results-box .store-badge:hover{
    border-color:rgba(148,163,184,0.35) !important;
    background:color-mix(in srgb, var(--bg-header) 92%, #fff 8%) !important;
}

body.dark-mode .search-results-box .store-badge .c-avatar{
    border-color:rgba(148,163,184,0.28) !important;
}

body.dark-mode .search-results-box .store-badge .s-name{
    color:#e2e8f0 !important;
}

.search-results-box .body ul{
    margin:0;
    padding:0;
    list-style:none;
    max-height:400px;
    overflow-y:auto;
}

.search-results-box .body ul::-webkit-scrollbar{
    width:4px;
    border-radius:2px;
}

.search-results-box .body ul::-webkit-scrollbar-track{
    border-radius:2px;
    background-color:transparent;
}

.search-results-box .body ul::-webkit-scrollbar-thumb{
    border-radius:2px;
    background-color:var(--border-color);
}

.search-results-box .group-title{
    font-size:11px;
    font-weight:700;
    color:var(--primary-blue);
    text-transform:uppercase;
    letter-spacing:0.5px;
    padding:12px 10px 6px;
    border-bottom:1px solid var(--border-color);
    margin-bottom:4px;
    margin-top:4px;
}

.search-results-box .group-title:first-child{
    padding-top:0;
    margin-top:0;
}

.search-results-box .list-item{
    display:flex;
    align-items:center;
    padding:8px 10px;
    color:var(--dark-text);
    font-size:13px;
    font-weight:500;
    border-radius:var(--radius-ui);
    transition:var(--transition);
    text-decoration:none;
}

.search-results-box .list-item:hover, .search-results-box .list-item.highlight{
    background-color:var(--bg-light);
    color:var(--primary-blue);
}

.search-results-box .list-item .c-avatar{
    width:24px;
    height:24px;
}
.header-actions{
    display:flex;
    align-items:center;
    gap:12px;
}

.btn-add-listing{
    background-color:rgba(255, 179, 0, 0.1);
    color:#e6a100;
    font-weight:700;
    border-radius:var(--radius-ui);
    height:48px;
    padding:0 18px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    transition:background-color 0.3s cubic-bezier(0.4, 0, 0.2, 1), color 0.3s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.3s cubic-bezier(0.4, 0, 0.2, 1), transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    border:1px solid rgba(255, 179, 0, 0.2);
}

.btn-add-listing:hover{
    background-color:var(--warning-orange);
    color:#fff;
    box-shadow:0 6px 15px rgba(255, 179, 0, 0.25);
    border-color:var(--warning-orange);
}

.btn-add-listing i{
    font-size:18px;
}

.header-icon-btn-group{
    display:flex;
    gap:10px;
    margin:0;
    padding:0;
}

.header-icon-btn{
    width:48px;
    height:48px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:var(--radius-ui);
    background-color:var(--bg-light);
    color:var(--gray-text);
    font-size:20px;
    position:relative;
    transition:background-color 0.3s cubic-bezier(0.4, 0, 0.2, 1), color 0.3s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.3s cubic-bezier(0.4, 0, 0.2, 1), transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    margin:0;
    padding:0;
    border:1px solid transparent;
}

button.header-icon-btn{
    font:inherit;
    cursor:pointer;
    -webkit-appearance:none;
    appearance:none;
}

.header-icon-btn:hover{
    background-color:var(--bg-header);
    color:var(--primary-blue);
    border-color:rgba(61, 90, 254, 0.2);
    box-shadow:0 6px 15px rgba(61, 90, 254, 0.12);
}

.header-icon-btn i{
    color:inherit;
    transition:transform 0.3s ease;
}


.header-icon-btn .badge{
    position:absolute;
    top:-4px;
    right:-4px;
    z-index:2;
    background-color:var(--danger-red);
    color:#fff;
    font-size:9px;
    font-weight:700;
    font-variant-numeric:tabular-nums;
    letter-spacing:-0.02em;
    border-radius:9999px;
    padding:0 5px;
    min-width:18px;
    height:18px;
    box-sizing:border-box;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border:2px solid var(--bg-header);
    line-height:1;
    white-space:nowrap;
    box-shadow:0 2px 4px rgba(255, 68, 84, 0.3);
    transition:transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
}


.header-icon-btn--cart{
    background-color:rgba(255, 179, 0, 0.1);
    color:var(--warning-orange);
}

.header-icon-btn--cart:hover{
    background-color:rgba(255, 179, 0, 0.2);
    color:var(--warning-orange);
    border-color:rgba(255, 179, 0, 0.3);
    box-shadow:0 6px 15px rgba(255, 179, 0, 0.15);
}

.game-tabs .nav-link{
    color:var(--gray-text);
    transition:var(--transition);
    border:1px solid transparent;
    padding:10px 15px;
}

.game-tabs .nav-link:hover{
    background-color:rgba(61, 90, 254, 0.05);
    color:var(--dark-text);
}

.game-tabs .nav-link.active{
    background-color:rgba(61, 90, 254, 0.1);
    color:var(--primary-blue);
    border-color:rgba(61, 90, 254, 0.2);
}

.quick-product-card{
    border-radius:var(--radius-ui);
}

.quick-product-card .input-group{
    width:85px !important;
}

.quick-product-card .input-group .btn{
    padding:0 6px;
}

.quick-product-card .input-group .form-control{
    padding:0 4px;
    font-size:13px;
}

.quick-product-card .btn-primary{
    padding:6px 0;
    font-size:13px;
}

.quick-product-card:hover{
    box-shadow:0 8px 20px rgba(0, 0, 0, 0.08);
    border-color:var(--primary-blue) !important;
}
.header-kurumsal-menu-box{
    width:650px !important;
    padding:30px !important;
    border:1px solid var(--border-color);
    border-radius:var(--radius-ui);
    box-shadow:0 16px 40px rgba(0, 0, 0, 0.08);
    background:var(--bg-header);
    margin-top:5px !important;
    transition:background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
    z-index:1035 !important;
}

.kurumsal-menu-title{
    font-size:14px;
    font-weight:700;
    color:var(--dark-text);
    margin-bottom:15px;
    text-transform:uppercase;
}

.header-kurumsal-menu-box ul{
    list-style:none;
    padding:0;
    margin:0;
    display:flex;
    flex-direction:column;
    gap:2px;
}

.header-kurumsal-menu-box ul li a.dropdown-item{
    color:var(--gray-text);
    font-size:13px;
    font-weight:500;
    padding:8px 12px;
    border-radius:6px;
    display:block;
    transform:translateX(0);
    transition:background-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
}

.header-kurumsal-menu-box ul li a.dropdown-item:hover{
    background-color:rgba(61, 90, 254, 0.06);
    color:var(--primary-blue);
}

.for-gamers{
    background-color:rgba(61, 90, 254, 0.05);
    border-radius:var(--radius-ui);
    padding:15px;
    margin-bottom:10px;
}

.for-gamers .x-title{
    font-size:13px;
    font-weight:700;
    color:var(--primary-blue);
    margin-bottom:12px;
    text-transform:uppercase;
}

.square-btn.light.black{
    background-color:var(--bg-light) !important;
    color:var(--dark-text) !important;
    border:1px solid var(--border-color);
    transition:background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease, transform 0.3s ease;
}

.square-btn.light.black i{
    color:var(--primary-blue) !important;
}

.square-btn.light.black:hover{
    border-color:var(--primary-blue);
    box-shadow:0 4px 10px rgba(0, 0, 0, 0.05);
}

.square-btn.light.blue{
    background-color:rgba(61, 90, 254, 0.1) !important;
    color:var(--primary-blue) !important;
    transition:background-color 0.3s ease, color 0.3s ease, transform 0.3s ease;
    border:none;
}

.square-btn.light.blue i{
    color:var(--primary-blue) !important;
}

.square-btn.light.blue:hover{
    background-color:rgba(61, 90, 254, 0.15) !important;
}
.dropdown-menu.premium-menu{
    border:1px solid var(--border-color);
    border-radius:var(--radius-ui);
    box-shadow:var(--box-shadow);
    padding:0;
    margin-top:0 !important;
    background:var(--dropdown-bg);
    transition:var(--transition);
    overflow:hidden;
}

.premium-menu .dropdown-header{
    width:100%;
    background:linear-gradient(135deg, var(--primary-blue) 0%, #1f3192 100%);
    padding:20px;
    color:#fff;
    position:relative;
    overflow:hidden;
}

.premium-menu .dropdown-header::before{
    content:'';
    position:absolute;
    top:-30px;
    right:-30px;
    width:120px;
    height:120px;
    background:radial-gradient(circle, rgba(255, 255, 255, 0.15) 0%, transparent 70%);
    border-radius:50%;
    z-index:0;
    pointer-events:none;
}

.premium-menu .dropdown-header::after{
    content:'';
    position:absolute;
    bottom:-20px;
    left:-20px;
    width:80px;
    height:80px;
    background:radial-gradient(circle, rgba(0, 0, 0, 0.1) 0%, transparent 70%);
    border-radius:50%;
    z-index:0;
    pointer-events:none;
}

.premium-menu .dropdown-body{
    padding:15px 20px;
}

.dropdown-bakiye-btn{
    position:relative;
    overflow:hidden;
    display:flex;
    align-items:center;
    justify-content:space-between;
    width:100%;
    height:44px;
    padding:0 16px;
    border-radius:var(--radius-ui);
    background:linear-gradient(135deg, rgba(17, 211, 119, 0.22) 0%, rgba(13, 184, 102, 0.15) 100%);
    border:1px solid rgba(17, 211, 119, 0.35);
    color:#11d377;
    font-size:14px;
    font-weight:700;
    transition:var(--transition);
}

.dropdown-bakiye-btn::before{
    content:'';
    position:absolute;
    top:0;
    left:-100%;
    width:50%;
    height:100%;
    background:linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.12) 50%, rgba(255, 255, 255, 0) 100%);
    transform:skewX(-25deg);
    transition:left 0.6s ease;
}

.dropdown-bakiye-btn:hover{
    background:linear-gradient(135deg, rgba(17, 211, 119, 0.32) 0%, rgba(13, 184, 102, 0.24) 100%);
    color:#11d377;
    border-color:rgba(17, 211, 119, 0.55);
}

.dropdown-bakiye-btn:hover::before{
    left:200%;
}

.user-profile-pill{
    background-color:var(--bg-header);
    border:1px solid var(--border-color);
    border-radius:var(--radius-ui);
    height:48px;
    padding:0 12px 0 6px;
    display:inline-flex;
    align-items:center;
    gap:8px;
    cursor:pointer;
    transition:var(--transition);
}

.user-profile-pill:hover{
    border-color:var(--primary-blue);
    box-shadow:0 4px 12px rgba(61, 90, 254, 0.05);
}

.user-info{
    display:flex;
    flex-direction:column;
    justify-content:center;
    margin-top:1px;
}

.user-name{
    font-size:13px;
    font-weight:600;
    color:var(--dark-text);
    line-height:1;
    margin-bottom:4px;
}

.user-balance{
   font-size:12px;
   font-weight:700;
   color:var(--success-green);
   line-height:1;
}

.avatar-wrapper{
    position:relative;
    width:36px;
    height:36px;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
}

.user-profile-pill .avatar-wrapper{
    width:36px;
    height:36px;
}

.avatar-wrapper img{
    width:100%;
    height:100%;
    border-radius:4px;
    object-fit:cover;
}

.avatar-wrapper .avatar-frame{
    border-radius:4px;
    position:absolute;
    top:50%;
    left:50%;
    width:125%;
    height:125%;
    transform:translate(-50%, -50%);
    z-index:2;
    pointer-events:none;
    object-fit:contain;
}

.header-hamburger-btn{
    width:42px;
    height:42px;
    background:var(--bg-light);
    border-radius:var(--radius-ui);
    border:none;
    color:var(--dark-text);
}

.header-hamburger-btn:hover,
.header-hamburger-btn:active,
.header-hamburger-btn:focus,
.header-hamburger-btn:focus-visible,
.header-hamburger-btn.is-open{
    background:var(--bg-light);
    color:var(--dark-text);
    border-color:transparent;
    box-shadow:none;
    outline:none;
}

.header-hamburger-btn:hover i,
.header-hamburger-btn:active i,
.header-hamburger-btn:focus i,
.header-hamburger-btn:focus-visible i,
.header-hamburger-btn.is-open i{
}

.header-user-avatar-mobile{
    cursor:pointer;
    width:38px;
    height:38px;
    flex-shrink:0;
    overflow:hidden;
    border-radius:var(--radius-ui);
    display:flex;
    align-items:center;
    justify-content:center;
}

.header-user-avatar-mobile .header-user-avatar-mobile-inner{
    width:38px;
    height:38px;
}

.header-user-avatar-mobile .header-user-avatar-frame-mobile{
    width:100%;
    height:100%;
}

.header-icon-btn--cart .badge{
    background:var(--warning-orange) !important;
}

.search-results-box .head .badge.bg-warning{
    font-size:9px;
}

.user-summary-row{
    padding:0 0 20px 0;
    display:flex;
    align-items:center;
    justify-content:space-between;
    position:relative;
    z-index:1;
}

.user-summary{
    display:flex;
    align-items:center;
    gap:12px;
}

.user-summary .name{
    color:#FFF;
    font-weight:600;
    font-size:16px;
}

.user-summary .order{
    font-size:14px;
    font-weight:400;
    color:rgba(255, 255, 255, 0.6);
    margin-top:2px;
}

.balance-title{
    font-size:11px;
    font-weight:600;
    color:rgba(255, 255, 255, 0.7);
    text-transform:uppercase;
    margin-bottom:4px;
}

.balanceDropdown{
    font-size:18px;
    font-weight:700;
    color:var(--success-green);
}

.premium-menu .dropdown-item{
    color:var(--gray-text);
    font-size:14px;
    font-weight:600;
    padding:10px 15px;
    display:flex;
    align-items:center;
    gap:12px;
    background:none;
    border-radius:var(--radius-ui);
    transition:var(--transition);
    margin-bottom:2px;
}

.premium-menu .dropdown-item i{
    opacity:.7;
    font-size:18px;
}

.premium-menu .dropdown-item:hover{
    color:var(--primary-blue);
    background-color:rgba(61, 90, 254, 0.05);
    padding-left:20px;
}

.user-menu-item-admin{
    background-color:rgba(255, 68, 84, 0.1) !important;
    color:var(--danger-red) !important;
}

.user-menu-item-admin i{
    color:var(--danger-red) !important;
    transition:var(--transition);
}

.user-menu-item-admin:hover{
    background-color:var(--danger-red) !important;
    color:#fff !important;
}

.user-menu-item-admin:hover i{
    color:#fff !important;
}

.user-menu-item-publisher{
    background-color:rgba(255, 179, 0, 0.1) !important;
    color:#d89600 !important;
}

.user-menu-item-publisher i{
    color:#d89600 !important;
    transition:var(--transition);
}

.user-menu-item-publisher:hover{
    background-color:#d89600 !important;
    color:#fff !important;
}

.user-menu-item-publisher:hover i{
    color:#fff !important;
}

.user-menu-item-dealer{
    background-color:rgba(61, 90, 254, 0.1) !important;
    color:var(--primary-blue) !important;
}

.user-menu-item-dealer i{
    color:var(--primary-blue) !important;
    transition:var(--transition);
}

.user-menu-item-dealer:hover{
    background-color:var(--primary-blue) !important;
    color:#fff !important;
}

.user-menu-item-dealer:hover i{
    color:#fff !important;
}

.user-menu-item-kurumsal{
    background-color:rgba(13, 202, 240, 0.1) !important;
    color:#0dcaf0 !important;
}

.user-menu-item-kurumsal i{
    color:#0dcaf0 !important;
    transition:var(--transition);
}

.user-menu-item-kurumsal:hover{
    background-color:#0dcaf0 !important;
    color:#fff !important;
}

.user-menu-item-kurumsal:hover i{
    color:#fff !important;
}

.user-menu-item-logout{
    background-color:rgba(255, 68, 84, 0.05) !important;
    color:var(--danger-red) !important;
    margin-top:auto;
}

.user-menu-item-logout i{
    color:var(--danger-red) !important;
}

.user-menu-item-logout:hover{
    background-color:var(--danger-red) !important;
    color:#fff !important;
    padding-left:15px !important;
}

.user-menu-item-logout:hover i{
    color:#fff !important;
}

.square-btn{
    display:flex;
    align-items:center;
    gap:12px;
    padding:12px 15px;
    border-radius:var(--radius-ui);
    background-color:var(--bg-light);
    color:var(--dark-text);
    font-weight:600;
    margin-bottom:8px;
    transition:var(--transition);
    font-size:14px;
}

.square-btn i{
    font-size:18px;
    color:var(--primary-blue);
}

.square-btn:hover{
    background-color:rgba(61, 90, 254, 0.1);
}
.header-bottom{
    position:relative;
    min-height:64px;
    border-bottom:1px solid var(--border-color);
    background:var(--bg-header);
    transition:var(--transition);
}

.header-bottom .container-xxl{
    position:static;
}

.main-nav{
    display:flex;
    gap:16px;
    min-height:64px;
    align-items:center;
    overflow:visible;
}

.main-nav::-webkit-scrollbar{
    display:none;
}

.header-nav-item{
    color:var(--dark-text);
    font-weight:600;
    font-size:15px;
    display:flex;
    align-items:center;
    gap:8px;
    transition:var(--transition);
    white-space:nowrap;
    cursor:pointer;
    border:none;
    background:transparent;
    padding:0;
}

.header-nav-item i{
    width:41px;
    height:41px;
    min-width:41px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:20px;
    background-color:rgba(61, 90, 254, 0.1);
    color:var(--primary-blue);
    border-radius:var(--radius-ui);
    padding:0;
    transition:var(--transition);
}

.header-nav-item .svg-icon{
    width:41px;
    height:41px;
    min-width:41px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:var(--radius-ui);
    padding:0;
    transition:var(--transition);
    background-color:rgba(61, 90, 254, 0.1);
    color:var(--primary-blue);
}

.header-nav-item .svg-icon svg{
    width:22px;
    height:22px;
    display:block;
    fill:currentColor;
}

.header-nav-item .svg-icon.pubg{
    background-color:rgba(222, 141, 0, 0.14);
    color:#de8d00;
}

.header-nav-item .svg-icon.pubg svg{
    width:28px;
    height:16px;
}

.header-nav-item .svg-icon.valorant{
    background-color:rgba(255, 68, 84, 0.14);
    color:#ff4454;
}

.header-nav-item .svg-icon.valorant svg{
    width:20px;
    height:20px;
}

.header-nav-item .svg-icon.lol{
    background-color:rgba(179, 149, 86, 0.14);
    color:#b39556;
}

.header-nav-item .svg-icon.lol svg{
    width:19px;
    height:19px;
}

.header-nav-item .svg-icon.cs2{
    background-color:rgba(40, 57, 127, 0.14);
}

.header-nav-item .svg-icon.cs2 img{
    width:23px;
    height:23px;
    object-fit:contain;
    filter:brightness(0) saturate(100%) invert(22%) sepia(28%) saturate(2076%) hue-rotate(203deg) brightness(97%) contrast(93%);
    opacity:1;
}

.header-nav-item .svg-icon.roblox{
    background-color:rgba(211, 57, 47, 0.14);
    color:#d3392f;
}

.header-nav-item .svg-icon.roblox img{
    width:23px;
    height:23px;
    object-fit:contain;
    opacity:1;
    filter:brightness(0) saturate(100%) invert(32%) sepia(93%) saturate(3200%) hue-rotate(328deg) brightness(96%) contrast(90%);
}



.header-nav-item:hover{
    color:var(--primary-blue);
}

.main-nav > .dropdown.show > .header-nav-item,
.main-nav > .dropdown > .header-nav-item.show,
.main-nav > .dropdown > .header-nav-item[aria-expanded="true"]{
    color:var(--primary-blue);
    position:relative;
}

.main-nav > .dropdown.show > .header-nav-item::after,
.main-nav > .dropdown > .header-nav-item.show::after,
.main-nav > .dropdown > .header-nav-item[aria-expanded="true"]::after{
    content:"";
    position:absolute;
    left:8px;
    right:8px;
    bottom:-11px;
    height:4px;
    border-radius:var(--radius-ui) var(--radius-ui) 0 0;
    background:linear-gradient(90deg, #3d5afe 0%, #5f7bff 100%);
    box-shadow:0 -1px 8px rgba(61, 90, 254, 0.35);
    animation:navActiveBarIn 220ms ease-out;
}

@keyframes navActiveBarIn{
    from{
        opacity:0;
        transform:translateY(3px) scaleX(0.75);
    }
    to{
        opacity:1;
        transform:translateY(0) scaleX(1);
    }
}

.main-nav > .dropdown{
    position:static;
}

.header-bottom .nav-ilan-btn{
    position:relative;
    overflow:hidden;
    background:linear-gradient(135deg, #ffb300 0%, #e6a100 100%);
    color:#fff !important;
    font-weight:700;
    font-size:14px;
    height:42px;
    padding:0 18px;
    border-radius:var(--radius-ui);
    display:inline-flex !important;
    align-items:center;
    gap:8px;
    border:none;
    transition:var(--transition);
    box-shadow:0 4px 10px rgba(255, 179, 0, 0.3);
    text-decoration:none;
}

.header-bottom .nav-ilan-btn::before{
    content:'';
    position:absolute;
    top:0;
    left:-100%;
    width:50%;
    height:100%;
    background:linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0) 100%);
    transform:skewX(-25deg);
    transition:left 0.6s ease;
}

.header-bottom .nav-ilan-btn:hover{
    background:linear-gradient(135deg, #ffb300 0%, #e6a100 100%);
    color:#fff !important;
    box-shadow:0 6px 15px rgba(255, 179, 0, 0.4);
    border:none;
}

.header-bottom .nav-ilan-btn:hover::before{
    left:200%;
}

.nav-bakiye-btn{
    position:relative;
    overflow:hidden;
    background:linear-gradient(135deg, #11d377 0%, #0db866 100%);
    color:#fff !important;
    font-weight:700;
    font-size:14px;
    height:42px;
    padding:0 18px;
    border-radius:var(--radius-ui);
    display:inline-flex;
    align-items:center;
    gap:8px;
    transition:var(--transition);
    box-shadow:0 4px 10px rgba(17, 211, 119, 0.2);
}

.nav-bakiye-btn::before{
    content:'';
    position:absolute;
    top:0;
    left:-100%;
    width:60%;
    height:100%;
    background:linear-gradient(90deg, transparent, rgba(255,255,255,0.5), transparent);
    transform:skewX(-20deg);
    transition:left 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

.nav-bakiye-btn:hover{
    box-shadow:0 6px 15px rgba(17, 211, 119, 0.35);
}

.nav-bakiye-btn:hover::before{
    left:100%;
}

.nav-register-btn{
    background:linear-gradient(135deg, #ff8a00 0%, #ff5f00 100%);
    box-shadow:0 4px 10px rgba(255, 122, 0, 0.28);
}

.nav-register-btn:hover{
    box-shadow:0 6px 15px rgba(255, 122, 0, 0.4);
}

.top-firsat-btn{
    position:relative;
    overflow:hidden;
    background:linear-gradient(135deg, #3d5afe 0%, #5b78ff 100%);
    color:#fff !important;
    font-weight:700;
    font-size:12px;
    letter-spacing:0.2px;
    height:28px;
    padding:0 10px;
    border-radius:6px;
    display:inline-flex;
    align-items:center;
    gap:6px;
    transition:var(--transition);
    box-shadow:0 3px 8px rgba(61, 90, 254, 0.22);
}

.top-firsat-btn::before{
    content:'';
    position:absolute;
    top:0;
    left:-100%;
    width:50%;
    height:100%;
    background:linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.38) 50%, rgba(255, 255, 255, 0) 100%);
    transform:skewX(-25deg);
    transition:left 0.6s ease;
}

.top-firsat-btn:hover{
    box-shadow:0 6px 14px rgba(61, 90, 254, 0.30);
    color:#fff !important;
}

.top-firsat-btn:hover::before{
    left:200%;
}
.category-menu-box{
    border:1px solid var(--border-color);
    border-radius:var(--radius-ui);
    box-shadow:0 16px 40px rgba(0, 0, 0, 0.08);
    padding:20px;
    margin-top:5px !important;
    background:var(--bg-header);
    transition:background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
    width:max-content;
    min-width:300px;
}

.header-bottom .main-nav > .dropdown > .dropdown-menu.all-category-menu-search{
    left:0 !important;
    right:0 !important;
    width:100% !important;
    transform:none !important;
    box-shadow:0 16px 40px rgba(0, 0, 0, 0.08) !important;
    margin-top:0px !important;
    border-radius:0;
    border:0;
    border-top:1px solid var(--border-color);
    border-bottom:1px solid var(--border-color);
    background:var(--bg-header);
    padding:40px 0;
}

body.dark-mode .header-bottom .main-nav > .dropdown > .dropdown-menu.all-category-menu-search{
    background:var(--bg-header);
    border-top:1px solid #2a2a2a;
    border-bottom:1px solid #2a2a2a;
}

.all-category-menu-search{
    width:100% !important;
    max-width:none !important;
    background:var(--dropdown-bg) !important;
}

.all-cat-hero{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:20px;
    margin-bottom:18px;
}

.all-cat-title-wrap{
    display:flex;
    flex-direction:column;
    gap:8px;
}

.all-cat-subtitle{
    font-size:13px;
    color:var(--gray-text);
    font-weight:500;
}

.all-cat-chips{
    display:flex;
    gap:8px;
    flex-wrap:wrap;
}

.all-cat-chips span{
    font-size:11px;
    font-weight:700;
    letter-spacing:.2px;
    color:var(--primary-blue);
    background:rgba(61, 90, 254, 0.10);
    border:1px solid rgba(61, 90, 254, 0.18);
    border-radius:999px;
    padding:5px 10px;
}

.all-cat-actions{
    display:flex;
    gap:10px;
    align-items:center;
    flex-shrink:0;
}

.all-cat-btn{
    height:42px;
    border-radius:var(--radius-ui);
    padding:0 14px;
    display:inline-flex;
    align-items:center;
    gap:6px;
    font-weight:700;
    color:var(--primary-blue);
    background:rgba(61, 90, 254, 0.12);
    border:1px solid rgba(61, 90, 254, 0.18);
    transition:var(--transition);
    margin-bottom:20px;
    min-height: 42px;
}

.all-cat-btn:hover{
    background:var(--primary-blue);
    color:#fff;
}

.all-category-menu-search .kategori-arama-container input{
    border:1px solid var(--border-color);
    background:var(--bg-header);
    color:var(--dark-text) !important;
    box-shadow:0 3px 10px rgba(0, 0, 0, 0.04);
}

.all-category-menu-search .kategori-arama-container input::placeholder{
    color:var(--gray-text) !important;
    opacity:1;
}

.all-category-menu-search .kategori-arama-container i{
    color:var(--gray-text) !important;
}

.all-category-menu-search .row.all-cat-grid{
    --bs-gutter-x:12px;
    --bs-gutter-y:12px;
    max-height:380px;
    overflow:hidden;
}

.all-category-menu-search .all-cat-grid .search-cat-item .item{
    height:64px;
    border:1px solid var(--border-color);
    border-radius:var(--radius-ui);
    padding:10px;
    background:var(--bg-header);
}

.all-category-menu-search .all-cat-grid .search-cat-item .item:hover{
    border-color:color-mix(in srgb, var(--item-hover-color, var(--primary-blue)) 35%, transparent);
    box-shadow:0 10px 20px rgba(17, 24, 39, 0.06);
}

.all-category-menu-search .all-cat-grid .search-cat-item .item:hover::after{
    color:var(--item-hover-color, var(--primary-blue));
}

.valorant-large-menu{
    --bs-gutter-x:12px;
    --bs-gutter-y:12px;
}

.valorant-large-menu .hm-item{
    display:block;
    position:relative;
    height:100%;
    min-height:260px;
    border-radius:var(--radius-ui);
    overflow:visible;
    border:1px solid rgba(255, 255, 255, 0.12);
    box-shadow:0 8px 20px rgba(17, 24, 39, 0.18);
    transition:transform .25s ease, box-shadow .25s ease;
    background:var(--bg-header) !important;
}

.valorant-large-menu .hm-item:hover{
    box-shadow:0 14px 26px rgba(17, 24, 39, 0.24);
}

.valorant-large-menu .hm-item .cat-bg{
    width:100%;
    height:100%;
    object-fit:cover;
    opacity:1;
}


.valorant-large-menu .hm-item .detail{
    position:absolute;
    left:14px;
    right:14px;
    bottom:14px;
    z-index:3;
    display:flex;
    flex-direction:column;
    gap:10px;
}

.valorant-large-menu .hm-item .cat-icon{
    width:54px;
    height:54px;
    border-radius:var(--radius-ui);
    display:flex;
    align-items:center;
    justify-content:center;
    box-shadow:0 10px 20px rgba(0, 0, 0, 0.22);
    background:rgba(16, 22, 38, 0.55) !important;
}

.valorant-large-menu .hm-item .cat-icon img{
    width:34px;
    height:34px;
    object-fit:contain;
}

.valorant-large-menu .hm-item .title{
    color:#fff;
    font-size:14px;
    font-weight:700;
    line-height:1.25;
    text-shadow:0 1px 4px rgba(0, 0, 0, .45);
}

.valorant-large-menu .hm-item .bg-color{
    position:absolute;
    inset:0;
    z-index:1;
    opacity:0;
    transition:opacity .25s ease;
}

.valorant-large-menu .hm-item:hover .bg-color{
    opacity:0;
}

.hm-title{
    font-size:18px;
    font-weight:700;
    color:var(--dark-text);
}

.kategori-arama-container{
    position:relative;
    width:300px;
}

.kategori-arama-container input{
    width:100%;
    height:42px;
    border-radius:var(--radius-ui);
    background:var(--input-bg);
    border:1px solid var(--border-color);
    padding:0 15px 0 40px;
    color:var(--dark-text);
    font-size:14px;
    transition:var(--transition);
}

.kategori-arama-container input:focus{
    border-color:var(--primary-blue);
    box-shadow:0 0 0 3px rgba(61, 90, 254, 0.1);
    outline:none;
}

.kategori-arama-container i{
    position:absolute;
    left:15px;
    top:50%;
    transform:translateY(-50%);
    color:var(--gray-text);
}
.search-cat-item .item{
    border-radius:var(--radius-ui);
    padding:8px;
    color:var(--dark-text);
    font-size:13px;
    font-weight:600;
    display:flex;
    align-items:center;
    gap:10px;
    height:auto;
    transition:background-color 0.3s cubic-bezier(0.4, 0, 0.2, 1), color 0.3s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.3s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1), transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    border:1px solid var(--border-color);
    position:relative;
    overflow:hidden;
    background:var(--bg-header);
    text-decoration:none;
    box-shadow:0 2px 8px rgba(0, 0, 0, 0.02);
}

.search-cat-item .bg-color{
    opacity:0;
    position:absolute;
    z-index:1;
    width:100%;
    height:100%;
    top:0;
    left:0;
    transition:opacity 0.3s ease;
    border-radius:var(--radius-ui);
}

.search-cat-item .icon{
    min-width:40px;
    width:40px;
    height:40px;
    border-radius:var(--radius-ui);
    display:flex;
    align-items:center;
    justify-content:center;
    position:relative;
    z-index:9;
    box-shadow:0 4px 10px rgba(0, 0, 0, 0.1);
    transition:transform 0.3s ease;
}

.search-cat-item .icon img{
    width:24px;
    height:24px;
    object-fit:contain;
    filter:drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2));
}

.search-cat-item .title{
    position:relative;
    z-index:9;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    flex-grow:1;
}

.search-cat-item .item:hover{
    border-color:transparent;
    box-shadow:0 6px 18px rgba(0, 0, 0, 0.08);
}

.search-cat-item .item:hover .bg-color{
    opacity:0.08;
}
.search-cat-item .item::after{
    content:'\ea6a';
    font-family:'remixicon';
    position:relative;
    z-index:9;
    color:var(--gray-text);
    font-size:16px;
    opacity:0;
    transform:translateX(-8px);
    transition:opacity 0.3s ease, transform 0.3s ease, color 0.3s ease;
    margin-left:auto;
}

.search-cat-item .item:hover::after{
    opacity:1;
    color:var(--primary-blue);
}
.cart-offcanvas{
    width:420px !important;
    height:100vh;
    height:100dvh;
    display:flex;
    flex-direction:column;
    background-color:var(--bg-body);
    color:var(--dark-text);
    border-left:1px solid var(--border-color);
}

.cart-offcanvas .offcanvas-header{
    flex-shrink:0;
    background-color:#fff;
    border-bottom:1px solid var(--border-color);
    padding:20px 24px;
}

body.dark-mode .cart-offcanvas .offcanvas-header{
    background-color:var(--bg-header);
}

.cart-offcanvas .btn-close{
    opacity:0.5;
    transition:0.2s;
}

#cartOffcanvasContent{
    flex:1 1 0;
    min-height:0;
    overflow:hidden;
    display:flex;
    flex-direction:column;
}

#cartOffcanvasContent .offcanvas-body,
.cart-offcanvas-content .offcanvas-body{
    flex:1 1 0;
    min-height:0;
    display:flex;
    flex-direction:column;
    padding:0;
    overflow:hidden;
    background:var(--bg-body);
}

.cart-offcanvas-content{
    display:flex;
    flex-direction:column;
    flex:1;
    min-height:0;
    overflow:hidden;
}
.cart-offcanvas .offcanvas-body{
    display:flex;
    flex-direction:column;
    padding:0;
    overflow:hidden;
    background:var(--bg-body);
}

.cart-scroll-area{
    flex:1 1 0;
    min-height:0;
    overflow-y:auto;
    overflow-x:hidden;
    padding:20px 24px;
    display:flex;
    flex-direction:column;
    gap:24px;
}

.cart-offcanvas .cart-scroll-area > .cart-vitrin{
    order:99;
    position:relative;
    z-index:1;
}

.cart-scroll-area::-webkit-scrollbar{
    width:4px;
}

.cart-scroll-area::-webkit-scrollbar-track{
    background:transparent;
}

.cart-scroll-area::-webkit-scrollbar-thumb{
    background:var(--border-color);
    border-radius:4px;
}
.cart-items-wrapper{
    display:flex;
    flex-direction:column;
    gap:16px;
    position:relative;
    z-index:2;
}

.cart-product{
    display:flex;
    flex-direction:column;
    gap:10px;
    padding:16px;
    background:var(--bg-header);
    border:1px solid var(--border-color);
    border-radius:var(--radius-ui);
    align-items:stretch;
    position:relative;
    transition:var(--transition);
}

.cart-product:hover{
    border-color:rgba(61, 90, 254, 0.3);
    box-shadow:0 8px 24px rgba(0, 0, 0, 0.04);
}

.cart-product-top{
    display:flex;
    gap:16px;
    align-items:stretch;
    min-width:0;
}

.cart-product .p-img{
    width:72px;
    height:72px;
    border-radius:var(--radius-ui);
    object-fit:cover;
    border:1px solid var(--border-color);
    flex-shrink:0;
}

.cart-product .p-info{
    flex-grow:1;
    min-width:0;
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    gap:4px;
    min-height:auto;
}

.cart-product .p-title{
    font-size:14px;
    font-weight:700;
    color:var(--dark-text);
    line-height:1.25;
    margin:0;
    padding-right:34px;
    display:-webkit-box;
    -webkit-line-clamp:2;
    line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
}

.cart-product-extra{
    display:flex;
    flex-direction:column;
    gap:8px;
}

.seller-tag{
    display:inline-flex;
    align-items:center;
    gap:6px;
    padding:4px 10px;
    background:var(--bg-light);
    border-radius:var(--radius-ui);
    width:fit-content;
    border:1px solid transparent;
    transition:var(--transition);
}

.seller-tag:hover{
    background:var(--bg-body);
    border-color:var(--border-color);
}

.seller-tag .c-avatar{
    width:16px;
    height:16px;
}

.seller-tag span{
    font-size:11px;
    font-weight:600;
    color:var(--gray-text);
}

.cart-inline-meta{
    display:grid;
    grid-template-columns:auto minmax(0, 1fr) minmax(0, 1fr);
    align-items:center;
    column-gap:4px;
    font-size:11px;
    background:var(--bg-light);
    border-radius:var(--radius-ui);
    padding:3px 8px;
    width:100%;
    max-width:100%;
    min-width:0;
    overflow:hidden;
    position:relative;
    z-index:2;
}

.cart-inline-meta .meta-icon{
    color:var(--primary-blue);
    font-size:12px;
}

.cart-inline-meta .label{
    color:var(--gray-text);
    font-weight:600;
    min-width:0;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.cart-inline-meta .value{
    color:var(--primary-blue);
    font-weight:700;
    min-width:0;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    text-align:right;
}

.cart-inline-meta .value-link{
    grid-column:2 / -1;
    color:var(--primary-blue);
    font-weight:700;
    min-width:0;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    text-decoration:none;
}

.cart-inline-meta .value-link:hover{
    text-decoration:underline;
}

.cart-product-bottom{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-top:auto;
}

.cart-product .p-price{
    font-size:16px;
    font-weight:700;
    color:var(--primary-blue);
}

.qty-controls{
    display:inline-flex;
    align-items:center;
    background:var(--bg-light);
    border-radius:var(--radius-ui);
    border:1px solid var(--border-color);
    height:32px;
    padding:2px;
}

.qty-controls button{
    width:28px;
    height:28px;
    border-radius:6px;
    border:none;
    background:transparent;
    color:var(--dark-text);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:16px;
    transition:var(--transition);
    cursor:pointer;
}

.qty-controls button:hover{
    background:var(--bg-header);
    color:var(--primary-blue);
}

.qty-controls input{
    width:32px;
    text-align:center;
    border:none;
    background:transparent;
    font-size:13px;
    font-weight:700;
    color:var(--dark-text);
    padding:0;
    font-family:'Gilroy', sans-serif;
}
.qty-controls input[readonly]{
    pointer-events:none;
    cursor:default;
}

.btn-remove-cart{
    position:absolute;
    top:16px;
    right:16px;
    color:var(--gray-text);
    background:var(--bg-light);
    border:none;
    width:28px;
    height:28px;
    border-radius:var(--radius-ui);
    display:flex;
    align-items:center;
    justify-content:center;
    transition:var(--transition);
    cursor:pointer;
}

.btn-remove-cart:hover{
    color:var(--danger-red);
    background:rgba(255, 68, 84, 0.1);
}
.cart-vitrin{
    border:1px solid rgba(61, 90, 254, 0.12);
    border-radius:var(--radius-ui);
    padding:14px;
    background:linear-gradient(180deg, rgba(61, 90, 254, 0.05) 0%, rgba(61, 90, 254, 0.015) 100%);
    position:relative;
    overflow:visible;
    box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.45);
}

.cart-vitrin::before{
    content:'';
    position:absolute;
    inset:0;
    border-radius:var(--radius-ui);
    border:1px solid rgba(255, 255, 255, 0.35);
    pointer-events:none;
}

.cart-vitrin-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:14px;
    padding-left:2px;
}

.cart-vitrin-title{
    display:inline-flex;
    align-items:center;
    gap:8px;
    font-size:13px;
    font-weight:700;
    color:var(--dark-text);
    background:rgba(61, 90, 254, 0.08);
    border:1px solid rgba(61, 90, 254, 0.12);
    border-radius:999px;
    padding:5px 11px;
}

.cart-vitrin-title i{
    color:var(--primary-blue);
    font-size:15px;
}

.cart-vitrin-slider-wrap{
    padding:0;
    margin-left:0;
} 

.cart-vitrin-swiper{
    padding:0;
}

.cart-vitrin-swiper .swiper-slide{
    width:calc((100% - 12px) / 2);
    height:auto;
    transition:transform 0.3s ease;
    overflow:hidden;
    border-radius:var(--radius-ui);
}
@media (min-width:992px){
    .cart-vitrin-swiper .swiper-slide{
        width:calc((100% - 12px) / 1.5);
    }
}

.cart-vitrin-swiper .premium-card{
    height:100%;
    box-shadow:0 4px 12px rgba(0, 0, 0, 0.03);
}

.cart-vitrin-swiper .premium-card .p-content{
    padding:12px;
    gap:8px;
    position:relative;
    z-index:3;
    background:var(--bg-body);
}

.cart-vitrin-swiper .premium-card .p-title{
    font-size:12px;
    -webkit-line-clamp:2;
    line-clamp:2;
}

.cart-vitrin-swiper .premium-card .p-price{
    font-size:12px;
}

.cart-vitrin-swiper .premium-card .p-seller-name{
    max-width:60px;
    font-size:10px;
}

.cart-vitrin-swiper .premium-card .p-highlight{
    height:42px;
    font-size:10px;
    z-index:12;
}
.cart-vitrin-swiper .premium-card .p-img-wrapper{
    z-index:0;
}
.cart-vitrin-swiper .premium-card .p-seller-glass{
    z-index:4;
}
.cart-vitrin-swiper .premium-card .p-seller-avatar img.frame{
    z-index:0;
}

.cart-vitrin-swiper .premium-card .p-highlight .txt,
.cart-vitrin-swiper .premium-card .p-highlight .vitrin-ilani{
    height:22px;
    line-height:22px;
    padding:0 8px;
    font-size:9px;
    letter-spacing:0.5px;
}

.cart-vitrin-swiper .premium-card .p-footer{
    flex-direction:row;
    align-items:center;
    justify-content:space-between;
    flex-wrap:nowrap;
    gap:10px;
    min-height:38px;
}

.cart-vitrin-swiper .premium-card .p-footer .p-price-wrap{
    flex:1 1 auto;
    min-width:0;
    margin-right:0;
    display:flex;
    align-items:center;
    gap:6px;
}

.cart-vitrin-swiper .premium-card .p-footer .p-price-wrap--premium-rating{
    justify-content:space-between;
    flex-wrap:nowrap;
    gap:4px;
}

.cart-vitrin-swiper .premium-card .p-footer .p-price{
    line-height:1.2;
}

.cart-vitrin-swiper .premium-card .p-footer .p-cart-row{
    width:auto !important;
    max-width:none;
    flex:0 0 auto;
    flex-shrink:0;
    margin:0;
    align-self:center;
    justify-content:flex-end;
}

.cart-vitrin-swiper .premium-card.has-highlight .p-footer{
    gap:10px;
    margin-top:2px;
}

.cart-vitrin-swiper .premium-card .p-add-cart{
    width:34px;
    height:34px;
    border-radius:var(--radius-ui);
    flex-shrink:0;
}

.cart-vitrin-nav{
    position:absolute;
    top:calc(50% + 12px);
    width:30px;
    height:30px;
    border-radius:50%;
    border:1px solid rgba(61, 90, 254, 0.18);
    background:rgba(255, 255, 255, 0.78);
    backdrop-filter:blur(4px);
    -webkit-backdrop-filter:blur(4px);
    color:var(--primary-blue);
    display:inline-flex;
    align-items:center;
    justify-content:center;
    z-index:6;
    transition:var(--transition);
    box-shadow:0 4px 14px rgba(61, 90, 254, 0.16);
    transform:translateY(-50%);
}

.cart-vitrin-prev{
    left:-16px;
}

.cart-vitrin-next{
    right:-16px;
}

.cart-vitrin-nav:hover{
    border-color:rgba(61, 90, 254, 0.35);
    color:var(--primary-blue);
    background:rgba(255, 255, 255, 0.95);
    box-shadow:0 6px 16px rgba(61, 90, 254, 0.22);
}

.cart-vitrin-nav.swiper-button-disabled{
    opacity:0.3;
    pointer-events:none;
}

body.dark-mode .cart-vitrin{
    border-color:rgba(127, 150, 255, 0.3);
    box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

body.dark-mode .cart-vitrin::before{
    border-color:rgba(255, 255, 255, 0.1);
}
.cart-coupon-box{
    display:flex;
    flex-direction:column;
    gap:8px;
}

.cart-coupon-box label{
    font-size:13px;
    font-weight:700;
    color:var(--dark-text);
    margin:0;
    display:flex;
    align-items:center;
    gap:6px;
}

.cart-coupon-box label i{
    color:var(--primary-blue);
}

.cart-coupon-input-group{
    position:relative;
    display:flex;
    align-items:center;
}

.cart-coupon-input-group input{
    width:100%;
    height:44px;
    background:var(--bg-header);
    border:1px solid var(--border-color);
    border-radius:var(--radius-ui);
    padding:0 16px;
    font-size:13px;
    color:var(--dark-text);
    font-weight:600;
    transition:var(--transition);
}

.cart-coupon-input-group input:focus{
    border-color:var(--primary-blue);
    box-shadow:0 0 0 3px rgba(61, 90, 254, 0.1);
    outline:none;
}

.cart-coupon-input-group button{
    position:absolute;
    right:6px;
    top:6px;
    height:32px;
    padding:0 16px;
    border-radius:var(--radius-ui);
    border:none;
    background:var(--success-green);
    color:#fff;
    font-size:12px;
    font-weight:700;
    transition:var(--transition);
}

.cart-coupon-input-group button:hover{
    background:#0ea760;
}

.btn-remove-coupon{
    position:absolute;
    top:12px;
    right:12px;
    width:24px;
    height:24px;
    border-radius:6px;
    background:rgba(255, 68, 84, 0.1);
    color:var(--danger-red);
    border:none;
    display:flex;
    align-items:center;
    justify-content:center;
    transition:var(--transition);
    cursor:pointer;
}

.btn-remove-coupon:hover{
    background:var(--danger-red);
    color:#fff;
}
/* Sepet özeti (Ara Toplam, Ödenecek Tutar, Mevcut Bakiyeniz, Eksik Tutar) bakiye gizle tercihinden bağımsız her zaman görünür olmalı */
.cart-summary-list{
    display:flex !important;
    flex-direction:column;
    gap:12px;
    background:var(--bg-header);
    padding:20px;
    border-radius:var(--radius-ui);
    border:1px solid var(--border-color);
}

.cart-summary-item{
    display:flex;
    justify-content:space-between;
    align-items:center;
    font-size:14px;
}

.cart-summary-item .label{
    color:var(--gray-text);
    font-weight:500;
}

.cart-summary-item .value{
    color:var(--dark-text);
    font-weight:700;
}

.cart-summary-item.discount .value{
    color:var(--success-green);
}

.cart-summary-item.cart-summary-shortage .value{
    color:var(--danger-red);
}

.cart-summary-divider{
    height:1px;
    border-top:1px dashed var(--border-color);
    margin:4px 0;
}

/* Bakiye gizle tercihi sepet özetini etkilemesin - tüm satırlar her zaman görünsün */
.cart-offcanvas .cart-summary-list,
.cart-offcanvas-content .cart-summary-list{
    display:flex !important;
}
.cart-offcanvas .cart-summary-item,
.cart-offcanvas-content .cart-summary-item{
    display:flex !important;
}
.cart-payment-section{
    display:flex;
    flex-direction:column;
    gap:12px;
}

.cart-payment-section-title{
    font-size:13px;
    font-weight:700;
    color:var(--dark-text);
}

.premium-alert{
    background:linear-gradient(145deg, rgba(255, 68, 84, 0.05), rgba(255, 179, 0, 0.05));
    border:1px solid rgba(255, 68, 84, 0.2);
    border-radius:var(--radius-ui);
    padding:14px 16px;
    display:flex;
    flex-direction:column;
    gap:6px;
}

.premium-alert-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
}

.premium-alert-head .warn-title{
    display:flex;
    align-items:center;
    gap:6px;
    font-weight:700;
    color:var(--danger-red);
    font-size:13px;
}

.premium-alert-head .warn-title i{
    font-size:16px;
}

.premium-alert-head .warn-amount{
    font-weight:700;
    color:var(--danger-red);
    font-size:13px;
}

.premium-alert-desc{
    font-size:12px;
    color:var(--gray-text);
    font-weight:500;
    line-height:1.4;
}

.payment-methods-grid{
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:10px;
}

.payment-box{
    background-color:var(--bg-header);
    border:1px solid var(--border-color);
    border-radius:var(--radius-ui);
    padding:14px 8px;
    text-align:center;
    cursor:pointer;
    transition:var(--transition);
    position:relative;
}

.payment-box:hover{
    border-color:var(--gray-text);
    background:var(--bg-light);
}

.payment-box.selected{
    border-color:var(--primary-blue);
    background-color:rgba(61, 90, 254, 0.04);
    box-shadow:0 4px 12px rgba(61, 90, 254, 0.1);
}

.payment-box.selected::after{
    content:'\EB7A';
    font-family:'remixicon';
    position:absolute;
    top:-8px;
    right:-8px;
    background:var(--primary-blue);
    color:#fff;
    width:22px;
    height:22px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:12px;
    font-weight:bold;
    border:3px solid var(--bg-body);
    box-shadow:0 2px 6px rgba(61, 90, 254, 0.3);
}

.payment-box i{
    font-size:24px;
    color:var(--primary-blue);
    margin-bottom:8px;
    display:block;
    transition:var(--transition);
}

.payment-box.selected i{
    transform:scale(1.1);
}

.payment-box .p-title{
    font-size:12px;
    font-weight:700;
    color:var(--dark-text);
    line-height:1.2;
    margin-bottom:3px;
}

.payment-box .p-desc{
    font-size:10px;
    font-weight:600;
    color:var(--gray-text);
    line-height:1;
}
.payment-modal-dialog{
    max-width:480px;
}

.payment-modal-content{
    border:none;
    border-radius:var(--radius-ui);
    background:var(--bg-body);
    box-shadow:0 18px 42px rgba(0, 0, 0, 0.14);
    overflow:hidden;
}

.payment-modal-header{
    padding:18px 20px;
    border-bottom:1px solid var(--border-color);
    background:linear-gradient(180deg, rgba(61, 90, 254, 0.06) 0%, rgba(61, 90, 254, 0) 100%);
}

.payment-modal-title{
    margin:0;
    display:flex;
    align-items:center;
    gap:10px;
    color:var(--dark-text);
    font-size:16px;
    font-weight:700;
    line-height:1.1;
}

.payment-modal-title small{
    display:block;
    margin-top:4px;
    color:var(--gray-text);
    font-size:11px;
    font-weight:600;
    letter-spacing:0.15px;
}

.payment-modal-icon{
    width:34px;
    height:34px;
    border-radius:var(--radius-ui);
    background:rgba(61, 90, 254, 0.12);
    color:var(--primary-blue);
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-size:18px;
    flex-shrink:0;
}

.payment-modal-body{
    padding:18px 20px 16px;
}

.payment-alert{
    border-radius:var(--radius-ui);
    background:linear-gradient(145deg, rgba(255, 68, 84, 0.08), rgba(255, 179, 0, 0.08));
    border-color:rgba(255, 68, 84, 0.22);
}

.payment-methods-grid-modal{
    gap:12px;
}

#paymentModal .payment-methods-grid{
    gap:12px;
}

#paymentModal .payment-box{
    border-radius:var(--radius-ui);
    padding:16px 10px;
    border:1px solid var(--border-color);
    background:var(--bg-header);
    box-shadow:0 2px 8px rgba(0, 0, 0, 0.03);
    transition:var(--transition);
}

#paymentModal .payment-box:hover{
    border-color:rgba(61, 90, 254, 0.45);
    background:rgba(61, 90, 254, 0.04);
}

#paymentModal .payment-box.selected{
    border-color:var(--primary-blue);
    background:linear-gradient(180deg, rgba(61, 90, 254, 0.14) 0%, rgba(61, 90, 254, 0.06) 100%);
    box-shadow:0 8px 20px rgba(61, 90, 254, 0.18);
}

#paymentModal .payment-box.selected::after{
    background:var(--primary-blue);
    border-color:var(--bg-body);
    box-shadow:0 3px 10px rgba(61, 90, 254, 0.35);
}

#paymentModal .payment-box i{
    font-size:23px;
    margin-bottom:7px;
    color:var(--primary-blue);
}

#paymentModal .payment-box.selected i{
    color:#2b46f6;
    transform:scale(1.08);
}

#paymentModal .payment-box .p-title{
    font-size:12px;
    font-weight:700;
}

#paymentModal .payment-box .p-desc{
    font-size:10px;
    font-weight:600;
}

.payment-modal-footer{
    border-top:1px solid var(--border-color);
    padding:14px 20px 18px;
    gap:10px;
}

.payment-modal-cancel, .payment-modal-confirm{
    height:46px;
    border-radius:var(--radius-ui);
    padding:0 20px;
    font-size:14px;
    transition:all 0.2s ease-in-out;
}

.payment-modal-cancel{
    background:var(--bg-light);
    color:var(--dark-text);
    border:1px solid var(--border-color);
}

.payment-modal-cancel:hover{
    background:rgba(0, 0, 0, 0.05);
    color:var(--dark-text);
}

body.dark-mode .payment-modal-cancel:hover{
    background:rgba(255, 255, 255, 0.1);
}

.payment-modal-confirm{
    background:linear-gradient(135deg, var(--primary-blue), #283cb4);
    color:#fff;
    border:none;
    box-shadow:0 4px 12px rgba(61, 90, 254, 0.24);
}

.payment-modal-confirm:hover{
    background:linear-gradient(135deg, #283cb4, #1e2d8a);
    color:#fff;
    box-shadow:0 4px 16px rgba(61, 90, 254, 0.4);
}
.cart-sticky-footer{
    padding:20px 24px;
    background:var(--bg-header);
    border-top:1px solid var(--border-color);
    box-shadow:0 -4px 24px rgba(0, 0, 0, 0.04);
    display:flex;
    flex-direction:column;
    gap:16px;
    z-index:10;
    position:sticky;
    bottom:0;
}

.cart-footer-total{
    display:flex;
    align-items:center;
    justify-content:space-between;
}

.cart-footer-total .label{
    font-size:14px;
    font-weight:700;
    color:var(--gray-text);
    text-transform:uppercase;
    letter-spacing:0.5px;
}

.cart-footer-total .amount{
    font-size:24px;
    font-weight:700;
    color:var(--primary-blue);
    line-height:1;
}

.btn-cart-checkout{
    width:100%;
    height:56px;
    min-height:56px;
    background:linear-gradient(135deg, var(--primary-blue), #283cb4);
    color:#fff;
    border:none;
    border-radius:var(--radius-ui);
    font-size:16px;
    font-weight:700;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    transition:var(--transition);
    box-shadow:0 6px 20px rgba(61, 90, 254, 0.25);
    text-transform:uppercase;
    letter-spacing:0.5px;
}

.btn-cart-checkout:hover{
    box-shadow:0 8px 24px rgba(61, 90, 254, 0.35);
    color:#fff;
}

.btn-cart-checkout i{
    font-size:20px;
}

.btn-cart-clear{
    height:56px;
    min-height:56px;
    background:var(--bg-header);
    color:var(--dark-text);
    border:1px solid var(--border-color);
    border-radius:var(--radius-ui);
    font-size:14px;
    font-weight:600;
    display:flex;
    align-items:center;
    justify-content:center;
    transition:var(--transition);
}

.btn-cart-clear:hover{
    background:rgba(61, 90, 254, 0.08);
    border-color:var(--primary-blue);
    color:var(--primary-blue);
}
.hero{
    padding:20px 0 30px 0;
    background-position:top center;
    background-repeat:no-repeat;
    background-size:100%;
    background-color:var(--bg-body);
    position:relative;
    transition:var(--transition);
}
.hero-promo{
    display:flex;
    align-items:center;
    justify-content:space-between;
    position:relative;
    z-index:2;
    margin-bottom:20px;
    padding:0 10px;
}

.hero-promo-content{
    display:flex;
    align-items:center;
    gap:20px;
}

.hero-promo-logo{
    height:30px;
    width:auto;
    object-fit:contain;
    filter:drop-shadow(0 2px 4px rgba(0, 0, 0, 0.5));
}

.hero-promo-title{
    color:#fff;
    font-size:18px;
    font-weight:700;
    font-family:'Gilroy', sans-serif;
    line-height:1.2;
    text-shadow:0 2px 5px rgba(0, 0, 0, 0.8);
    margin:0;
}

.hero-promo-btn{
    background:rgba(255, 255, 255, 0.15);
    backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px);
    border:1px solid rgba(255, 255, 255, 0.4);
    color:#FFF;
    font-size:13px;
    font-weight:700;
    padding:10px 20px;
    border-radius:var(--radius-ui);
    display:inline-flex;
    align-items:center;
    gap:10px;
    transition:background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
    text-shadow:0 1px 3px rgba(0, 0, 0, 0.4);
}

.hero-promo-btn i{
    font-size:16px;
}

.hero-promo-btn:hover{
    background:#FFF;
    color:#000;
    border-color:#FFF;
    text-shadow:none;
}
.hero-slider-wrapper{
    border-radius:var(--radius-ui);
    overflow:hidden;
    position:relative;
    box-shadow:var(--box-shadow);
    background:#000;
}

.hero-slider-wrapper .slider-thumbs-wrapper{
    border-radius:0 0 var(--radius-ui) var(--radius-ui);
}

.main-slider{
    width:100%;
    padding-bottom:80px;
    overflow:hidden;
    height:100%;
}

.main-slider .swiper-wrapper{
    height:100%;
}

.main-slider .swiper-slide{
    position:relative;
    width:100%;
    height:100%;
    display:flex;
    align-items:center;
    overflow:hidden;
    flex-shrink:0;
}

.main-slider .swiper-slide .slide-link{
    display:block;
    width:100%;
    height:100%;
    position:relative;
}

@keyframes main-slider-kenburns{
    from{
        transform:scale(1);
    }
    to{
        transform:scale(1.05);
    }
}

.main-slider .swiper-slide .slide-link img{
    width:100%;
    height:100%;
    object-fit:cover;
    opacity:0.9;
    transform:scale(1);
}

/* transition yerine keyframes: layout/Swiper güncellemeleri transform geçişini kesmez */
.main-slider:not(.main-slider--zoom-ready) .swiper-slide .slide-link img{
    animation:none;
}

.main-slider.main-slider--zoom-ready .swiper-slide:not(.swiper-slide-active) .slide-link img{
    animation:none;
    transform:scale(1);
}

.main-slider.main-slider--zoom-ready .swiper-slide.swiper-slide-active .slide-link img{
    animation:main-slider-kenburns 6s ease forwards;
}
.main-slider .swiper-slide::before{
    content:"";
    position:absolute;
    left:0;
    top:50%;
    transform:translateY(-50%);
    width:8px;
    height:296px;
    z-index:4;
    border-radius:0 var(--radius-ui) var(--radius-ui) 0;
    transition:0.3s;
}

.main-slider .swiper-slide.pubg::before{
    background:#de8d00;
}

.main-slider .swiper-slide.mobilelegends::before,
.main-slider .swiper-slide.mobile_legends::before{
    background:#ee683d;
}

.main-slider .swiper-slide.valorant::before{
    background:#ff4454;
}

.main-slider .swiper-slide.freefire::before{
    background:#ff7f32;
}

.main-slider .swiper-slide.lol::before{
    background:#b39556;
}

.main-slider .swiper-slide.roblox::before{
    background:#e73636;
}

.main-slider .swiper-slide.cs2::before{
    background:#28397f;
}
.main-slider .txt-content{
    position:absolute;
    left:73px;
    top:0;
    width:50%;
    height:100%;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:flex-start;
    z-index:5;
    color:#FFF;
    padding-bottom:20px;
}

.main-slider .round-btn{
    display:block;
    font-size:16px;
    padding:4px 22px;
    border-radius:var(--radius-ui);
    margin:0 0 26px 0;
    border:1px solid;
    font-weight:700;
    text-transform:uppercase;
}

.main-slider .pubg .round-btn{
    border-color:#de8d00;
    color:#de8d00;
}

.main-slider .mobilelegends .round-btn,
.main-slider .mobile_legends .round-btn{
    border-color:#ee683d;
    color:#ee683d;
}

.main-slider .valorant .round-btn{
    border-color:#ff4454;
    color:#ff4454;
}

.main-slider .freefire .round-btn{
    border-color:#ff7f32;
    color:#ff7f32;
}

.main-slider .lol .round-btn{
    border-color:#b39556;
    color:#b39556;
}

.main-slider .roblox .round-btn{
    border-color:#e73636;
    color:#fff;
    background:rgba(231, 54, 54, 0.35);
}

.main-slider .cs2 .round-btn{
    border-color:#28397f;
    color:#28397f;
}

.main-slider .top-title{
    display:block;
    font-size:22px;
    font-family:'Gilroy', sans-serif;
    font-weight:600;
    line-height:1.2;
    text-shadow:0 2px 4px rgba(0, 0, 0, 0.5);
    margin-bottom:5px;
}

.main-slider .main-title{
    display:block;
    font-size:32px;
    font-family:'Gilroy', sans-serif;
    font-weight:700;
    line-height:1.2;
    text-shadow:0 2px 6px rgba(0, 0, 0, 0.6);
    margin-bottom:15px;
}

.main-slider .sub-title{
    display:block;
    font-size:15px;
    font-weight:400;
    line-height:1.4;
    color:rgba(255, 255, 255, 0.9);
}
.slider-thumbs-wrapper{
    display:flex;
    height:80px;
    align-items:stretch;
    width:100%;
    overflow:hidden;
    background:rgba(0, 0, 0, 0.45);
    backdrop-filter:blur(16px);
    -webkit-backdrop-filter:blur(16px);
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    z-index:10;
    border-top:1px solid rgba(255, 255, 255, 0.08);
}

.hero-tumb{
    flex:1 1 0;
    width:25%;
    border-left:1px solid rgba(255, 255, 255, 0.05);
    border-top:4px solid transparent;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:18px 20px;
    background:transparent;
    cursor:pointer;
    transition:background-color 0.4s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.4s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    position:relative;
}

.hero-tumb:first-child{
    border-left:none;
}

.hero-tumb::after{
    content:'';
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    height:100%;
    background:linear-gradient(to top, rgba(255, 255, 255, 0.05) 0%, transparent 100%);
    opacity:0;
    transition:opacity 0.3s ease;
}

.hero-tumb:hover::after{
    opacity:1;
}

.hero-tumb img{
    width:auto;
    height:100%;
    max-width:100%;
    max-height:28px;
    object-fit:contain;
    filter:brightness(0) invert(1) opacity(0.4);
    transition:filter 0.4s cubic-bezier(0.4, 0, 0.2, 1), transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.hero-tumb svg{
    width:auto;
    height:100%;
    max-width:100%;
    max-height:30px;
    fill:currentColor;
    color:#fff;
    transition:color 0.4s cubic-bezier(0.4, 0, 0.2, 1), transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), filter 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.hero-tumb svg *{
    fill:currentColor !important;
    stroke:currentColor !important;
}

.hero-tumb.active{
    background:rgba(255, 255, 255, 0.05);
    border-top:4px solid #DCBA7A;
}

.hero-tumb.active img{
    filter:brightness(0) invert(1) opacity(1);
    transform:scale(1.12);
}

.hero-tumb.active svg{
    transform:scale(1.12);
}
.hero-tumb.pubg.active{
    border-top-color:#de8d00;
    box-shadow:inset 0 10px 20px -10px rgba(222, 141, 0, 0.15);
}

.hero-tumb.pubg.active svg{
    color:#de8d00;
    filter:drop-shadow(0 4px 6px rgba(222, 141, 0, 0.3));
}

.hero-tumb.mobilelegends.active,
.hero-tumb.mobile_legends.active{
    border-top-color:#ee683d;
    box-shadow:inset 0 10px 20px -10px rgba(38, 51, 232, 0.15);
}

.hero-tumb.mobilelegends.active svg,
.hero-tumb.mobile_legends.active svg{
    color:#ee683d;
    filter:drop-shadow(0 4px 6px rgba(38, 51, 232, 0.3));
}

.hero-tumb.valorant.active{
    border-top-color:#ff4454;
    box-shadow:inset 0 10px 20px -10px rgba(255, 68, 84, 0.15);
}

.hero-tumb.valorant.active svg{
    color:#ff4454;
    filter:drop-shadow(0 4px 6px rgba(255, 68, 84, 0.3));
}

.hero-tumb.freefire.active{
    border-top-color:#ff7f32;
    box-shadow:inset 0 10px 20px -10px rgba(255, 127, 50, 0.2);
}

.hero-tumb.freefire.active svg{
    color:#ff7f32;
}

.hero-tumb.freefire.active svg,
.hero-tumb.freefire.active img{
    filter:drop-shadow(0 4px 6px rgba(255, 127, 50, 0.35));
}

.hero-tumb.lol.active{
    border-top-color:#b39556;
    box-shadow:inset 0 10px 20px -10px rgba(179, 149, 86, 0.2);
}

.hero-tumb.lol.active svg{
    color:#b39556;
    filter:drop-shadow(0 4px 6px rgba(179, 149, 86, 0.35));
}

.hero-tumb.roblox.active{
    border-top-color:#e73636;
    box-shadow:inset 0 10px 20px -10px rgba(231, 54, 54, 0.25);
}

.hero-tumb.roblox.active svg{
    color:#e73636;
}

.hero-tumb.roblox.active svg,
.hero-tumb.roblox.active img{
    filter:drop-shadow(0 4px 6px rgba(231, 54, 54, 0.4));
}

.hero-tumb.cs2.active{
    border-top-color:#4a5fd4;
    box-shadow:inset 0 10px 20px -10px rgba(74, 95, 212, 0.15);
}

.hero-tumb.cs2.active svg{
    color:#4a5fd4;
    filter:drop-shadow(0 4px 6px rgba(74, 95, 212, 0.3));
}
.banner-strip{
    display:flex;
    width:100%;
    margin-top:20px;
    overflow:hidden;
    border-radius:var(--radius-ui);
    gap:0;
    border-radius:var(--radius-ui);
    overflow:hidden;
    border:1px solid var(--border-color);
    box-shadow:0 4px 15px rgba(0, 0, 0, 0.03);
}

.banner-item{
    position:relative;
    flex:1;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    padding:20px 24px;
    overflow:hidden;
    text-decoration:none;
    border-radius:0;
    border:none;
    border-right:1px solid var(--border-color);
    background:var(--bg-header);
    transition:background-color 0.3s ease, border-color 0.3s ease;
}

.banner-item:last-child{
    border-right:none;
}

.banner-item-bg{
    position:absolute;
    inset:0;
    background-size:cover;
    background-position:top right;
    transition:transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
    opacity:0.8;
}

.banner-item:hover{
    z-index:5;
    background:rgba(255, 255, 255, 0.02);
}

.banner-item:hover .banner-item-bg{
    opacity:1;
}

.banner-item-overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(90deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.4) 100%);
    transition:background 0.3s ease;
}

.banner-item:hover .banner-item-overlay{
    background:linear-gradient(90deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.2) 100%);
}

.banner-item-content{
    position:relative;
    z-index:2;
    display:flex;
    align-items:center;
    gap:15px;
}

.banner-item-icon{
    width:44px;
    height:44px;
    object-fit:contain;
    flex-shrink:0;
    filter:drop-shadow(0 4px 8px rgba(0, 0, 0, 0.4));
    transition:transform 0.3s ease;
}

.banner-item-icon-badge{
    display:flex;
    align-items:center;
    justify-content:center;
    min-width:44px;
    min-height:44px;
    background:rgba(255, 255, 255, 0.2);
    border-radius:var(--radius-ui);
    font-size:14px;
}


.banner-item-text{
    display:flex;
    flex-direction:column;
}

.banner-item-title{
    color:#fff;
    font-size:15px;
    font-weight:700;
    line-height:1.2;
    text-shadow:0 2px 5px rgba(0, 0, 0, 0.8);
}

.banner-item-sub{
    color:rgba(255, 255, 255, 0.9);
    font-size:13px;
    font-weight:500;
    line-height:1.3;
    text-shadow:0 1px 4px rgba(0, 0, 0, 0.6);
    margin-top:3px;
}

@media (min-width: 768px){
    .quick-products-section .game-tabs .game-tab-link.game-tab-pubg.active{
        border-color:#de8d00 !important;
    }

    .quick-products-section .game-tabs .game-tab-link.game-tab-valorant.active{
        border-color:#ff4454 !important;
    }

    .quick-products-section .game-tabs .game-tab-link.game-tab-lol.active{
        border-color:#b39556 !important;
    }

    .quick-products-section .game-tabs .game-tab-link.game-tab-mlbb.active{
        border-color:#ee683d !important;
    }

    .quick-products-section .game-tabs .game-tab-link.game-tab-roblox.active{
        border-color:#e73636 !important;
    }
}

.quick-products-section .game-list-box{
    min-height:100%;
    padding:20px;
    border-radius:var(--radius-ui) !important;
    background:var(--bg-header) !important;
    border:1px solid var(--border-color) !important;
    box-shadow:0 4px 15px rgba(0, 0, 0, 0.02) !important;
}

.quick-products-section .game-tabs .nav-link{
    color:var(--dark-text);
    background:transparent;
    border:1px solid transparent;
    transition:background-color 0.3s ease, border-color 0.3s ease, opacity 0.3s ease;
    margin-bottom:8px;
    position:relative;
    overflow:visible;
}

.quick-products-section .game-tabs .nav-link:not(.active){
    opacity:0.78;
}

.quick-products-section .game-tabs .nav-link:hover{
    background:rgba(61, 90, 254, 0.04);
    opacity:1;
}

.quick-products-section .game-tabs .nav-link.active{
    background:var(--primary-blue);
    color:#fff;
    opacity:1;
    border-color:var(--primary-blue);
    box-shadow:0 2px 8px rgba(61, 90, 254, 0.22);
}

.quick-products-section .game-tabs .game-tab-link.game-tab-pubg{
    background:rgba(222, 141, 0, 0.08);
    border-color:rgba(222, 141, 0, 0.35);
    color:#de8d00;
}

.quick-products-section .game-tabs .game-tab-link.game-tab-valorant{
    background:rgba(255, 68, 84, 0.08);
    border-color:rgba(255, 68, 84, 0.35);
    color:#ff4454;
}

.quick-products-section .game-tabs .game-tab-link.game-tab-lol{
    background:rgba(179, 149, 86, 0.10);
    border-color:rgba(179, 149, 86, 0.40);
    color:#b39556;
}

.quick-products-section .game-tabs .game-tab-link.game-tab-mlbb{
    background:rgba(38, 51, 232, 0.10);
    border-color:rgba(38, 51, 232, 0.40);
    color:#ee683d;
}

.quick-products-section .game-tabs .game-tab-link.game-tab-roblox{
    background:rgba(231, 54, 54, 0.08);
    border-color:rgba(231, 54, 54, 0.30);
    color:#e73636;
}

.quick-products-section .game-tabs .game-tab-link.game-tab-pubg.active{
    background:rgba(222, 141, 0, 0.18);
    border-color:#de8d00;
    box-shadow:0 2px 8px rgba(222, 141, 0, 0.18);
    color:#de8d00;
}

.quick-products-section .game-tabs .game-tab-link.game-tab-valorant.active{
    background:rgba(255, 68, 84, 0.18);
    border-color:#ff4454;
    box-shadow:0 2px 8px rgba(255, 68, 84, 0.18);
    color:#ff4454;
}

.quick-products-section .game-tabs .game-tab-link.game-tab-lol.active{
    background:rgba(179, 149, 86, 0.20);
    border-color:#b39556;
    box-shadow:0 2px 8px rgba(179, 149, 86, 0.18);
    color:#b39556;
}

.quick-products-section .game-tabs .game-tab-link.game-tab-mlbb.active{
    background:rgba(38, 51, 232, 0.20);
    border-color:#ee683d;
    box-shadow:0 2px 8px rgba(38, 51, 232, 0.18);
    color:#ee683d;
}

.quick-products-section .game-tabs .game-tab-link.game-tab-roblox.active{
    background:rgba(231, 54, 54, 0.16);
    border-color:#e73636;
    box-shadow:0 2px 8px rgba(231, 54, 54, 0.18);
    color:#e73636;
}

.quick-products-section .game-tabs .nav-link img{
    box-shadow:0 1px 4px rgba(0, 0, 0, 0.12);
    transition:transform 0.3s ease;
}

.quick-products-section .game-tabs .nav-link.active img{
    transform:scale(1.1);
}

.game-tab-link .game-tab-icon{
    width:28px;
    height:28px;
    min-width:28px;
    border-radius: 4px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    border:1px solid transparent;
}

.game-tab-link .game-tab-icon img{
    width:18px;
    height:18px;
    object-fit:contain;
    display:block;
    border-radius:0 !important;
    box-shadow:none !important;
    filter:brightness(0) invert(1);
}

.game-tab-pubg .game-tab-icon{
    background:#de8d00;
    border-color:#de8d00;
}

.game-tab-valorant .game-tab-icon{
    background:#ff4454;
    border-color:#ff4454;
}

.game-tab-lol .game-tab-icon{
    background:#b39556;
    border-color:#b39556;
}

.game-tab-mlbb .game-tab-icon{
    background:#ee683d;
    border-color:#ee683d;
}

.game-tab-roblox .game-tab-icon{
    background:#e73636;
    border-color:#e73636;
}

body.dark-mode .quick-products-section .game-list-box{
    background:#121824 !important;
    border-color:#2a3346 !important;
    box-shadow:0 8px 20px rgba(0, 0, 0, 0.35) !important;
}

body.dark-mode .quick-products-section .game-list-box h6{
    color:#9aa8c2 !important;
}

body.dark-mode .quick-products-section .game-tabs .nav-link{
    color:#fff !important;
    border-color:transparent;
}

body.dark-mode .quick-products-section .game-tabs .nav-link:hover{
    background:rgba(61, 90, 254, 0.14);
}

body.dark-mode .quick-products-section .game-tabs .nav-link.active{
    background:#2f4be9;
    border-color:#2f4be9;
    box-shadow:0 3px 10px rgba(47, 75, 233, 0.28);
}

body.dark-mode .quick-products-section .game-tabs .game-tab-link.game-tab-pubg{
    background:rgba(222, 141, 0, 0.16) !important;
    border-color:rgba(222, 141, 0, 0.50) !important;
}

body.dark-mode .quick-products-section .game-tabs .game-tab-link.game-tab-pubg:hover,
body.dark-mode .quick-products-section .game-tabs .game-tab-link.game-tab-pubg.active{
    background:rgba(222, 141, 0, 0.24) !important;
    border-color:#de8d00 !important;
    box-shadow:0 3px 9px rgba(222, 141, 0, 0.2) !important;
}

body.dark-mode .quick-products-section .game-tabs .game-tab-link.game-tab-valorant{
    background:rgba(255, 68, 84, 0.16) !important;
    border-color:rgba(255, 68, 84, 0.50) !important;
}

body.dark-mode .quick-products-section .game-tabs .game-tab-link.game-tab-valorant:hover,
body.dark-mode .quick-products-section .game-tabs .game-tab-link.game-tab-valorant.active{
    background:rgba(255, 68, 84, 0.24) !important;
    border-color:#ff4454 !important;
    box-shadow:0 3px 9px rgba(255, 68, 84, 0.2) !important;
}

body.dark-mode .quick-products-section .game-tabs .game-tab-link.game-tab-lol{
    background:rgba(179, 149, 86, 0.18) !important;
    border-color:rgba(179, 149, 86, 0.52) !important;
}

body.dark-mode .quick-products-section .game-tabs .game-tab-link.game-tab-lol:hover,
body.dark-mode .quick-products-section .game-tabs .game-tab-link.game-tab-lol.active{
    background:rgba(179, 149, 86, 0.26) !important;
    border-color:#b39556 !important;
    box-shadow:0 3px 9px rgba(179, 149, 86, 0.2) !important;
}

body.dark-mode .quick-products-section .game-tabs .game-tab-link.game-tab-mlbb{
    background:rgba(38, 51, 232, 0.18) !important;
    border-color:rgba(38, 51, 232, 0.52) !important;
}

body.dark-mode .quick-products-section .game-tabs .game-tab-link.game-tab-mlbb:hover,
body.dark-mode .quick-products-section .game-tabs .game-tab-link.game-tab-mlbb.active{
    background:rgba(38, 51, 232, 0.28) !important;
    border-color:#ee683d !important;
    box-shadow:0 3px 9px rgba(38, 51, 232, 0.22) !important;
}

body.dark-mode .quick-products-section .game-tabs .game-tab-link.game-tab-roblox{
    background:rgba(231, 54, 54, 0.20) !important;
    border-color:rgba(231, 54, 54, 0.50) !important;
}

body.dark-mode .quick-products-section .game-tabs .game-tab-link.game-tab-roblox:hover,
body.dark-mode .quick-products-section .game-tabs .game-tab-link.game-tab-roblox.active{
    background:rgba(231, 54, 54, 0.30) !important;
    border-color:#e73636 !important;
    box-shadow:0 3px 9px rgba(231, 54, 54, 0.22) !important;
}
.quick-horizontal-card{
    background:var(--bg-header);
    border-radius:var(--radius-ui);
    border:1px solid var(--border-color);
    overflow:hidden;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:10px 12px;
    gap:10px;
    height:100%;
    transition:var(--transition);
    box-shadow:0 2px 8px rgba(0, 0, 0, 0.02);
    text-decoration:none !important;
    position:relative;
}

.quick-horizontal-card:hover{
    border-color:var(--primary-blue);
    box-shadow:0 12px 30px rgba(61, 90, 254, 0.12);
}

.quick-horizontal-card .p-img-wrapper{
    position:relative;
    width:60px;
    height:60px;
    flex-shrink:0;
    overflow:hidden;
    background:var(--bg-light);
    border-radius:var(--radius-ui);
    display:flex;
    align-items:center;
    justify-content:center;
}

.quick-horizontal-card .p-img-wrapper img{
    width:100%;
    height:100%;
    object-fit:cover;
    opacity:0.95;
    transition:transform 0.5s ease, opacity 0.3s ease;
}

.quick-horizontal-card:hover .p-img-wrapper img{
    opacity:1;
}
.quick-horizontal-card.pubg-card .p-img-wrapper::after{
    content:'';
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background:linear-gradient(180deg, rgba(222, 141, 0, 0) 50%, rgba(222, 141, 0, 0.1) 100%);
    pointer-events:none;
}

.quick-horizontal-card.valo-card .p-img-wrapper::after{
    content:'';
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background:linear-gradient(180deg, rgba(255, 68, 84, 0) 50%, rgba(255, 68, 84, 0.1) 100%);
    pointer-events:none;
}


.quick-horizontal-card .p-content{
    display:flex;
    flex-direction:column;
    justify-content:center;
    flex-grow:1;
    min-width:0;
}

.quick-horizontal-card .p-title{
    font-size:14px;
    font-weight:700;
    color:var(--dark-text);
    margin:0;
    line-height:1.4;
    transition:color 0.3s ease;
    display:-webkit-box;
    -webkit-line-clamp:2;
    line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    word-break:break-word;
}

.quick-horizontal-card:hover .p-title{
    color:var(--primary-blue);
}

.quick-horizontal-card .p-footer{
    display:flex;
    align-items:center;
    gap:15px;
    flex-shrink:0;
}

.quick-horizontal-card .p-price-wrap{
    display:flex;
    align-items:center;
}

.quick-horizontal-card .p-price{
    font-size:16px;
    font-weight:700;
    color:var(--success-green);
    white-space:nowrap;
}

.quick-horizontal-card .p-cart-row{
    display:flex;
    align-items:center;
    gap:8px;
}
.quick-see-all-card{
    background:linear-gradient(135deg, rgba(61, 90, 254, 0.03) 0%, rgba(61, 90, 254, 0.08) 100%);
    border:1px dashed rgba(61, 90, 254, 0.3);
    border-radius:var(--radius-ui);
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    padding:20px;
    text-decoration:none !important;
    transition:background 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
    position:relative;
    overflow:hidden;
}

.quick-see-all-card:hover{
    background:linear-gradient(135deg, rgba(61, 90, 254, 0.05) 0%, rgba(61, 90, 254, 0.12) 100%);
    border-color:var(--primary-blue);
    box-shadow:0 10px 25px rgba(61, 90, 254, 0.15);
}

.quick-see-all-card .see-all-content{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:12px;
    z-index:2;
}

.quick-see-all-card .icon-wrap{
    width:56px;
    height:56px;
    background:var(--bg-header);
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:var(--primary-blue);
    font-size:28px;
    box-shadow:0 4px 15px rgba(61, 90, 254, 0.15);
    transition:transform 0.3s ease;
}

.quick-see-all-card:hover .icon-wrap{
    background:var(--primary-blue);
    color:#fff;
}

.quick-see-all-card span{
    color:var(--primary-blue);
    font-size:14px;
    line-height:1.4;
    transition:color 0.3s ease;
}


.quick-see-all-card.horizontal{
    flex-direction:row;
    justify-content:center;
    gap:15px;
    padding:15px;
    height:100%;
}

@media (max-width: 400px){

    .mobile-header-user-profile .user-balance.balance-amount.fw-bold{
        font-size:11px;
    }

    .mobile-header-action-btn.bakiye-yukle{
        height:34px;
        padding:0 10px;
        display:inline-flex;
        align-items:center;
        font-size:0 !important;
        gap:3px;
    }

    .mobile-header-action-btn.bakiye-yukle i{
        font-size:16px;
    }

    .mobile-header-action-btn.bakiye-yukle::after{
        content:"Bakiye";
        display:inline-flex;
        align-items:center;
        font-size:12px;
        font-weight:700;
        line-height:1;
    }

    .quick-products-section .quick-see-all-card.horizontal .see-all-content{
        flex-direction:row;
        align-items:center;
        justify-content:center;
        gap:6px;
        text-align:left;
    }

    .quick-products-section .quick-see-all-card.horizontal .see-all-content > span{
        -webkit-line-clamp:1;
        line-clamp:1;
        min-height:auto;
    }
}

.quick-see-all-card.horizontal .see-all-content{
    display:flex;
    align-items:center;
    gap:15px;
    flex-direction:row;
}

.quick-see-all-card.horizontal .icon-wrap{
    margin-bottom:0;
}
body.dark-mode .quick-see-all-card{
    background:var(--bg-header) !important;
    border-color:var(--border-color) !important;
}
.showcase{
    padding:0;
    background-color:var(--bg-body);
    transition:var(--transition);
}
.section-head{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    margin-bottom:20px;
    gap:12px;
    flex-wrap:wrap;
}

.section-head-left{
    display:flex;
    flex-direction:column;
    gap:6px;
}

.section-label{
    display:inline-flex;
    align-items:center;
    gap:6px;
    font-size:11px;
    font-weight:700;
    letter-spacing:.3px;
    color:var(--primary-blue);
    background:rgba(61, 90, 254, 0.10);
    border:1px solid rgba(61, 90, 254, 0.18);
    border-radius:999px;
    padding:5px 12px;
    width:fit-content;
}

.section-label i{
    font-size:13px;
}

.section-title{
    font-size:22px;
    font-weight:700;
    color:var(--dark-text);
    margin:0;
    line-height:1.2;
    transition:var(--transition);
}

.section-title span{
    color:var(--primary-blue);
}
.showcase-header{
    background:var(--bg-header);
    border:1px solid var(--border-color);
    border-radius:var(--radius-ui);
    padding:16px 20px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    flex-wrap:wrap;
    gap:16px;
    box-shadow:0 4px 20px rgba(0, 0, 0, 0.03);
    margin-bottom:24px;
    transition:var(--transition);
}
.showcase-loader{
    min-height:320px;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    gap:16px;
    background:var(--bg-header);
    border:1px solid var(--border-color);
    border-radius:var(--radius-ui);
    padding:48px 24px;
    transition:var(--transition);
}
.showcase-loader .sc-loader-spinner{
    width:48px;
    height:48px;
    border:3px solid var(--border-color);
    border-top-color:var(--primary-blue);
    border-radius:50%;
    animation:deposit-spin 0.8s linear infinite;
}
.showcase-loader .sc-loader-text{
    font-size:14px;
    font-weight:600;
    color:var(--gray-text);
    margin:0;
    letter-spacing:0.3px;
}
.showcase-loader .sc-loader-icon{
    font-size:32px;
    color:var(--primary-blue);
    opacity:0.7;
}
.sc-brand{
    display:flex;
    align-items:center;
    gap:14px;
    flex-shrink:0;
}

.sc-brand-icon{
    width:44px;
    height:44px;
    border-radius:var(--radius-ui);
    flex-shrink:0;
    background:rgba(61, 90, 254, 0.08);
    color:var(--primary-blue);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:22px;
    transition:var(--transition);
}

.sc-brand-title{
    font-size:16px;
    font-weight:700;
    color:var(--dark-text);
    line-height:1.2;
    display:block;
    transition:var(--transition);
}

.sc-brand-sub{
    font-size:12px;
    font-weight:500;
    color:var(--gray-text);
    display:block;
    margin-top:2px;
    white-space:nowrap;
}
.sc-divider{
    width:1px;
    height:32px;
    background:var(--border-color);
    flex-shrink:0;
}
.custom-tabs{
    display:flex;
    gap:6px;
    background:var(--bg-light);
    padding:5px;
    border-radius:var(--radius-ui);
    border:1px solid rgba(0, 0, 0, 0.02);
}

.custom-tabs .nav-link{
    background:transparent;
    border:none;
    color:var(--gray-text);
    font-size:14px;
    font-weight:700;
    padding:10px 20px;
    border-radius:var(--radius-ui);
    display:flex;
    align-items:center;
    gap:8px;
    transition:background-color 0.3s cubic-bezier(0.4, 0, 0.2, 1), color 0.3s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1), transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    cursor:pointer;
    white-space:nowrap;
}

.custom-tabs .nav-link i{
    font-size:16px;
    width:auto;
    height:auto;
    min-width:unset;
    background:none;
    border-radius:0;
    color:inherit;
    display:inline;
    transition:transform 0.3s ease;
}

.custom-tabs .nav-link:hover{
    color:var(--dark-text);
    background:rgba(61, 90, 254, 0.04);
}


.custom-tabs .nav-link.active{
    background:var(--primary-blue);
    color:#fff;
    box-shadow:0 6px 15px rgba(61, 90, 254, 0.25);
}

.custom-tabs .nav-link.active i{
    color:#fff;
}
.quick-games{
    display:flex;
    gap:8px;
    margin:0;
    padding:0;
    list-style:none;
}

.quick-games a{
    display:flex;
    align-items:center;
    justify-content:center;
    width:44px;
    height:44px;
    border-radius:var(--radius-ui);
    background:var(--bg-light);
    border:1px solid var(--border-color);
    transition:background-color 0.3s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.3s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1), transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position:relative;
    overflow:hidden;
}

.quick-games a svg,
.quick-games a img{
    max-width:26px;
    max-height:26px;
    transition:transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.quick-games a svg{
    fill:currentColor;
    color:var(--gray-text);
    opacity:0.7;
}

.quick-games a img{
    opacity:0.85;
    object-fit:contain;
}

.quick-games li.pubg a{
    background:rgba(222, 141, 0, 0.14);
    border-color:rgba(222, 141, 0, 0.25);
}

.quick-games li.pubg a svg{
    color:#de8d00;
    opacity:1;
}

.quick-games li.valorant a{
    background:rgba(255, 68, 84, 0.14);
    border-color:rgba(255, 68, 84, 0.25);
}

.quick-games li.valorant a svg{
    color:#ff4454;
    opacity:1;
}

.quick-games li.lol a{
    background:rgba(179, 149, 86, 0.14);
    border-color:rgba(179, 149, 86, 0.25);
}

.quick-games li.lol a svg{
    color:#b39556;
    opacity:1;
}

.quick-games li.cs2 a{
    background:rgba(40, 57, 127, 0.14);
    border-color:rgba(40, 57, 127, 0.25);
}

.quick-games li.cs2 a img{
    filter:brightness(0) saturate(100%) invert(22%) sepia(28%) saturate(2076%) hue-rotate(203deg) brightness(97%) contrast(93%);
    opacity:1;
}

.quick-games a:hover{
    background:var(--bg-header);
    border-color:var(--primary-blue);
    box-shadow:0 8px 20px rgba(61, 90, 254, 0.15);
}

.quick-games a:hover svg,
.quick-games a:hover img{
    opacity:1;
}

.quick-games li.pubg a:hover svg{
    color:#de8d00;
    filter:drop-shadow(0 0 6px rgba(222, 141, 0, 0.4));
}

.quick-games li.valorant a:hover svg{
    color:#ff4454;
    filter:drop-shadow(0 0 6px rgba(255, 68, 84, 0.4));
}

.quick-games li.lol a:hover svg{
    color:#c89b3c;
    filter:drop-shadow(0 0 6px rgba(200, 155, 60, 0.4));
}

.quick-games li.cs2 a:hover img{
    filter:brightness(0) saturate(100%) invert(22%) sepia(28%) saturate(2076%) hue-rotate(203deg) brightness(97%) contrast(93%) drop-shadow(0 0 6px rgba(74, 95, 212, 0.4));
}

.quick-games li.roblox a{
    background:rgba(255, 255, 255, 0.9);
    border-color:rgba(0, 0, 0, 0.12);
}

.quick-games li.roblox a img{
    opacity:1;
}

.quick-games li.roblox a:hover img{
    filter:drop-shadow(0 0 6px rgba(0, 0, 0, 0.2));
}
.sc-all-btn{
    position:relative;
    overflow:hidden;
    height:44px;
    border-radius:var(--radius-ui);
    padding:0 20px;
    display:inline-flex;
    align-items:center;
    gap:8px;
    font-size:14px;
    font-weight:700;
    color:var(--primary-blue);
    background:rgba(61, 90, 254, 0.06);
    border:1px solid rgba(61, 90, 254, 0.15);
    transition:background-color 0.3s cubic-bezier(0.4, 0, 0.2, 1), color 0.3s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.3s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1), transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    white-space:nowrap;
    text-decoration:none;
    box-shadow:0 2px 8px rgba(61, 90, 254, 0.05);
}

.sc-all-btn::before{
    content:'';
    position:absolute;
    top:0;
    left:-100%;
    width:50%;
    height:100%;
    background:linear-gradient(to right, transparent, rgba(255, 255, 255, 0.3), transparent);
    transform:skewX(-25deg);
    transition:left 0.5s ease;
}

.sc-all-btn i{
    font-size:18px;
    transition:transform 0.3s ease;
}

.sc-all-btn:hover{
    background:var(--primary-blue);
    color:#fff;
    border-color:var(--primary-blue);
    box-shadow:0 8px 20px rgba(61, 90, 254, 0.25);
}

.sc-all-btn:hover::before{
    left:200%;
}
.premium-card{
    background:var(--bg-header);
    border-radius:var(--radius-ui);
    border:1px solid var(--border-color);
    overflow:hidden;
    display:flex;
    flex-direction:column;
    height:100%;
    transition:var(--transition);
    box-shadow:0 2px 8px rgba(0, 0, 0, 0.04);
    text-decoration:none !important;
    position:relative;
}

.premium-card.has-highlight{
    padding-top:0;
}


.premium-card.premium-card--trade .p-img-wrapper::after{
    content:"Takas";
    position:absolute;
    bottom:8px;
    left:8px;
    z-index:4;
    font-size:10px;
    font-weight:800;
    letter-spacing:0.06em;
    text-transform:uppercase;
    color:#fff;
    background:linear-gradient(135deg, #00897b, #3949ab);
    padding:5px 9px;
    border-radius:7px;
    line-height:1;
    pointer-events:none;
    box-shadow:0 2px 10px rgba(0, 0, 0, 0.25);
}
.premium-card.premium-card--trade .p-seller-glass{
    z-index:5;
}

.premium-card.premium-card--trade.premium-card-trade-layout .p-img-wrapper::after{
    content:none;
}

.premium-card-trade-cs2 .p-trade-cs2-surface{
    display:flex;
    flex-direction:column;
    flex:1;
    min-height:0;
}

.premium-card-trade-cs2 .p-trade-cs2-content{
    padding:12px 14px 14px;
    display:flex;
    flex-direction:column;
    flex:1;
    min-height:0;
    gap:12px;
}
.premium-card-trade-cs2 .p-trade-cs2-main{
    flex:1 1 auto;
    min-height:0;
    overflow:hidden;
    display:flex;
    flex-direction:column;
    gap:0;
}

.premium-card-trade-cs2 .p-trade-cs2-img{
    background:radial-gradient(ellipse at center, rgba(60,70,90,0.35) 0%, transparent 70%);
    border:none;
}
/* Standart .p-img-wrapper > img ile aynı boyutlama; skin tam görünsün diye contain */
.premium-card-trade-cs2 .p-trade-cs2-img > img:not(.p-fast-delivery){
    opacity:1;
    mix-blend-mode:normal;
    object-fit:contain;
    padding:10px;
    box-sizing:border-box;
}
.premium-card-trade-cs2 .p-trade-cs2-title-row{
    display:flex;
    align-items:center;
    gap:6px;
    margin-top:0;
    min-height:1.25em;
}
.premium-card-trade-cs2 .p-trade-cs2-st-dot{
    flex-shrink:0;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:1.35em;
    padding:0 4px;
    min-height:14px;
    box-sizing:border-box;
    border-radius:3px;
    border:0;
    background:#e53935;
    font-size:8px;
    font-weight:800;
    line-height:1;
    letter-spacing:0.04em;
    color:#fff;
    text-transform:uppercase;
}
/* Aşınma rozeti — düz renk, float şeridi ile aynı aile */
.premium-card-trade-cs2 .p-trade-cs2-st-dot--fn{
    background:#1b5e20;
    color:#fff;
}
.premium-card-trade-cs2 .p-trade-cs2-st-dot--mw{
    background:#2e7d32;
    color:#fff;
}
.premium-card-trade-cs2 .p-trade-cs2-st-dot--ft{
    background:#f9a825;
    color:#1a1a1a;
}
.premium-card-trade-cs2 .p-trade-cs2-st-dot--ww{
    background:#ef6c00;
    color:#fff;
}
.premium-card-trade-cs2 .p-trade-cs2-st-dot--bs{
    background:#b71c1c;
    color:#fff;
}
.premium-card-trade-cs2 .p-trade-cs2-title{
    flex:1;
    min-width:0;
    color:#fff;
    font-size:12px;
    font-weight:800;
    line-height:1.25;
    margin:0;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.premium-card-trade-cs2 .p-trade-cs2-meta{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:6px;
    margin-top:6px;
    flex-shrink:0;
}
.premium-card-trade-cs2 .p-trade-cs2-wear{
    font-size:9px;
    font-weight:800;
    letter-spacing:0.03em;
    padding:2px 6px;
    border-radius:4px;
    color:#fff;
    line-height:1;
}
.premium-card-trade-cs2 .p-trade-cs2-wear--fn,
.premium-card-trade-cs2 .p-trade-cs2-wear--mw{
    background:#2e7d32;
}
.premium-card-trade-cs2 .p-trade-cs2-wear--ft{
    background:#f9a825;
    color:#1a1a1a;
}
.premium-card-trade-cs2 .p-trade-cs2-wear--ww{
    background:#ef6c00;
}
.premium-card-trade-cs2 .p-trade-cs2-wear--bs{
    background:#c62828;
}
.premium-card-trade-cs2 .p-trade-cs2-float-label{
    font-size:10px;
    font-weight:600;
    color:rgba(255,255,255,0.5);
}
.premium-card-trade-cs2 .p-trade-cs2-float-wrap{
    margin-top:7px;
    margin-bottom:0;
    flex-shrink:0;
}
.premium-card-trade-cs2 .p-trade-cs2-float-track{
    position:relative;
    display:flex;
    height:6px;
    border-radius:4px;
    overflow:visible;
    box-shadow:inset 0 1px 2px rgba(0,0,0,0.25);
    background:linear-gradient(to right, #4caf50 0%, #8bc34a 15%, #cddc39 38%, #ffc107 45%, #f44336 100%);
}
.premium-card-trade-cs2 .p-trade-cs2-seg{
    display:none;
}
body.dark .premium-card-trade-cs2 .p-trade-cs2-float-track,
body.dark-mode .premium-card-trade-cs2 .p-trade-cs2-float-track{
    background:linear-gradient(to right, #2e7d32 0%, #558b2f 15%, #827717 32%, #f57f17 44%, #c62828 100%);
    box-shadow:inset 0 1px 3px rgba(0,0,0,0.45);
}
.premium-card-trade-cs2 .p-trade-cs2-marker{
    position:absolute;
    bottom:-1px;
    transform:translateX(-50%);
    color:#fff;
    font-size:11px;
    line-height:1;
    text-shadow:0 1px 3px rgba(0,0,0,0.8);
    z-index:3;
    pointer-events:none;
}
.premium-card-trade-cs2 .p-trade-cs2-footer{
    margin-top:auto;
    gap:6px;
    flex-shrink:0;
}
.premium-card-trade-cs2 .p-trade-cs2-price-wrap .p-price{
    color:var(--success-green);
    font-size:15px;
    font-weight:800;
    line-height:1.1;
}
/* Açık tema: başlık diğer premium kartlar gibi koyu metin */
body:not(.dark-mode) .premium-card-trade-cs2 .p-trade-cs2-title,
.bg-light .premium-card-trade-cs2 .p-trade-cs2-title{
    color:var(--dark-text);
}
.premium-card-trade-cs2 .p-discount-tag{
    background:rgba(61,90,254,0.25);
    color:#aab8ff;
    border:1px solid rgba(61,90,254,0.35);
}


.cart-vitrin-swiper .premium-card-trade-cs2 .p-trade-cs2-title{
    font-size:11px;
}
.cart-vitrin-swiper .premium-card-trade-cs2 .p-trade-cs2-float-wrap{
    margin-top:6px;
}
.cart-vitrin-swiper .premium-card-trade-cs2 .p-trade-cs2-float-track{
    height:6px;
}
/* Vitrin swiper: .p-footer row trade CS2'de dikey kalsın */
.cart-vitrin-swiper .premium-card.premium-card-trade-cs2 .p-footer.p-trade-cs2-footer{
    flex-direction:column;
    align-items:stretch;
    justify-content:flex-end;
}

.premium-card:hover{
    border-color:var(--primary-blue);
    box-shadow:0 12px 30px rgba(61, 90, 254, 0.12);
}

.products-overlap-section .premium-card,
.cdKeyUrunleri .premium-card{
    background:var(--bg-header);
    border-radius:var(--radius-ui);
    border:1px solid var(--border-color);
    overflow:hidden;
    display:flex;
    flex-direction:column;
    height:100%;
    box-shadow:0 2px 8px rgba(0, 0, 0, 0.04);
}
.products-overlap-section .premium-card .p-img-wrapper,
.cdKeyUrunleri .premium-card .p-img-wrapper{
    aspect-ratio:1 / 1;
    width:100%;
    overflow:hidden;
    background:var(--bg-header);
    border-radius:var(--radius-ui) var(--radius-ui) 0 0;
}
.products-overlap-section .premium-card .p-content,
.cdKeyUrunleri .premium-card .p-content{
    padding:12px 14px 14px;
    display:flex;
    flex-direction:column;
    flex-grow:1;
    justify-content:space-between;
    gap:12px;
}
.products-overlap-section .premium-card .p-title,
.cdKeyUrunleri .premium-card .p-title{
    color:var(--dark-text);
    font-size:13px;
    font-weight:700;
    line-height:1.45;
    margin:0;
    display:-webkit-box;
    -webkit-line-clamp:2;
    line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
}
.products-overlap-section .premium-card .p-footer,
.cdKeyUrunleri .premium-card .p-footer{
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:10px;
}
.products-overlap-section .premium-card .p-price-wrap,
.cdKeyUrunleri .premium-card .p-price-wrap{
    display:flex;
    align-items:center;
    gap:8px;
    flex-wrap:wrap;
}
.products-overlap-section .premium-card .p-price-wrap--premium-rating,
.cdKeyUrunleri .premium-card .p-price-wrap--premium-rating{
    flex-wrap:nowrap;
    justify-content:space-between;
    gap:4px;
    width:100%;
}
.products-overlap-section .premium-card .p-price,
.cdKeyUrunleri .premium-card .p-price{
    font-size:15px;
    font-weight:700;
    color:var(--success-green);
}
.products-overlap-section .premium-card:hover,
.cdKeyUrunleri .premium-card:hover{
    border-color:var(--primary-blue);
    box-shadow:0 12px 30px rgba(61, 90, 254, 0.12);
}
.products-overlap-section .premium-card:hover .p-title,
.cdKeyUrunleri .premium-card:hover .p-title{
    color:var(--primary-blue);
}

/* CD key listesi: stok bildirimi (kart içi, .p-add-cart yüksekliği ile hizalı) */
.cdKeyUrunleri .premium-card .js-stock-notify-btn,
#cd-key-products-container .js-stock-notify-btn{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    width:100%;
    min-height:36px;
    padding:6px 8px;
    margin:0;
    border-radius:var(--radius-ui);
    border:1px solid rgba(245, 158, 11, 0.55);
    background:linear-gradient(180deg, rgba(255, 251, 235, 0.96), rgba(254, 243, 199, 0.88));
    color:#b45309 !important;
    font-size:10px;
    font-weight:800;
    line-height:1.25;
    text-align:center;
    letter-spacing:0.02em;
    box-shadow:0 1px 0 rgba(255, 255, 255, 0.65) inset, 0 1px 2px rgba(180, 83, 9, 0.08);
    transition:background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, transform 0.15s ease, color 0.2s ease;
}
.cdKeyUrunleri .premium-card .js-stock-notify-btn i,
#cd-key-products-container .js-stock-notify-btn i{
    font-size:15px;
    flex-shrink:0;
    line-height:1;
}
.cdKeyUrunleri .premium-card .js-stock-notify-btn:hover,
#cd-key-products-container .js-stock-notify-btn:hover{
    background:linear-gradient(180deg, rgba(254, 243, 199, 0.98), rgba(253, 230, 138, 0.92));
    border-color:rgba(217, 119, 6, 0.7);
    color:#92400e !important;
    box-shadow:0 2px 10px rgba(180, 83, 9, 0.2);
    transform:translateY(-1px);
}
.cdKeyUrunleri .premium-card .js-stock-notify-btn:active,
#cd-key-products-container .js-stock-notify-btn:active{
    transform:translateY(0);
}
body.dark-mode .cdKeyUrunleri .premium-card .js-stock-notify-btn,
body.dark-mode #cd-key-products-container .js-stock-notify-btn{
    background:linear-gradient(180deg, rgba(120, 53, 15, 0.48), rgba(92, 42, 12, 0.38));
    border-color:rgba(251, 191, 36, 0.38);
    color:#fcd34d !important;
    box-shadow:0 1px 0 rgba(255, 255, 255, 0.06) inset;
}
body.dark-mode .cdKeyUrunleri .premium-card .js-stock-notify-btn:hover,
body.dark-mode #cd-key-products-container .js-stock-notify-btn:hover{
    background:linear-gradient(180deg, rgba(146, 64, 14, 0.58), rgba(120, 53, 15, 0.48));
    border-color:rgba(251, 191, 36, 0.55);
    color:#fde68a !important;
    box-shadow:0 4px 14px rgba(0, 0, 0, 0.35);
}

/* Overlap / CD key satırı: .premium-card height:100% trade CS2 sabit yüksekliği ezmesin */
.p-img-wrapper{
    position:relative;
    aspect-ratio:1 / 1;
    width:100%;
    overflow:hidden;
    background:var(--bg-header);
    z-index:2;
    border-radius:var(--radius-ui) var(--radius-ui) 0 0;
    isolation:isolate;
}

.p-platform-badge{
    position:absolute;
    top:8px;
    left:8px;
    z-index:3;
    width:28px;
    height:28px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:rgba(0,0,0,0.55);
    border-radius:var(--radius-ui);
    color:#fff;
}

.p-platform-badge svg{
    width:24px;
    height:24px;
}

.p-img-wrapper > img:not(.p-fast-delivery){
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    opacity:0.92;
    transform:translateZ(0);
    transition:transform 0.5s ease, opacity 0.3s ease;
}

.premium-card:hover .p-img-wrapper > img:not(.p-fast-delivery){
    opacity:1;
}
.p-highlight{
    position:absolute;
    top:0;
    left:0;
    z-index:3;
    color:#FFF;
    text-align:center;
    font-size:11px;
    font-weight:700;
    width:100%;
    height:60px;
    padding:0;
    white-space:nowrap;
    overflow:hidden;
    letter-spacing:0.5px;
    border-radius:0;
    pointer-events:none;
}

.p-highlight.pink{
    background:linear-gradient(180deg, rgba(233, 30, 212, 0.85) 0%, rgba(233, 30, 212, 0) 100%);
}

.p-highlight.orange{
    background:linear-gradient(180deg, rgba(255, 143, 0, 0.85) 0%, rgba(255, 143, 0, 0) 100%);
}

.p-highlight.red{
    background:linear-gradient(180deg, rgba(255, 68, 84, 0.85) 0%, rgba(255, 68, 84, 0) 100%);
}

.p-highlight.green{
    background:linear-gradient(180deg, rgba(34, 197, 94, 0.85) 0%, rgba(34, 197, 94, 0) 100%);
}

.p-highlight .txt{
    display:block;
    width:100%;
    height:28px;
    line-height:28px;
    position:relative;
    z-index:2;
    padding:0 16px;
    pointer-events:auto;
    text-shadow:0 1px 3px rgba(0, 0, 0, 0.4);
}

@keyframes marquee-highlight-loop{
    0%{
        transform:translateX(0);
    }
    100%{
        transform:translateX(-33.333333%);
    }
}

@keyframes lightning-highlight{
    0%{
        opacity:1;
        text-shadow:0 0 8px rgba(255, 255, 255, 0.8);
    }
    50%{
        opacity:0.5;
        text-shadow:none;
    }
    100%{
        opacity:1;
        text-shadow:0 0 8px rgba(255, 255, 255, 0.8);
    }
}

.p-highlight .gunun-firsati{
    display:flex;
    align-items:center;
    height:28px;
    width:100%;
    position:relative;
    z-index:2;
    margin-top:1px;
    overflow:hidden;
}

.p-highlight .gunun-firsati .gf-track{
    display:flex;
    width:max-content;
    animation:marquee-highlight-loop 8s linear infinite;
}

.p-highlight .gunun-firsati .gf-track span{
    display:inline-flex;
    align-items:center;
    flex:0 0 auto;
    font-size:11px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:0.8px;
    white-space:nowrap;
    padding-right:22px;
    text-shadow:0 1px 2px rgba(0, 0, 0, 0.1);
}

.p-highlight .cok-satan, .p-highlight .vitrin-ilani{
    list-style:none;
    display:flex;
    justify-content:space-between;
    align-items:center;
    height:28px;
    margin:0;
    padding:0 16px;
    position:relative;
    z-index:2;
    font-size:11px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:0.8px;
    white-space:nowrap;
    margin-top:1px;
    text-shadow:0 1px 2px rgba(0, 0, 0, 0.1);
}

.p-highlight .cok-satan li, .p-highlight .vitrin-ilani li{
    animation:lightning-highlight 1000ms linear infinite;
}

.p-highlight .cok-satan li:nth-child(1), .p-highlight .vitrin-ilani li:nth-child(1){
    animation-delay:0ms;
}

.p-highlight .cok-satan li:nth-child(2), .p-highlight .vitrin-ilani li:nth-child(2){
    animation-delay:100ms;
}

.p-highlight .cok-satan li:nth-child(3), .p-highlight .vitrin-ilani li:nth-child(3){
    animation-delay:200ms;
}

.p-highlight .cok-satan li:nth-child(4), .p-highlight .vitrin-ilani li:nth-child(4){
    animation-delay:300ms;
}

.p-highlight .cok-satan li:nth-child(5), .p-highlight .vitrin-ilani li:nth-child(5){
    animation-delay:400ms;
}

.p-highlight .cok-satan li:nth-child(6), .p-highlight .vitrin-ilani li:nth-child(6){
    animation-delay:500ms;
}

.p-highlight .cok-satan li:nth-child(7), .p-highlight .vitrin-ilani li:nth-child(7){
    animation-delay:600ms;
}

.p-highlight .cok-satan li:nth-child(8), .p-highlight .vitrin-ilani li:nth-child(8){
    animation-delay:700ms;
}

.p-highlight .cok-satan li:nth-child(9), .p-highlight .vitrin-ilani li:nth-child(9){
    animation-delay:800ms;
}

.p-highlight .cok-satan li:nth-child(10), .p-highlight .vitrin-ilani li:nth-child(10){
    animation-delay:900ms;
}

.p-highlight .cok-satan li:nth-child(11), .p-highlight .vitrin-ilani li:nth-child(11){
    animation-delay:1000ms;
}

.p-highlight .cok-satan li:nth-child(12), .p-highlight .vitrin-ilani li:nth-child(12){
    animation-delay:1100ms;
}

.p-highlight .cok-satan li:nth-child(3){
    margin-right:3px;
}

.p-highlight .vitrin-ilani li:nth-child(6){
    margin-right:3px;
}
.p-badge{
    position:absolute;
    top:10px;
    left:10px;
    padding:4px 10px;
    border-radius:6px;
    font-size:10px;
    font-weight:700;
    color:#fff;
    z-index:10;
    letter-spacing:0.5px;
    box-shadow:0 3px 8px rgba(0, 0, 0, 0.25);
}

.p-badge.pink{
    background:linear-gradient(135deg, #e91ed4, #ff5cf5);
}

.p-badge.orange{
    background:linear-gradient(135deg, #ff8f00, #ffb300);
}

.p-badge.red{
    background:linear-gradient(135deg, var(--danger-red), #ff7a00);
}
.p-fast-delivery{
    position:absolute;
    bottom:50px;
    right:10px;
    z-index:99;
    width:46px;
    height:auto;
    filter:drop-shadow(0 4px 8px rgba(0, 0, 0, 0.4));
    transform:rotate(-5deg);
    transition:transform 0.3s ease;
}
.p-sepette-badge-circle{
    position:absolute;
    left:6px;
    bottom:49px;
    z-index:99;
    width:36px;
    height:36px;
    box-sizing:border-box;
    padding:0;
    clip-path:polygon(50.000% 0.000%, 59.835% 13.295%, 75.000% 6.699%, 76.870% 23.130%, 93.301% 25.000%, 86.705% 40.165%, 100.000% 50.000%, 86.705% 59.835%, 93.301% 75.000%, 76.870% 76.870%, 75.000% 93.301%, 59.835% 86.705%, 50.000% 100.000%, 40.165% 86.705%, 25.000% 93.301%, 23.130% 76.870%, 6.699% 75.000%, 13.295% 59.835%, 0.000% 50.000%, 13.295% 40.165%, 6.699% 25.000%, 23.130% 23.130%, 25.000% 6.699%, 40.165% 13.295%);
    background:linear-gradient(145deg, #ffe066 0%, #ffb020 38%, #f76707 92%);
    display:flex;
    align-items:center;
    justify-content:center;
    pointer-events:none;
    filter:drop-shadow(0 2px 6px rgba(0, 0, 0, 0.28));
    transform:rotate(-9deg);
    transition:transform 0.2s ease, filter 0.2s ease;
    -webkit-font-smoothing:antialiased;
}
.p-sepette-badge-circle__inner{
    box-sizing:border-box;
    width:100%;
    height:100%;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
    padding:2px 2px 3px;
    line-height:1;
    gap:0;
}
.p-sepette-badge-circle__line1{
    font-size:4px;
    font-weight:800;
    letter-spacing:0.1em;
    color:#ffffff;
    text-transform:uppercase;
    line-height:1;
    margin-bottom:0;
    max-width:100%;
    white-space:nowrap;
    text-shadow:0 1px 1px rgba(0, 0, 0, 0.2);
}
.p-sepette-badge-circle__line2{
    margin-top:1px;
    font-size:15px;
    font-weight:800;
    line-height:0.92;
    letter-spacing:-0.03em;
    font-variant-numeric:tabular-nums;
    color:#ffffff;
    text-shadow:0 1px 2px rgba(0, 0, 0, 0.25);
}
.p-sepette-badge-circle--fixed{
    width:36px;
    height:36px;
}
.p-sepette-badge-circle--fixed .p-sepette-badge-circle__inner{
    padding:2px 2px 3px;
}
.p-sepette-badge-circle--fixed .p-sepette-badge-circle__line2{
    font-size:5.5px;
    font-weight:800;
    letter-spacing:-0.01em;
    line-height:1.1;
    max-height:2.2em;
    overflow:hidden;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    word-break:break-word;
    white-space:normal;
    color:#ffffff;
    text-shadow:0 1px 2px rgba(0, 0, 0, 0.22);
}
.premium-card:hover .p-sepette-badge-circle{
    transform:rotate(-6deg) scale(1.04);
    filter:drop-shadow(0 3px 8px rgba(0, 0, 0, 0.32));
}
.premium-card:has(.p-sepette-badge-circle) .p-price-main .p-discount-tag{
    display:none !important;
}
.p-seller-glass{
    position:absolute;
    bottom:8px;
    left:8px;
    right:8px;
    background:rgba(10, 14, 26, 0.60);
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
    border:1px solid rgba(255, 255, 255, 0.12);
    border-radius:var(--radius-ui);
    padding:6px 8px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    z-index:10;
    transition:var(--transition);
}

.premium-card:hover .p-seller-glass{
    background:rgba(10, 14, 26, 0.80);
    border-color:rgba(255, 255, 255, 0.25);
}

.p-seller-info{
    display:flex;
    align-items:center;
    gap:7px;
}

.p-seller-avatar{
    position:relative;
    width:24px;
    height:24px;
    flex-shrink:0;
    display:flex;
    align-items:center;
    justify-content:center;
}

.p-seller-avatar img.av{
    width:100%;
    height:100%;
    border-radius:4px;
    object-fit:cover;
}

.p-seller-avatar img.frame{
    border-radius:4px;
    position:absolute;
    top:50%;
    left:50%;
    width:125%;
    height:125%;
    transform:translate(-50%, -50%);
    z-index:2;
    pointer-events:none;
    object-fit:contain;
}

.c-avatar{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
}

.c-avatar img.av{
    width:100%;
    height:100%;
    border-radius:4px;
    object-fit:cover;
}

.c-avatar img.frame{
    border-radius:4px;
    position:absolute;
    top:50%;
    left:50%;
    width:125%;
    height:125%;
    transform:translate(-50%, -50%);
    z-index:2;
    pointer-events:none;
    object-fit:contain;
}

.p-seller-name{
    color:rgba(255, 255, 255, 0.9);
    font-size:11px;
    font-weight:600;
    max-width:80px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.p-cat-icon{
    width:24px;
    height:24px;
    border-radius:5px;
    display:flex;
    align-items:center;
    justify-content:center;
    box-shadow:0 2px 6px rgba(0, 0, 0, 0.3);
    transition:transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.p-cat-icon img{
    width:auto;
    height:auto;
    max-width:14px;
    max-height:14px;
    filter:brightness(0) invert(1);
}
.premium-card .p-content{
    padding:12px 14px 14px;
    display:flex;
    flex-direction:column;
    flex-grow:1;
    justify-content:space-between;
    gap:12px;
}

.premium-card .p-title{
    color:var(--dark-text);
    font-size:13px;
    font-weight:700;
    line-height:1.45;
    margin:0;
    display:-webkit-box;
    -webkit-line-clamp:2;
    line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    transition:color 0.3s ease;
}

.premium-card:hover .p-title{
    color:var(--primary-blue);
}
.premium-card .p-footer{
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:10px;
}

.premium-card .p-price-wrap, .quick-product-card .p-price-wrap{
    display:flex;
    align-items:center;
    gap:8px;
    flex-wrap:wrap;
}

.premium-card .p-price, .quick-product-card .p-price{
    font-size:15px;
    font-weight:700;
    color:var(--success-green);
    line-height:1;
}

.premium-card .p-discount-tag, .quick-product-card .p-discount-tag{
    display:inline-flex;
    align-items:center;
    gap:3px;
    font-size:10px;
    font-weight:700;
    background:rgba(17, 211, 119, 0.1);
    color:var(--success-green);
    padding:4px 8px;
    border-radius:6px;
}

/* Premium card: fiyat satırında sağda mini puan (rating-pro--premium-card) */
.premium-card .p-price-wrap--premium-rating{
    align-items:center;
    justify-content:space-between;
    gap:4px;
    flex-wrap:nowrap;
    width:100%;
}
.premium-card .p-price-wrap--premium-rating .p-price-main{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:8px;
    min-width:0;
    flex:1 1 auto;
}
.premium-card .p-card-rating-wrap{
    flex:0 0 auto;
    margin-left:auto;
    max-width:48%;
}
.premium-card .p-card-rating-wrap .rating-pro--premium-card.rating-pro{
    padding:2px 4px 2px 2px;
    gap:2px;
    font-size:10px;
    font-weight:800;
    letter-spacing:-0.02em;
    line-height:1;
}
.premium-card .p-card-rating-wrap .rating-pro--premium-card .rating-pro__left{
    width:17px;
    height:17px;
    border-radius:calc(var(--radius-sm) - 1px);
}
.premium-card .p-card-rating-wrap .rating-pro--premium-card .rating-pro__left i.ri-star-fill{
    font-size:9px;
}
.premium-card .p-card-rating-wrap .rating-pro--premium-card .rating-pro__score{
    gap:2px;
}
.premium-card .p-card-rating-wrap .rating-pro--premium-card .rating-pro__score span{
    font-size:8px;
    padding:2px 4px;
    font-weight:700;
}

.p-cart-row{
    display:flex;
    align-items:center;
    gap:8px;
    width:100%;
}
/* Kendi ilanı: satır kalkmasın diye görünür; etkileşim kapalı */
.p-cart-row.p-cart-row--owner-disabled{
    opacity:0.65;
    cursor:not-allowed;
}
.p-cart-row.p-cart-row--owner-disabled .p-add-cart:disabled{
    cursor:not-allowed;
}

.p-qty{
    display:flex;
    align-items:center;
    justify-content:space-between;
    flex-grow:1;
    background:var(--bg-header);
    border-radius:var(--radius-ui);
    border:1px solid var(--border-color);
    height:36px;
    padding:2px;
    transition:var(--transition);
}

.p-qty button{
    width:28px;
    height:28px;
    border-radius:6px;
    border:none;
    background:transparent;
    color:var(--dark-text);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:16px;
    cursor:pointer;
    transition:var(--transition);
    padding:0;
    margin:0 2px;
}

.p-qty button:hover{
    background:var(--bg-light);
    color:var(--dark-text);
}

.p-qty input{
    width:30px;
    text-align:center;
    border:none;
    background:transparent;
    font-size:13px;
    font-weight:700;
    color:var(--dark-text);
    padding:0;
    font-family:'Gilroy', sans-serif;
}

.p-qty-disabled{
    opacity:0.65;
    background:rgba(0, 0, 0, 0.03) !important;
    pointer-events:none;
}

.p-qty-disabled button{
    cursor:default;
    opacity:0.7;
}

.p-qty-disabled button:hover{
    background:transparent !important;
}

.p-add-cart{
    width:36px;
    height:36px;
    border-radius:var(--radius-ui);
    border:none;
    background:rgba(61, 90, 254, 0.1);
    color:var(--primary-blue);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:18px;
    cursor:pointer;
    transition:background-color 0.3s ease, color 0.3s ease, box-shadow 0.3s ease;
    padding:0;
    flex-shrink:0;
}

.p-add-cart:hover{
    background:var(--primary-blue);
    color:#fff;
    box-shadow:0 4px 10px rgba(61, 90, 254, 0.3);
}
body.dark-mode .p-add-cart{
    background:rgba(61, 90, 254, 0.22);
    color:#7c9aff;
    border:1px solid rgba(61, 90, 254, 0.4);
    box-shadow:0 2px 8px rgba(61, 90, 254, 0.15);
}
body.dark-mode .p-add-cart:hover{
    background:var(--primary-blue);
    color:#fff;
    border-color:rgba(61, 90, 254, 0.6);
    box-shadow:0 4px 16px rgba(61, 90, 254, 0.4);
}
.more-product-btn{
    position:relative;
    overflow:hidden;
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    height:52px;
    border-radius:var(--radius-ui);
    background:linear-gradient(135deg, rgba(61, 90, 254, 0.10), rgba(61, 90, 254, 0.05));
    border:1px solid rgba(61, 90, 254, 0.20);
    color:var(--primary-blue);
    font-size:14px;
    font-weight:700;
    text-decoration:none;
    transition:var(--transition);
}

.more-product-btn::before{
    content:'';
    position:absolute;
    top:0;
    left:-100%;
    width:50%;
    height:100%;
    background:linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.18) 50%, rgba(255, 255, 255, 0) 100%);
    transform:skewX(-25deg);
    transition:left 0.6s ease;
}

.more-product-btn:hover{
    background:var(--primary-blue);
    color:#fff;
    box-shadow:0 8px 20px rgba(61, 90, 254, 0.28);
}

.more-product-btn:hover::before{
    left:200%;
}

.more-product-btn .icon{
    width:30px;
    height:30px;
    background:var(--primary-blue);
    color:#fff;
    border-radius:7px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-left:12px;
    transition:var(--transition);
    flex-shrink:0;
}

.more-product-btn:hover .icon{
    background:rgba(255, 255, 255, 0.25);
}

body.dark-mode .more-product-btn{
    background:var(--primary-blue);
    border-color:rgba(91, 120, 255, 0.55);
    color:#fff;
    box-shadow:0 8px 20px rgba(61, 90, 254, 0.32);
}

body.dark-mode .more-product-btn .icon{
    background:rgba(255, 255, 255, 0.24);
}

body.dark-mode .more-product-btn:hover{
    background:#5b78ff;
    box-shadow:0 10px 24px rgba(61, 90, 254, 0.4);
}
.messages-offcanvas{
    width:400px !important;
    background-color:var(--bg-body);
    color:var(--dark-text);
    border-left:1px solid var(--border-color);
}

.messages-offcanvas .offcanvas-header{
    background-color:var(--bg-header);
    border-bottom:1px solid var(--border-color);
    padding:20px;
}

.messages-offcanvas .btn-close{
    opacity:0.5;
    transition:0.2s;
}

.msg-toolbar{
    display:flex;
    flex-direction:column;
    border-bottom:1px solid var(--border-color);
    background:var(--bg-header);
    flex-shrink:0;
}

.msg-list-view{
    display:flex;
    flex-direction:column;
    height:100%;
    min-height:0;
}

#msgListView{
    height:100%;
}

#msgListScroll{
    min-height:0;
    scrollbar-width:thin;
    scrollbar-color:rgba(61, 90, 254, 0.38) transparent;
}

#msgListScroll::-webkit-scrollbar{
    width:8px;
}

#msgListScroll::-webkit-scrollbar-track{
    background:transparent;
    border-radius:999px;
    margin:8px 0;
}

#msgListScroll::-webkit-scrollbar-thumb{
    border-radius:999px;
    background:linear-gradient(180deg, rgba(61, 90, 254, 0.55) 0%, rgba(61, 90, 254, 0.32) 100%);
    border:2px solid transparent;
    background-clip:padding-box;
}

#msgListScroll:hover::-webkit-scrollbar-thumb{
    background:linear-gradient(180deg, rgba(61, 90, 254, 0.75) 0%, rgba(61, 90, 254, 0.48) 100%);
    background-clip:padding-box;
}

#msgListItems{
    display:flex;
    flex-direction:column;
    min-width:0;
}

#notifListView{
    height:100%;
    min-height:0;
}

#notifListScroll{
    min-height:0;
    scrollbar-width:thin;
    scrollbar-color:rgba(61, 90, 254, 0.38) transparent;
}

#notifListScroll::-webkit-scrollbar{
    width:8px;
}

#notifListScroll::-webkit-scrollbar-track{
    background:transparent;
    border-radius:999px;
    margin:8px 0;
}

#notifListScroll::-webkit-scrollbar-thumb{
    border-radius:999px;
    background:linear-gradient(180deg, rgba(61, 90, 254, 0.55) 0%, rgba(61, 90, 254, 0.32) 100%);
    border:2px solid transparent;
    background-clip:padding-box;
}

#notifListScroll:hover::-webkit-scrollbar-thumb{
    background:linear-gradient(180deg, rgba(61, 90, 254, 0.75) 0%, rgba(61, 90, 254, 0.48) 100%);
    background-clip:padding-box;
}

.msg-list-footer{
    position:sticky;
    bottom:0;
    z-index:6;
    margin-top:auto;
    box-shadow:0 -6px 14px rgba(0, 0, 0, 0.05);
    padding:15px;
    border-top:1px solid var(--border-color);
    background:var(--bg-header);
}

.msg-list-footer-actions{
    display:flex;
    flex-direction:column;
    gap:0;
}

.msg-compose-btn{
    height:48px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    border-radius:var(--radius-ui);
    background:#11d377;
    color:#fff;
    font-size:15px;
    font-weight:700;
    text-decoration:none;
    transition:var(--transition);
    cursor:pointer;
}

.msg-compose-btn:hover{
    color:#fff;
    background:#10c56f;
    box-shadow:0 6px 20px rgba(16,197,111,0.45);
} 

.ptr-scroll-area{
    position:relative;
    overscroll-behavior-y:contain;
    --ptr-offset:0px;
}

.ptr-scroll-area > *{
    transition:transform 0.2s ease;
}

.ptr-scroll-area.pulling > :not(.ptr-indicator),
.ptr-scroll-area.refreshing > :not(.ptr-indicator){
    transform:translateY(var(--ptr-offset));
}

.ptr-indicator{
    position:sticky;
    top:0;
    z-index:2;
    height:0;
    overflow:visible;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    color:var(--gray-text);
    font-size:12px;
    font-weight:600;
    pointer-events:none;
    opacity:0;
    transform:translateY(0);
    transition:opacity 0.2s ease, transform 0.2s ease;
}

.ptr-indicator i{
    font-size:16px;
    transition:transform 0.2s ease;
}

.ptr-scroll-area.pulling .ptr-indicator,
.ptr-scroll-area.refreshing .ptr-indicator{
    opacity:1;
    transform:translateY(calc(var(--ptr-offset) - 24px));
}

.ptr-scroll-area.ptr-ready .ptr-indicator i{
    transform:rotate(180deg);
}

.ptr-scroll-area.refreshing .ptr-indicator i{
    animation:ptrSpin 0.8s linear infinite;
}

@keyframes ptrSpin{
    from{
        transform:rotate(0deg);
    }
    to{
        transform:rotate(360deg);
    }
}

.msg-actions{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:12px 20px;
    overflow-x:auto;
    scrollbar-width:none;
}

.msg-actions::-webkit-scrollbar{
    display:none;
}

.msg-actions-tabs{
    display:flex;
    gap:8px;
    flex-shrink:0;
}

.msg-action-btn{
    display:inline-flex;
    align-items:center;
    gap:6px;
    padding:6px 14px;
    border-radius:var(--radius-ui);
    font-size:12px;
    font-weight:600;
    white-space:nowrap;
    cursor:pointer;
    border:1px solid var(--border-color);
    background:var(--bg-light);
    color:var(--dark-text);
    transition:var(--transition);
    text-decoration:none;
}

.msg-action-btn:hover{
    background:var(--primary-blue);
    color:#fff;
    border-color:var(--primary-blue);
}

.msg-action-btn.primary{
    background:var(--primary-blue);
    color:#fff;
    border-color:var(--primary-blue);
    box-shadow:0 4px 10px rgba(61, 90, 254, 0.25);
}

.msg-action-btn.primary:hover{
    background:#324ce6;
    box-shadow:0 6px 14px rgba(61, 90, 254, 0.35);
}

.msg-action-btn--accent{
    background:rgba(17, 211, 119, 0.12);
    color:var(--success-green, #11d377);
    border-color:rgba(17, 211, 119, 0.35);
    margin-left:auto;
}

.msg-action-btn--accent:hover{
    background:var(--success-green, #11d377);
    color:#fff;
    border-color:var(--success-green, #11d377);
}

.msg-toolbar-search{
    padding:0 20px 15px 20px;
}

.msg-search-box{
    position:relative;
    width:100%;
}

.msg-search-box i{
    position:absolute;
    left:14px;
    top:50%;
    transform:translateY(-50%);
    color:var(--gray-text);
    font-size:16px;
}

.msg-search-box input{
    width:100%;
    height:40px;
    border-radius:var(--radius-ui);
    background:var(--input-bg);
    border:1px solid transparent;
    color:var(--dark-text);
    font-size:13px;
    font-weight:500;
    padding:0 15px 0 38px;
    transition:var(--transition);
}

.msg-search-box input::placeholder{
    color:var(--gray-text);
}

.msg-search-box input:focus{
    border-color:var(--primary-blue);
    background:var(--bg-header);
    box-shadow:0 4px 15px rgba(61, 90, 254, 0.1);
    outline:none;
}

.msg-sidebar-item{
    padding:15px 20px;
    display:flex;
    align-items:center;
    border-bottom:1px solid var(--border-color);
    border-left:3px solid transparent;
    position:relative;
    text-decoration:none;
    transition:var(--transition);
    background:var(--bg-header);
    -webkit-touch-callout:none;
    touch-action:manipulation;
}

.msg-sidebar-item:hover{
    background-color:var(--bg-light);
}

.msg-sidebar-item-static{
    cursor:default;
}

.msg-append-loading{
    opacity:0.92;
}

.msg-loading-state{
    margin:16px;
    min-height:104px;
    border:1px dashed var(--border-color);
    border-radius:var(--radius-ui);
    background:var(--bg-header);
    display:flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    padding:18px 16px;
    text-align:center;
}

.msg-loading-state--append{
    min-height:72px;
    margin-top:8px;
    gap:10px;
}

.msg-loading-icon{
    width:38px;
    height:38px;
    min-width:38px;
    border-radius:var(--radius-ui);
    display:flex;
    align-items:center;
    justify-content:center;
    color:var(--primary-blue);
    background:rgba(61, 90, 254, 0.1);
    font-size:18px;
}

.msg-loading-icon i{
    animation:ptrSpin 0.9s linear infinite;
}

.msg-loading-labels{
    display:flex;
    flex-direction:column;
    gap:3px;
    text-align:left;
}

.msg-loading-title{
    color:var(--dark-text);
    font-size:13px;
    font-weight:700;
}

.msg-loading-subtitle{
    color:var(--gray-text);
    font-size:11px;
    font-weight:500;
}

.msg-sidebar-item.active{
    background-color:var(--bg-light);
    border-left:3px solid var(--primary-blue);
}

.msg-sidebar-item .count{
    width:24px;
    height:24px;
    background-color:var(--primary-blue);
    color:#fff;
    font-size:12px;
    font-weight:600;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    position:absolute;
    top:15px;
    right:20px;
    animation:pulse 1s infinite alternate ease-in-out;
}

.msg-sidebar-item .c-avatar{
    margin-right:14px;
    width:46px;
    height:46px;
}

.msg-sidebar-item .msg-info{
    flex-grow:1;
    overflow:hidden;
    min-width:0;
}

.msg-sidebar-item .name-row{
    display:flex;
    align-items:center;
    gap:6px;
    min-width:0;
}

.msg-sidebar-item--pinned .msg-info,
.msg-sidebar-item--muted-notify .msg-info{
    padding-right:52px;
}

.msg-sidebar-item .msg-sidebar-item-meta-icons{
    position:absolute;
    bottom:11px;
    right:18px;
    display:flex;
    align-items:center;
    gap:5px;
    z-index:1;
    line-height:1;
    pointer-events:none;
}

.msg-sidebar-item .msg-sidebar-item-meta-icons .msg-pin-indicator{
    color:var(--primary-blue);
    font-size:14px;
    line-height:1;
    flex-shrink:0;
}

.msg-sidebar-item .msg-sidebar-item-meta-icons .msg-mute-indicator{
    color:var(--gray-text);
    font-size:14px;
    line-height:1;
    flex-shrink:0;
    opacity:0.85;
}

.msg-sidebar-item--muted-notify .name{
    opacity:0.92;
}

.msg-sidebar-item .name{
    color:var(--dark-text);
    font-size:15px;
    font-weight:600;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    display:block;
    line-height:1.2;
    min-width:0;
    flex:1;
}

.msg-thread-ctx-menu{
    position:fixed;
    z-index:1060;
    min-width:200px;
    padding:6px 0;
    border-radius:10px;
    background:var(--bg-header);
    border:1px solid var(--border-color);
    box-shadow:0 8px 28px rgba(0, 0, 0, 0.15);
}

.msg-thread-ctx-menu.d-none{
    display:none !important;
}

.msg-thread-ctx-btn{
    display:block;
    width:100%;
    text-align:left;
    padding:10px 16px;
    border:0;
    background:transparent;
    color:var(--dark-text);
    font-size:14px;
    cursor:pointer;
}

.msg-thread-ctx-btn:hover:not(:disabled){
    background:var(--bg-light);
}

.msg-thread-ctx-btn:disabled,
.msg-thread-ctx-btn.msg-thread-ctx-btn--disabled{
    opacity:0.45;
    cursor:not-allowed;
}

.msg-sidebar-item small{
    color:var(--gray-text);
    font-size:11px;
    font-weight:500;
    display:block;
    margin-top:4px;
}

.msg-sidebar-item p{
    margin:6px 0 0;
    color:var(--dark-text);
    font-size:13px;
    font-weight:500;
    line-height:1.4;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:1;
    line-clamp:1;
    -webkit-box-orient:vertical;
    opacity:0.8;
}
.msg-chat-view{
    display:none;
    flex-direction:column;
    height:100%;
    background:var(--bg-body);
}

.msg-order-list-wrap{
    flex-grow:1;
    min-height:0;
    background:var(--bg-body);
    padding:20px;
    overflow-y:auto;
}

#msgOrderListItems{
    display:flex;
    flex-direction:column;
    gap:12px;
}

#msgOrderListScroll::-webkit-scrollbar{
    width:8px;
}

#msgOrderListScroll::-webkit-scrollbar-thumb{
    background:rgba(148, 163, 184, 0.45);
    border-radius:999px;
}

#msgOrderListScroll::-webkit-scrollbar-track{
    background:transparent;
}

.msg-chat-header{
    padding:15px 20px 15px 12px;
    border-bottom:1px solid var(--border-color);
    display:flex;
    align-items:center;
    background:var(--bg-header);
    position:sticky;
    top:0;
    z-index:5;
}

.msg-chat-header .msg-back-btn{
    margin-right:15px;
    font-size:22px;
    color:var(--dark-text);
    cursor:pointer;
    transition:var(--transition);
}

.msg-chat-header .msg-back-btn:hover{
    color:var(--primary-blue);
}

.msg-chat-header .c-avatar{
    width:40px;
    height:40px;
    margin-right:12px;
    overflow:visible;
}

.msg-chat-header .name{
    color:var(--dark-text);
    font-size:15px;
    font-weight:600;
    display:block;
    line-height:1.2;
}

.msg-chat-header a.name{
    text-decoration:none;
}

.msg-chat-header-content{
    flex-grow:1;
    min-width:0;
}

.msg-chat-user-row{
    display:flex;
    align-items:center;
    gap:8px;
    min-width:0;
}

.msg-chat-user-row .name{
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.msg-chat-header .status{
    width:fit-content;
    min-height:24px;
    padding:0 10px;
    border-radius:999px;
    font-size:11px;
    font-weight:600;
    display:inline-flex;
    align-items:center;
    gap:6px;
    margin-top:6px;
    background:rgba(148, 163, 184, 0.12);
    color:var(--gray-text);
}

.msg-chat-header .status.online{
    color:var(--success-green);
    background:rgba(34, 197, 94, 0.12);
}

.msg-chat-header .status.offline{
    color:#64748b;
    background:rgba(148, 163, 184, 0.16);
}

.msg-chat-header .status.typing{
    color:var(--primary-blue);
    background:rgba(61, 90, 254, 0.12);
}

.msg-chat-header .status.online::before{
    content:'';
    width:8px;
    height:8px;
    border-radius:50%;
    background:var(--success-green);
}

.msg-chat-header .status.offline::before{
    content:'';
    width:8px;
    height:8px;
    border-radius:50%;
    background:#94a3b8;
}

.msg-chat-header .status.typing::before{
    content:'';
    width:8px;
    height:8px;
    border-radius:50%;
    background:var(--primary-blue);
    animation:pulse 1.2s infinite ease-in-out;
}

.msg-chat-header .status.admin{
    color:#dc2626;
    background:rgba(220, 38, 38, 0.12);
}

.msg-chat-header .status.admin::before{
    content:'';
    width:8px;
    height:8px;
    border-radius:50%;
    background:#dc2626;
}

.msg-chat-order-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:22px;
    padding:0 8px;
    border-radius:var(--radius-ui);
    border:1px solid var(--border-color);
    background:var(--bg-light);
    color:var(--dark-text);
    text-decoration:none;
    font-size:10px;
    font-weight:600;
    transition:var(--transition);
}

.msg-chat-order-badge:hover{
    color:var(--primary-blue);
    border-color:rgba(61, 90, 254, 0.28);
}

.msg-chat-header-actions{
    display:flex;
    align-items:center;
    gap:8px;
    flex-shrink:0;
    margin-left:4px;
}

.msg-chat-order-badge.msg-chat-order-icon-btn{
    position:relative;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:32px;
    height:32px;
    min-height:32px;
    padding:0;
    border-radius:var(--radius-ui);
    border:1px solid var(--border-color);
    background:var(--bg-light);
    color:var(--dark-text);
    font-size:18px;
    line-height:1;
    text-decoration:none;
}

.msg-chat-order-badge.msg-chat-order-icon-btn .msg-chat-order-count{
    position:absolute;
    top:-6px;
    right:-6px;
    min-width:18px;
    height:18px;
    padding:0 4px;
    border-radius:999px;
    background:var(--primary-blue);
    color:#fff;
    font-size:10px;
    font-weight:700;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    line-height:1;
    box-shadow:0 0 0 2px var(--bg-header);
}

.msg-chat-order-badge.msg-chat-order-icon-btn:hover{
    color:var(--primary-blue);
    border-color:rgba(61, 90, 254, 0.28);
}

.msg-chat-report-btn{
    width:32px;
    height:32px;
    padding:0;
    border:0;
    border-radius:var(--radius-ui);
    background:rgba(255, 68, 84, 0.1);
    color:var(--danger-red);
    display:inline-flex;
    align-items:center;
    justify-content:center;
    transition:var(--transition);
    flex-shrink:0;
    box-shadow:0 0 0 1px rgba(255, 68, 84, 0.08) inset;
}

.msg-chat-report-btn:hover{
    background:rgba(255, 68, 84, 0.16);
    color:#e11d48;
}

.msg-chat-report-btn:focus-visible,
.msg-chat-order-badge:focus-visible,
.msg-chat-order-badge.msg-chat-order-icon-btn:focus-visible{
    outline:none;
    box-shadow:0 0 0 3px rgba(61, 90, 254, 0.14);
}

.msg-chat-archive-btn{
    width:32px;
    height:32px;
    padding:0;
    border:0;
    border-radius:var(--radius-ui);
    background:rgba(61, 90, 254, 0.08);
    color:var(--primary-blue);
    display:inline-flex;
    align-items:center;
    justify-content:center;
    transition:var(--transition);
    flex-shrink:0;
    box-shadow:0 0 0 1px rgba(61, 90, 254, 0.08) inset;
}

.msg-chat-archive-btn:hover{
    background:rgba(61, 90, 254, 0.14);
    color:var(--primary-blue);
}

.msg-chat-archive-btn.is-active{
    background:rgba(61, 90, 254, 0.18);
    color:var(--primary-blue);
    box-shadow:0 0 0 1px rgba(61, 90, 254, 0.32) inset;
}

.msg-chat-archive-btn:focus-visible{
    outline:none;
    box-shadow:0 0 0 3px rgba(61, 90, 254, 0.14);
}

.msg-archive-banner-row{
    list-style:none;
    margin:0;
    padding:8px 12px 4px;
    display:block;
}

.msg-archive-banner-row::before{
    content:none;
}

.msg-archive-banner{
    display:flex;
    align-items:flex-start;
    gap:10px;
    padding:10px 14px;
    border-radius:var(--radius-ui);
    background:var(--primary-blue, #3d5afe);
    color:#ffffff;
    border:1px solid rgba(61, 90, 254, 0.45);
    font-size:13px;
    line-height:1.4;
    box-shadow:0 2px 8px rgba(61, 90, 254, 0.18);
}

.msg-archive-banner-icon{
    font-size:18px;
    color:#ffffff;
    flex-shrink:0;
    margin-top:1px;
}

.msg-archive-banner-text{
    flex:1;
    color:#ffffff;
}

.msg-chat-avatar-placeholder{
    width:40px;
    height:40px;
    border-radius:999px;
    background:rgba(61, 90, 254, 0.08);
    color:var(--primary-blue);
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-size:18px;
}

.msg-chat-header.notif-detail-header{
    position:sticky;
    top:0;
    justify-content:center !important;
}

.msg-chat-header.notif-detail-header .msg-back-btn{
    position:absolute;
    left:20px;
    top:50%;
    transform:translateY(-50%);
    margin-right:0 !important;
}

.msg-chat-header.notif-detail-header > div{
    width:100%;
    text-align:center;
}

.msg-messagelist{
    flex-grow:1;
    overflow-y:auto;
    padding:20px;
    margin:0;
    list-style:none;
    display:flex;
    flex-direction:column;
    gap:15px;
}

.msg-messagelist li{
    display:flex;
    align-items:flex-end;
}

.msg-chat-divider-row,
.msg-chat-state-row{
    display:block !important;
}

.msg-chat-divider{
    display:flex;
    align-items:center;
    gap:10px;
    width:100%;
    margin:2px 0;
}

.msg-chat-divider-line{
    flex:1;
    height:1px;
    background:rgba(148, 163, 184, 0.24);
}

.msg-chat-divider-label{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:26px;
    padding:0 12px;
    border-radius:999px;
    background:var(--bg-header);
    border:1px solid var(--border-color);
    color:var(--gray-text);
    font-size:11px;
    font-weight:700;
    white-space:nowrap;
}

.msg-chat-divider--unread .msg-chat-divider-label{
    background:rgba(61, 90, 254, 0.1);
    border-color:rgba(61, 90, 254, 0.18);
    color:var(--primary-blue);
}

.msg-chat-divider--unread .msg-chat-divider-line{
    background:rgba(61, 90, 254, 0.2);
}

.msg-messagelist li.right{
    justify-content:flex-end;
}

.msg-messagelist li.left{
    justify-content:flex-start;
}

.msg-messagelist li .c-avatar{
    width:32px;
    height:32px;
}

.msg-messagelist li.right .c-avatar{
    margin-left:10px;
}

.msg-messagelist li.left .c-avatar{
    margin-right:10px;
}

.msg-bubble-inner{
    position:relative;
    width:fit-content;
    max-width:75%;
    min-width:0;
    flex:0 1 auto;
}
.msg-messagelist li.right .msg-bubble-inner{
    margin-left:auto;
}
.msg-bubble-inner .message{
    max-width:100%;
}
.msg-msg-inline-actions{
    position:absolute;
    top:0;
    bottom:auto;
    left:auto;
    right:auto;
    display:flex;
    flex-wrap:nowrap;
    align-items:center;
    gap:4px;
    opacity:0;
    transition:opacity 0.12s ease;
    z-index:10;
    pointer-events:none;
}
.msg-msg-row:hover .msg-msg-inline-actions{
    opacity:1;
    pointer-events:auto;
}
.msg-messagelist li.right .msg-msg-inline-actions{
    right:calc(100% + 10px);
    left:auto;
    border-radius:10px;
    padding:2px;
}
.msg-messagelist li.left .msg-msg-inline-actions{
    left:calc(100% + 10px);
    right:auto;
    border-radius:10px;
    padding:2px;
}
.msg-inline-action-btn{
    border:none;
    background:rgba(15, 23, 42, 0.1);
    color:var(--dark-text);
    width:28px;
    height:28px;
    min-width:28px;
    box-sizing:border-box;
    border-radius:8px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    padding:0;
    font-size:16px;
}
.msg-inline-action-btn i{
    line-height:1;
    display:block;
}
.msg-messagelist li .msg-inline-action-btn{
    background:rgba(61, 90, 254, 0.12);
    color:var(--primary-blue);
}
.msg-reply-quote{
    display:flex;
    gap:8px;
    align-items:stretch;
    margin:0 0 10px 0;
    padding:10px 12px;
    border-radius:var(--radius-ui);
    background:rgba(61, 90, 254, 0.07);
    border:1px solid rgba(61, 90, 254, 0.18);
    border-left:3px solid var(--primary-blue);
    box-shadow:0 1px 0 rgba(15, 23, 42, 0.04);
}
.msg-reply-quote-body{
    min-width:0;
    flex:1;
}
.msg-reply-quote-who{
    font-size:11px;
    font-weight:700;
    display:block;
    margin-bottom:4px;
    color:var(--dark-text);
    text-transform:uppercase;
    letter-spacing:0.03em;
    opacity:0.92;
}
.msg-reply-quote-text{
    font-size:12px;
    line-height:1.4;
    color:var(--gray-text);
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    overflow:hidden;
    word-break:break-word;
}
.msg-messagelist li.right .msg-reply-quote{
    background:rgba(255, 255, 255, 0.1);
    border-color:rgba(255, 255, 255, 0.22);
    border-left-color:rgba(255, 255, 255, 0.55);
    box-shadow:none;
}
.msg-messagelist li.right .msg-reply-quote-who{
    color:rgba(255, 255, 255, 0.92);
}
.msg-messagelist li.right .msg-reply-quote-text{
    color:rgba(255, 255, 255, 0.78);
}
.msg-message-redacted{
    font-style:normal;
    font-size:13px;
    line-height:1.45;
    margin:0;
    padding:10px 12px;
    border-radius:var(--radius-ui);
    border:1px dashed var(--border-color);
    background:rgba(148, 163, 184, 0.12);
    color:var(--gray-text);
    opacity:1;
    text-align:center;
}
.msg-messagelist li.right .msg-message-redacted{
    border-color:rgba(255, 255, 255, 0.35);
    background:rgba(15, 23, 42, 0.2);
    color:rgba(255, 255, 255, 0.82);
}
.msg-edited-flag{
    font-size:11px;
    font-weight:600;
    color:var(--gray-text);
    margin-left:8px;
}
.msg-messagelist li.right .msg-edited-flag{
    color:rgba(255, 255, 255, 0.75);
}
.msg-reply-preview-bar{
    flex-shrink:0;
    width:100%;
    box-sizing:border-box;
    margin:0 0 10px 0;
    padding:10px 12px;
    border-radius:var(--radius-ui);
    border:1px solid var(--border-color);
    background:var(--bg-body);
    box-shadow:inset 0 0 0 1px rgba(61, 90, 254, 0.06);
}
.msg-reply-preview-inner{
    display:flex;
    align-items:center;
    gap:10px;
    font-size:13px;
    min-width:0;
}
.msg-reply-preview-label{
    font-weight:700;
    flex-shrink:0;
    color:var(--primary-blue);
    font-size:11px;
    text-transform:uppercase;
    letter-spacing:0.04em;
}
.msg-reply-preview-text{
    flex:1;
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:var(--dark-text);
    font-size:13px;
    font-weight:500;
}
.msg-reply-preview-cancel{
    flex-shrink:0;
    border:none;
    background:rgba(148, 163, 184, 0.15);
    padding:6px;
    cursor:pointer;
    color:var(--gray-text);
    border-radius:8px;
    line-height:1;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    transition:var(--transition);
}
.msg-reply-preview-cancel:hover{
    background:rgba(61, 90, 254, 0.12);
    color:var(--primary-blue);
}
body.dark-mode .msg-reply-quote,
html.dark-mode .msg-reply-quote,
body.kd-dark .msg-reply-quote{
    background:rgba(61, 90, 254, 0.12);
    border-color:rgba(61, 90, 254, 0.28);
}
body.dark-mode .msg-message-redacted,
html.dark-mode .msg-message-redacted,
body.kd-dark .msg-message-redacted{
    background:rgba(148, 163, 184, 0.1);
    border-color:var(--border-color);
    color:var(--gray-text);
}
body.dark-mode .msg-reply-preview-bar,
html.dark-mode .msg-reply-preview-bar,
body.kd-dark .msg-reply-preview-bar{
    background:rgba(15, 23, 42, 0.45);
    border-color:var(--border-color);
    box-shadow:inset 0 0 0 1px rgba(61, 90, 254, 0.12);
}
body.dark-mode .msg-reply-preview-text,
html.dark-mode .msg-reply-preview-text,
body.kd-dark .msg-reply-preview-text{
    color:var(--dark-text);
}
body.dark-mode .msg-reply-preview-cancel,
html.dark-mode .msg-reply-preview-cancel,
body.kd-dark .msg-reply-preview-cancel{
    background:rgba(255, 255, 255, 0.08);
    color:var(--gray-text);
}
body.dark-mode .msg-reply-preview-cancel:hover,
html.dark-mode .msg-reply-preview-cancel:hover,
body.kd-dark .msg-reply-preview-cancel:hover{
    background:rgba(61, 90, 254, 0.2);
    color:#fff;
}

.msg-messagelist .message{
    padding:10px 14px;
    border-radius:var(--radius-ui);
    font-size:13px;
    font-weight:500;
    line-height:1.4;
    max-width:100%;
    min-width:0;
    position:relative;
}

.msg-messagelist .message .msg-message-html{
    word-break:break-word;
    overflow-wrap:break-word;
}

.msg-messagelist .message .msg-message-html > *:last-child{
    margin-bottom:0;
}

.msg-messagelist .message .msg-message-html a{
    color:inherit;
    text-decoration:underline;
    text-underline-offset:2px;
    word-break:break-word;
}

.msg-messagelist li.left .message .msg-message-html a{
    color:var(--primary-blue);
}
.msg-message-html .msg-youtube-wrap{
    display:block;
    max-width:100%;
    width:min(100%, 360px);
    margin:10px 0 0;
    border-radius:var(--radius-ui);
    overflow:hidden;
    background:#000;
}
.msg-message-html .msg-youtube-wrap:first-child{
    margin-top:0;
}
.msg-message-html .msg-youtube-iframe{
    width:100%;
    aspect-ratio:16 / 9;
    height:auto;
    min-height:0;
    border:0;
    display:block;
}
.msg-message-html .delivery-order-card{
    padding:12px 0 0;
    margin:0;
}
.msg-message-html .delivery-order-header{
    font-size:13px;
    font-weight:600;
    margin-bottom:10px;
    display:flex;
    align-items:center;
    gap:6px;
    line-height:1.35;
    color:inherit;
}
.msg-message-html .delivery-order-header i.ri-checkbox-circle-fill{
    color:var(--success-green);
    font-size:16px;
    flex-shrink:0;
}
.msg-messagelist li.right .msg-message-html .delivery-order-header i.ri-checkbox-circle-fill{
    color:rgba(255, 255, 255, 0.9);
}
.msg-message-html .delivery-message-section{
    margin-bottom:10px;
}
.msg-message-html .delivery-section-label{
    display:block;
    font-size:11px;
    font-weight:600;
    color:var(--gray-text);
    margin-bottom:4px;
}
.msg-messagelist li.right .msg-message-html .delivery-section-label{
    color:rgba(255, 255, 255, 0.75);
}
.msg-message-html .delivery-message-box{
    background:var(--input-bg);
    border-radius:6px;
    padding:8px 10px;
    font-size:12px;
    line-height:1.5;
    white-space:pre-wrap;
    word-break:break-word;
    color:inherit;
    border-left:3px solid var(--warning-orange);
}
.msg-messagelist li.right .msg-message-html .delivery-message-box{
    background:rgba(255, 255, 255, 0.12);
    border-left-color:rgba(255, 255, 255, 0.5);
}
.msg-message-html .delivery-info-section{
    margin-bottom:10px;
}
.msg-message-html .delivery-info-box{
    background:var(--input-bg);
    border-radius:6px;
    padding:10px 12px;
    font-size:13px;
    font-weight:600;
    line-height:1.5;
    white-space:pre-wrap;
    word-break:break-word;
    font-family:'Gilroy', sans-serif;
    color:inherit;
    border-left:3px solid var(--primary-blue);
}
.msg-messagelist li.right .msg-message-html .delivery-info-box{
    background:rgba(255, 255, 255, 0.12);
    border-left-color:rgba(255, 255, 255, 0.5);
}
.msg-message-html .delivery-warning{
    font-size:11px;
    color:var(--gray-text);
    margin:0 0 10px 0;
    display:flex;
    align-items:flex-start;
    gap:6px;
}
.msg-messagelist li.right .msg-message-html .delivery-warning{
    color:rgba(255, 255, 255, 0.8);
}
.msg-message-html .delivery-warning i{
    margin-top:1px;
    flex-shrink:0;
    font-size:13px;
}
.msg-message-html .delivery-actions{
    margin-top:2px;
}
.msg-message-html .delivery-action-btn{
    display:inline-flex;
    align-items:center;
    gap:6px;
    padding:6px 14px;
    font-size:12px;
    font-weight:600;
    border-radius:6px;
    background:var(--success-green);
    color:#fff !important;
    text-decoration:none !important;
    transition:opacity 0.2s;
}
.msg-message-html .delivery-action-btn:hover{
    opacity:0.9;
}
.msg-messagelist li.right .msg-message-html .delivery-action-btn{
    background:rgba(255, 255, 255, 0.25);
}
/* Sistem / uyarı mesajları — açık & dark-mode uyumlu */
.msg-message-html .msg-system-banner{
    margin:0 0 8px 0;
    padding:10px 12px;
    border-radius:12px;
    font-size:13px;
    font-weight:600;
    line-height:1.5;
    color:#9a3412;
    background:rgba(234, 88, 12, 0.1);
    border:1px solid rgba(234, 88, 12, 0.22);
    border-left:3px solid #ea580c;
}
.msg-message-html .msg-system-banner:last-child{margin-bottom:0}
.msg-messagelist li.right .msg-message-html .msg-system-banner{
    color:#fff;
    background:rgba(255, 255, 255, 0.12);
    border-color:rgba(255, 255, 255, 0.2);
    border-left-color:rgba(253, 186, 116, 0.95);
}
.msg-message-html .msg-system-banner--success{
    color:#166534;
    background:rgba(22, 163, 74, 0.1);
    border-color:rgba(22, 163, 74, 0.22);
    border-left:3px solid #22c55e;
}
.msg-messagelist li.right .msg-message-html .msg-system-banner--success{
    color:#ecfdf5;
    background:rgba(255, 255, 255, 0.12);
    border-color:rgba(255, 255, 255, 0.2);
    border-left-color:rgba(134, 239, 172, 0.9);
}
body.dark-mode .msg-messagelist li.left .message .msg-message-html .msg-system-banner{
    color:#ffedd5;
    background:rgba(234, 88, 12, 0.16);
    border-color:rgba(251, 146, 60, 0.35);
    border-left-color:#fb923c;
}
body.dark-mode .msg-messagelist li.right .message .msg-message-html .msg-system-banner{
    color:#fff;
    background:rgba(255, 255, 255, 0.08);
    border-color:rgba(255, 255, 255, 0.16);
    border-left-color:rgba(253, 186, 116, 0.85);
}
body.dark-mode .msg-messagelist li.left .message .msg-message-html .msg-system-banner--success{
    color:#bbf7d0;
    background:rgba(22, 163, 74, 0.16);
    border-color:rgba(34, 197, 94, 0.35);
    border-left-color:#4ade80;
}
body.dark-mode .msg-messagelist li.right .message .msg-message-html .msg-system-banner--success{
    color:#ecfdf5;
    background:rgba(255, 255, 255, 0.1);
    border-color:rgba(255, 255, 255, 0.16);
    border-left-color:rgba(134, 239, 172, 0.85);
}
.msg-message-html p[style*="color:red"],
.msg-message-html p[style*="color: red"]{
    margin:0 0 8px 0!important;
    padding:10px 12px!important;
    border-radius:12px!important;
    font-size:13px!important;
    font-weight:600!important;
    line-height:1.5!important;
    color:#9a3412!important;
    background:rgba(234, 88, 12, 0.1)!important;
    border:1px solid rgba(234, 88, 12, 0.22)!important;
    border-left:3px solid #ea580c!important;
}
.msg-messagelist li.right .msg-message-html p[style*="color:red"],
.msg-messagelist li.right .msg-message-html p[style*="color: red"]{
    color:#fff!important;
    background:rgba(255, 255, 255, 0.12)!important;
    border-color:rgba(255, 255, 255, 0.2)!important;
    border-left-color:rgba(253, 186, 116, 0.95)!important;
}
body.dark-mode .msg-messagelist li.left .message .msg-message-html p[style*="color:red"],
body.dark-mode .msg-messagelist li.left .message .msg-message-html p[style*="color: red"]{
    color:#ffedd5!important;
    background:rgba(234, 88, 12, 0.16)!important;
    border-color:rgba(251, 146, 60, 0.35)!important;
    border-left-color:#fb923c!important;
}
body.dark-mode .msg-messagelist li.right .message .msg-message-html p[style*="color:red"],
body.dark-mode .msg-messagelist li.right .message .msg-message-html p[style*="color: red"]{
    color:#fff!important;
    background:rgba(255, 255, 255, 0.08)!important;
    border-color:rgba(255, 255, 255, 0.16)!important;
    border-left-color:rgba(253, 186, 116, 0.85)!important;
}
/* Eski teslimat mesajı formatı (DB'de kalan) - yeni card görünümüne uyarla */
.msg-message-html:has(.code):has(.btn-success) > b:first-of-type{font-size:13px;font-weight:600;margin-bottom:10px;display:flex;align-items:center;gap:6px;line-height:1.35;color:inherit}
.msg-message-html:has(.code):has(.btn-success) > b:first-of-type::before{content:"\eb80";font-family:remixicon;font-size:16px;color:var(--success-green);margin-right:2px}
.msg-messagelist li.right .msg-message-html:has(.code):has(.btn-success) > b:first-of-type::before{color:rgba(255,255,255,.9)}
.msg-message-html:has(.code):has(.btn-success) b.mt-2.d-block,
.msg-message-html:has(.code):has(.btn-success) b:nth-of-type(3){display:block!important;font-size:11px;font-weight:600;color:var(--gray-text);margin:10px 0 4px 0}
.msg-messagelist li.right .msg-message-html:has(.code):has(.btn-success) b.mt-2.d-block,
.msg-messagelist li.right .msg-message-html:has(.code):has(.btn-success) b:nth-of-type(3){color:rgba(255,255,255,.75)}
.msg-message-html:has(.code):has(.btn-success) .code{background:var(--input-bg);border-radius:6px;padding:8px 10px;font-size:12px;line-height:1.5;white-space:pre-wrap;word-break:break-word;color:inherit;border:none;margin:4px 0 10px 0!important}
.msg-message-html:has(.code):has(.btn-success) .code:nth-of-type(1){border-left:3px solid var(--warning-orange)}
.msg-message-html:has(.code):has(.btn-success) .code:nth-of-type(2){border-left:3px solid var(--primary-blue);font-size:13px;font-weight:600;padding:10px 12px}
.msg-messagelist li.right .msg-message-html:has(.code):has(.btn-success) .code{background:rgba(255,255,255,.12)}
.msg-messagelist li.right .msg-message-html:has(.code):has(.btn-success) .code:nth-of-type(1){border-left-color:rgba(255,255,255,.5)}
.msg-messagelist li.right .msg-message-html:has(.code):has(.btn-success) .code:nth-of-type(2){border-left-color:rgba(255,255,255,.5)}
.msg-message-html:has(.code):has(.btn-success) .btn.btn-success{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:600;border-radius:6px;background:var(--success-green)!important;color:#fff!important;text-decoration:none!important;border:none!important;transition:opacity .2s}
.msg-message-html:has(.code):has(.btn-success) .btn.btn-success:hover{opacity:.9}
.msg-messagelist li.right .msg-message-html:has(.code):has(.btn-success) .btn.btn-success{background:rgba(255,255,255,.25)!important}

.msg-inline-image{
    display:block;
    width:100%;
    max-width:220px;
    border-radius:var(--radius-ui);
}

.msg-inline-image-trigger{
    padding:0;
    border:0;
    background:transparent;
    display:inline-flex;
    cursor:zoom-in;
    -webkit-tap-highlight-color:transparent;
    touch-action:manipulation;
}

.msg-inline-image-trigger .msg-inline-image{
    pointer-events:none;
    user-select:none;
    -webkit-user-select:none;
}

.msg-messagelist .message .msg-meta{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:4px;
    margin-top:4px;
}

.msg-messagelist .message .time{
    font-size:10px;
    opacity:0.7;
}

.msg-messagelist .message .msg-read-status{
    font-size:14px;
    line-height:1;
    opacity:0.85;
}

.msg-messagelist .message .msg-read-status--sent{
    opacity:0.7;
}

.msg-messagelist .message .msg-read-status--read{
    color:rgba(255,255,255,0.95);
}

.msg-messagelist li.left .message .msg-read-status--read{
    color:var(--primary-blue);
}

.msg-messagelist li.right .message{
    background-color:var(--primary-blue);
    color:#fff;
    border-bottom-right-radius:4px;
}

.msg-messagelist li.left .message{
    background-color:var(--bg-header);
    color:var(--dark-text);
    border-bottom-left-radius:4px;
    border:1px solid var(--border-color);
}

.msg-thread-loading{
    min-width:190px;
}

.msg-thread-loading .msg-thread-loading-text{
    display:inline-flex;
    align-items:center;
    gap:8px;
}

.msg-thread-loading .msg-thread-loading-text::before{
    content:"";
    width:14px;
    height:14px;
    border-radius:999px;
    border:2px solid rgba(61, 90, 254, 0.2);
    border-top-color:var(--primary-blue);
    animation:ptrSpin 0.8s linear infinite;
}

@keyframes hideAfter30s{
    0%{
        opacity:1;
        pointer-events:auto;
        transform:scale(1);
    }
    99%{
        opacity:1;
        pointer-events:auto;
        transform:scale(1);
    }
    100%{
        opacity:0;
        pointer-events:none;
        transform:scale(0.8);
    }
}

.msg-delete-btn{
    opacity:0;
    pointer-events:none;
    animation:hideAfter30s 30s forwards;
    background:rgba(255, 68, 84, 0.1);
    border:none;
    color:var(--danger-red);
    font-size:14px;
    width:28px;
    height:28px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    transition:0.2s;
    margin-right:8px;
    flex-shrink:0;
    margin-bottom:2px;
}

.msg-delete-btn:hover{
    background:var(--danger-red);
    color:#fff;
}

.msg-empty-state--thread{
    width:min(100%, 360px);
    margin:12px auto 0;
    min-height:180px;
    border-style:solid;
}

.msg-chat-form{
    display:flex;
    flex-direction:column;
    padding:15px 20px;
    padding-bottom:calc(15px + env(safe-area-inset-bottom, 0px));
    border-top:1px solid var(--border-color);
    background:var(--bg-header);
    position:relative;
}
.msg-chat-form.msg-chat-form--drag-over{
    outline:2px dashed var(--primary-blue);
    outline-offset:-4px;
    background:rgba(61, 90, 254, 0.08);
}
body.dark-mode .msg-chat-form.msg-chat-form--drag-over,
html.dark-mode .msg-chat-form.msg-chat-form--drag-over,
body.kd-dark .msg-chat-form.msg-chat-form--drag-over{
    background:rgba(61, 90, 254, 0.14);
}

.msg-quickreply-box{
    position:absolute;
    left:20px;
    right:20px;
    bottom:calc(100% - 4px);
    background:var(--bg-header);
    border:1px solid var(--border-color);
    border-radius:var(--radius-ui);
    box-shadow:0 18px 40px rgba(15, 23, 42, 0.12);
    padding:8px;
    max-height:220px;
    overflow-y:auto;
    z-index:99;
}

.msg-chat-attachment-badge{
    display:none;
    position:absolute;
    left:20px;
    right:20px;
    bottom:calc(100% - 4px);
    z-index:7;
    box-sizing:border-box;
    align-items:center;
    gap:10px;
    margin:0;
    padding:10px 14px;
    border-radius:var(--radius-ui);
    background:#e8edf3;
    border:1px solid var(--border-color);
    font-size:13px;
    font-weight:600;
    color:var(--dark-text);
    line-height:1.35;
    box-shadow:0 8px 24px rgba(15, 23, 42, 0.08);
}
.msg-chat-attachment-badge:not(.d-none){
    display:flex !important;
}
.msg-chat-attachment-badge-icon{
    flex-shrink:0;
    display:inline-flex;
    color:var(--primary-blue);
    font-size:18px;
    line-height:1;
}
.msg-chat-attachment-badge-thumb-wrap{
    flex-shrink:0;
    width:44px;
    height:44px;
    border-radius:var(--radius-ui);
    overflow:hidden;
    border:1px solid var(--border-color);
    background:rgba(148, 163, 184, 0.12);
}
.msg-chat-attachment-badge-thumb{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}
.msg-chat-attachment-badge-name{
    flex:1;
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.msg-chat-attachment-badge-progress{
    flex-shrink:0;
    display:inline-flex;
    align-items:center;
    color:var(--primary-blue);
    font-size:18px;
}
.msg-chat-attachment-badge-remove{
    flex-shrink:0;
    width:30px;
    height:30px;
    padding:0;
    border:0;
    border-radius:8px;
    background:rgba(148, 163, 184, 0.22);
    color:var(--gray-text);
    display:inline-flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    transition:var(--transition);
    font-size:18px;
    line-height:1;
}
.msg-chat-attachment-badge-remove:hover{
    background:rgba(239, 68, 68, 0.15);
    color:#ef4444;
}
body.dark-mode .msg-chat-attachment-badge,
html.dark-mode .msg-chat-attachment-badge,
body.kd-dark .msg-chat-attachment-badge{
    background:#1c2128;
    color:#f0f6fc;
    border-color:#2d303a;
}
body.dark-mode .msg-chat-attachment-badge-thumb-wrap,
html.dark-mode .msg-chat-attachment-badge-thumb-wrap,
body.kd-dark .msg-chat-attachment-badge-thumb-wrap{
    border-color:#2d303a;
}
body.dark-mode .msg-chat-attachment-badge-remove,
html.dark-mode .msg-chat-attachment-badge-remove,
body.kd-dark .msg-chat-attachment-badge-remove{
    background:rgba(148, 163, 184, 0.12);
    color:#cbd5e1;
}
body.dark-mode .msg-chat-attachment-badge-remove:hover,
html.dark-mode .msg-chat-attachment-badge-remove:hover,
body.kd-dark .msg-chat-attachment-badge-remove:hover{
    background:rgba(239, 68, 68, 0.2);
    color:#f87171;
}

.msg-quickreply-box::-webkit-scrollbar{
    width:8px;
}

.msg-quickreply-box::-webkit-scrollbar-thumb{
    background:rgba(148, 163, 184, 0.45);
    border-radius:999px;
}

.msg-quickreply-item{
    width:100%;
    border:0;
    background:transparent;
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px;
    padding:10px 12px;
    border-radius:var(--radius-ui);
    text-align:left;
    transition:var(--transition);
}

.msg-quickreply-item:hover,
.msg-quickreply-item.is-active{
    background:rgba(61, 90, 254, 0.08);
}

.msg-quickreply-item-command{
    display:inline-flex;
    align-items:center;
    min-height:26px;
    padding:0 10px;
    border-radius:999px;
    background:rgba(61, 90, 254, 0.1);
    color:var(--primary-blue);
    font-size:11px;
    font-weight:700;
    white-space:nowrap;
}

.msg-quickreply-item-body{
    min-width:0;
    display:flex;
    flex-direction:column;
    gap:4px;
}

.msg-quickreply-item-title{
    color:var(--dark-text);
    font-size:13px;
    font-weight:600;
}

.msg-quickreply-item-text{
    color:var(--gray-text);
    font-size:12px;
    line-height:1.45;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
}

.msg-chat-form .form-control{
    height:48px;
    border-radius:var(--radius-ui);
    border:1px solid var(--border-color);
    background-color:var(--input-bg);
    color:var(--dark-text);
    font-size:14px;
    padding-left:54px;
    padding-right:50px;
    width:100%;
    transition:var(--transition);
}

.msg-chat-form .form-control:focus{
    border-color:var(--primary-blue);
    background:var(--bg-header);
}

.msg-chat-form button.send-btn{
    position:absolute;
    right:26px;
    top:auto;
    bottom:calc(21px + env(safe-area-inset-bottom, 0px));
    transform:none;
    width:36px;
    height:36px;
    border:none;
    border-radius:50%;
    background:var(--primary-blue);
    color:#fff;
    font-size:18px;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    transition:var(--transition);
}

.msg-chat-form button.send-btn:hover{
    background:#324ce6;
}

.msg-chat-form button.upload-btn{
    position:absolute;
    left:26px;
    top:auto;
    bottom:calc(21px + env(safe-area-inset-bottom, 0px));
    transform:none;
    width:36px;
    height:36px;
    border:none;
    background:transparent;
    color:var(--gray-text);
    font-size:20px;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    transition:var(--transition);
    border-radius:50%;
}

.msg-chat-form button.upload-btn:hover{
    color:var(--primary-blue);
    background:rgba(61, 90, 254, 0.1);
}

.msg-new-form{
    --bs-body-bg:var(--input-bg);
    --bs-body-color:var(--dark-text);
    --bs-border-color:var(--border-color);
    --bs-focus-ring-color:rgba(61, 90, 254, 0.18);
    padding:20px;
    flex-grow:1;
    overflow-y:auto;
}

.msg-new-form .form-control{
    background:var(--bg-header) !important;
    border-color:var(--border-color) !important;
    color:var(--dark-text) !important;
    box-shadow:none;
}

.msg-new-form .form-control::placeholder{
    color:var(--gray-text) !important;
}

.msg-new-user-wrap{
    position:relative;
}

.msg-user-autocomplete{
    position:absolute;
    left:0;
    right:0;
    top:100%;
    margin-top:6px;
    background:var(--bg-header,#fff);
    border:1px solid var(--border-color);
    border-radius:var(--radius-ui);
    box-shadow:0 10px 40px rgba(15,23,42,0.12),0 4px 12px rgba(15,23,42,0.06);
    max-height:240px;
    overflow-y:auto;
    z-index:100;
    opacity:0;
    visibility:hidden;
    transform:translateY(-4px);
    transition:opacity 0.18s ease,visibility 0.18s,transform 0.18s ease;
}

.msg-user-autocomplete.is-visible{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
}

.msg-user-ac-item{
    display:flex;
    align-items:center;
    gap:12px;
    width:100%;
    padding:10px 14px;
    border:none;
    background:transparent;
    color:var(--dark-text);
    font-size:14px;
    text-align:left;
    cursor:pointer;
    transition:background 0.12s ease;
}

.msg-user-ac-item:hover,
.msg-user-ac-item.is-selected{
    background:rgba(61,90,254,0.08);
}

.msg-user-ac-item .c-avatar{
    width:36px;
    height:36px;
    flex-shrink:0;
}

.msg-user-ac-item .c-avatar img.av{
    width:36px;
    height:36px;
}

.msg-user-ac-item .c-avatar img.frame{
    width:40px;
    height:40px;
}

.msg-user-ac-info{
    flex:1;
    min-width:0;
}

.msg-user-ac-name{
    font-weight:600;
    color:var(--dark-text);
}

.msg-user-ac-empty{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    padding:20px 16px;
    color:var(--gray-text);
    font-size:13px;
}

.msg-user-ac-empty i{
    font-size:20px;
    opacity:0.6;
}

.msg-new-form .msg-search-box input{
    height:44px;
    border-radius:var(--radius-ui);
    border:1px solid var(--border-color);
    background:var(--bg-header);
    color:var(--dark-text);
    box-shadow:none;
}

.msg-new-form .msg-search-box input:focus,
.msg-new-form textarea.form-control:focus{
    border-color:var(--primary-blue) !important;
    background:var(--bg-header) !important;
    box-shadow:0 0 0 3px rgba(61, 90, 254, 0.14) !important;
    outline:none;
}

.msg-new-form .form-label{
    font-size:12px;
    text-transform:uppercase;
    letter-spacing:0.5px;
}

.msg-new-submit-btn{
    width:100%;
    height:48px;
    border:none;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    border-radius:var(--radius-ui);
    background:var(--primary-blue);
    color:#fff;
    font-size:14px;
    font-weight:700;
    transition:var(--transition);
}

.msg-new-submit-btn:hover{
    background:#324ce6;
}

.msg-empty-state{
    min-height:220px;
    max-width:100%;
    min-width:0;
    box-sizing:border-box;
    border:1px dashed var(--border-color);
    border-radius:var(--radius-ui);
    background:var(--bg-header);
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:10px;
    padding:24px;
    text-align:center;
}

.msg-empty-state-icon{
    width:56px;
    height:56px;
    border-radius:var(--radius-ui);
    display:flex;
    align-items:center;
    justify-content:center;
    color:var(--gray-text);
    background:var(--bg-light);
    font-size:28px;
}

.msg-empty-state-title{
    color:var(--dark-text);
    font-size:15px;
    font-weight:700;
}

.msg-empty-state-text{
    max-width:280px;
    color:var(--gray-text);
    font-size:13px;
    line-height:1.5;
}

.messages-offcanvas #msgListItems > .msg-empty-state{
    margin:16px;
    flex-shrink:0;
    box-sizing:border-box;
}

.products-empty-state{
    text-align:center;
    padding:48px 24px;
    background:var(--bg-header);
    border-radius:var(--radius-ui);
    border:1px dashed var(--border-color);
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:12px;
}
.products-empty-state-icon{
    width:72px;
    height:72px;
    border-radius:20px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:var(--primary-blue);
    background:rgba(61,90,254,0.08);
    font-size:32px;
}
.products-empty-state-title{
    font-size:18px;
    font-weight:800;
    color:var(--dark-text);
}
.products-empty-state-text{
    max-width:320px;
    color:var(--gray-text);
    font-size:14px;
    line-height:1.55;
}

.msg-new-form .form-control:focus{
    border-color:var(--primary-blue) !important;
    background:var(--bg-header) !important;
    box-shadow:0 0 0 3px rgba(61, 90, 254, 0.14) !important;
    outline:none;
}

.msg-new-form .form-control:-webkit-autofill,
.msg-new-form .form-control:-webkit-autofill:hover,
.msg-new-form .form-control:-webkit-autofill:focus{
    -webkit-text-fill-color:var(--dark-text);
    -webkit-box-shadow:0 0 0 1000px var(--input-bg) inset;
    transition:background-color 9999s ease-out 0s;
}

.msg-new-form textarea.form-control{
    border-radius:var(--radius-ui);
    background:var(--bg-header) !important;
    border:1px solid var(--border-color) !important;
    color:var(--dark-text) !important;
    font-size:14px;
    padding:15px;
    resize:none;
    box-shadow:none;
}

body.dark-mode .msg-new-form .msg-search-box input,
body.dark-mode .msg-new-form textarea.form-control{
    background:var(--input-bg) !important;
    border-color:var(--border-color) !important;
    color:var(--dark-text) !important;
}

body.dark-mode .msg-new-form .msg-search-box input:focus,
body.dark-mode .msg-new-form textarea.form-control:focus{
    border-color:var(--primary-blue) !important;
    background:var(--bg-header) !important;
    box-shadow:0 0 0 3px rgba(61, 90, 254, 0.18) !important;
    outline:none;
}

body.dark-mode .msg-new-form .msg-search-box input::placeholder,
body.dark-mode .msg-new-form textarea.form-control::placeholder{
    color:var(--gray-text) !important;
}

body.dark-mode .msg-user-autocomplete{
    background:var(--bg-header);
    border-color:var(--border-color);
    box-shadow:0 10px 40px rgba(0,0,0,0.3);
}

body.dark-mode .msg-user-ac-item:hover,
body.dark-mode .msg-user-ac-item.is-selected{
    background:rgba(61,90,254,0.15);
}

.notifications-offcanvas{
    width:400px !important;
    background-color:var(--bg-body);
    color:var(--dark-text);
    border-left:1px solid var(--border-color);
}

.notifications-offcanvas .offcanvas-header{
    background-color:var(--bg-header);
    border-bottom:1px solid var(--border-color);
    padding:20px;
}

.notifications-offcanvas .btn-close{
    opacity:0.5;
    transition:0.2s;
}

.notif-toolbar{
    display:flex;
    align-items:center;
    justify-content:space-between;
    border-bottom:1px solid var(--border-color);
    background:var(--bg-header);
    padding:12px 20px;
    flex-shrink:0;
}

.notif-list-view{
    display:flex;
    flex-direction:column;
    height:100%;
    min-height:0;
}

.notif-toolbar-title{
    font-size:13px;
    color:var(--gray-text);
    font-weight:500;
}

.notif-toolbar-actions{
    display:flex;
    gap:8px;
}

.notif-action-btn{
    display:inline-flex;
    align-items:center;
    gap:6px;
    padding:6px 14px;
    border-radius:var(--radius-ui);
    font-size:12px;
    font-weight:600;
    cursor:pointer;
    border:1px solid var(--border-color);
    background:var(--bg-light);
    color:var(--dark-text);
    transition:var(--transition);
    text-decoration:none;
}

.notif-action-btn:hover{
    background:var(--primary-blue);
    color:#fff;
    border-color:var(--primary-blue);
}

.notif-action-btn.notif-action-btn--danger{
    color:#e73636;
    border-color:rgba(231, 54, 54, 0.35);
    background:rgba(231, 54, 54, 0.08);
}

.notif-action-btn.notif-action-btn--danger:hover{
    background:#e73636;
    color:#fff;
    border-color:#e73636;
}

.notif-text-emph-b .notif-text-emph-b__letter{font-size:1.35em;font-weight:800;line-height:1;vertical-align:-0.06em}

.notif-list{
    flex-grow:1;
    display:flex;
    flex-direction:column;
    margin:0;
    padding:0;
    list-style:none;
}

.notif-item{
    padding:20px;
    border-bottom:1px solid var(--border-color);
    display:flex;
    align-items:center;
    transition:var(--transition);
    background:var(--bg-header);
    text-decoration:none;
}

.notif-item:hover{
    background-color:var(--bg-light);
}

.notif-item-static{
    cursor:default;
}

.notif-item-append-loading{
    opacity:0.9;
}

.notif-item-unread{
    border-left:3px solid var(--primary-blue);
    background-color:rgba(61, 90, 254, 0.01);
}

.notif-item .notif-icon{
    width:46px;
    height:46px;
    min-width:46px;
    border-radius:var(--radius-ui);
    font-size:20px;
    margin-right:16px;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
}

.notif-item .notif-info{
    flex-grow:1;
    overflow:hidden;
}

.notif-item .notif-title{
    color:var(--dark-text);
    font-size:14px;
    font-weight:600;
    line-height:1.3;
    margin-bottom:4px;
    display:block;
}

.notif-title-unread{
    font-weight:700;
}

.notif-meta-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
}

.notif-unread-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:44px;
    height:20px;
    padding:0 8px;
    border-radius:999px;
    font-size:11px;
    font-weight:700;
    color:var(--primary-blue);
    background:rgba(61, 90, 254, 0.14);
    border:1px solid rgba(61, 90, 254, 0.24);
}

.notif-item .notif-time{
    font-size:12px;
    font-weight:500;
    color:var(--gray-text);
    display:block;
}
.notif-item.success .notif-icon{
    color:var(--success-green);
    background-color:rgba(17, 211, 119, 0.15);
}

.notif-item.error .notif-icon{
    color:var(--danger-red);
    background-color:rgba(255, 68, 84, 0.15);
}

.notif-item.info .notif-icon{
    color:var(--primary-blue);
    background-color:rgba(61, 90, 254, 0.15);
}

.notif-item.promo .notif-icon{
    color:var(--warning-orange);
    background-color:rgba(255, 179, 0, 0.15);
}

.notif-detail-message-text{
    margin:0;
}

.notif-detail-message-text:not(:last-child){
    margin-bottom:15px;
}

.notif-detail-kv-wrap{
    background:var(--bg-light, rgba(148, 163, 184, 0.12));
    border-radius:8px;
    padding:15px;
    margin-bottom:15px;
}

.notif-detail-kv-row{
    display:flex;
    justify-content:space-between;
    gap:12px;
    align-items:flex-start;
    margin-bottom:8px;
}

.notif-detail-kv-row:last-child{
    margin-bottom:0;
}

.notif-detail-kv-label{
    color:var(--gray-text, var(--kd-text-muted, #64748b));
    flex-shrink:0;
    max-width:48%;
}

.notif-detail-kv-value{
    font-weight:600;
    text-align:right;
    color:var(--dark-text, var(--kd-text-dark, #0f172a));
}

.notif-detail-value--success{
    color:var(--success-green, #11d377);
}

.notif-detail-value--danger{
    color:var(--danger-red, #ff4454);
}

.notif-detail-value--warning{
    color:var(--warning-orange, #ffb300);
}

.notif-detail-footer{
    margin:0;
}

.notif-empty-state{
    margin:16px;
    min-height:260px;
    border:1px dashed var(--border-color);
    border-radius:var(--radius-ui);
    background:var(--bg-header);
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:12px;
    padding:24px;
}

.notif-empty-state-icon{
    width:56px;
    height:56px;
    border-radius:var(--radius-ui);
    display:flex;
    align-items:center;
    justify-content:center;
    color:var(--gray-text);
    background:var(--bg-light);
    font-size:28px;
}

.notif-empty-state-block{
    width:min(260px, 72%);
    height:10px;
    border-radius:999px;
    background:rgba(148, 163, 184, 0.22);
}

.notif-empty-state-block.small{
    width:min(180px, 48%);
    opacity:0.8;
}
.swal2-popup.hesapdev-swal-popup{
    border-radius:var(--radius-ui);
    border:1px solid var(--border-color);
    box-shadow:0 16px 44px rgba(15, 23, 42, 0.16);
    padding:1.4rem 1.2rem 1.2rem;
}

.swal2-title.hesapdev-swal-title{
    font-size:20px;
    font-weight:700;
    color:var(--dark-text);
}

.swal2-html-container.hesapdev-swal-text{
    color:var(--gray-text);
    font-size:14px;
    line-height:1.45;
}

.swal2-styled.hesapdev-swal-confirm,
.swal2-styled.hesapdev-swal-cancel{
    border-radius:var(--radius-ui);
    font-weight:700;
    padding:10px 16px;
    box-shadow:none !important;
}

.swal2-styled.hesapdev-swal-confirm:focus,
.swal2-styled.hesapdev-swal-cancel:focus{
    box-shadow:0 0 0 3px rgba(61, 90, 254, 0.2) !important;
}

/* Bakiye yükleme modalı */
.balance-load-modal{
    padding:10px;
    text-align:left;
}
.balance-load-modal .balance-info-alert{
    display:flex;
    align-items:flex-start;
    gap:10px;
    background:rgba(255, 68, 84, 0.06);
    border:1px solid rgba(255, 68, 84, 0.25);
    border-radius:var(--radius-ui);
    padding:12px 14px;
    margin-bottom:14px;
}
.balance-load-modal .balance-info-alert i{
    font-size:22px;
    color:var(--danger-red);
    margin-top:2px;
    flex-shrink:0;
}
.balance-load-modal .balance-info-alert .text{
    display:flex;
    flex-direction:column;
    gap:4px;
    font-size:13px;
    color:var(--gray-text);
}
.balance-load-modal .balance-info-alert strong{
    color:var(--danger-red);
    font-weight:600;
    letter-spacing:0.3px;
}
.balance-load-modal .balance-warning-box{
    background:var(--bg-light, #f8f9fa);
    border:1px solid var(--border-color);
    border-radius:6px;
    padding:12px;
    margin-bottom:16px;
    display:flex;
    align-items:center;
    gap:12px;
}
.balance-load-modal .balance-warning-box .warning-icon{
    font-size:28px;
    color:var(--danger-red);
    display:flex;
    align-items:center;
}
.balance-load-modal .balance-warning-box .warning-text{
    display:flex;
    flex-direction:column;
    gap:2px;
}
.balance-load-modal .balance-warning-box .label{
    font-size:12px;
    color:var(--gray-text);
}
.balance-load-modal .balance-warning-box .amount{
    font-size:18px;
    font-weight:600;
    color:var(--danger-red);
}
.balance-load-modal .info-text{
    font-size:13px;
    color:var(--gray-text);
    margin-bottom:12px;
}
.balance-load-modal .payment-methods-grid{
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:8px;
    margin-bottom:16px;
}
.balance-load-modal .payment-method-opt{
    border:1px solid var(--border-color);
    border-radius:6px;
    padding:12px 8px;
    text-align:center;
    cursor:pointer;
    transition:all 0.2s ease;
    background:var(--bg-body, #fff);
}
.balance-load-modal .payment-method-opt:hover{
    border-color:var(--primary-blue);
    background:rgba(61, 90, 254, 0.05);
}
.balance-load-modal .payment-method-opt.selected{
    border-color:var(--primary-blue);
    background:rgba(61, 90, 254, 0.1);
}
.balance-load-modal .payment-method-opt .icon{
    font-size:20px;
    margin-bottom:6px;
    color:var(--primary-blue);
}
.balance-load-modal .payment-method-opt .name{
    font-weight:500;
    color:var(--dark-text);
    margin-bottom:2px;
    font-size:14px;
}
.balance-load-modal .payment-method-opt .desc{
    font-size:11px;
    color:var(--gray-text);
}
.balance-load-modal .balance-load-btn{
    width:100%;
    padding:12px;
    background:var(--primary-blue);
    color:#fff;
    border:none;
    border-radius:6px;
    font-size:14px;
    font-weight:600;
    cursor:pointer;
    transition:all 0.2s ease;
    opacity:0.5;
}
.balance-load-modal .balance-load-btn:not(:disabled){
    opacity:1;
}
.balance-load-modal .balance-load-btn:not(:disabled):hover{
    background:#2748c9;
    color:#fff;
}
body.dark-mode .balance-load-modal .balance-info-alert{
    background:rgba(255, 68, 84, 0.18);
    border-color:rgba(255, 68, 84, 0.45);
}
body.dark-mode .balance-load-modal .balance-info-alert .text{
    color:rgba(255, 255, 255, 0.82);
}
body.dark-mode .balance-load-modal .balance-warning-box{
    background:var(--bg-body);
    border-color:var(--border-color);
}
body.dark-mode .balance-load-modal .balance-warning-box .label{
    color:var(--gray-text);
}
body.dark-mode .balance-load-modal .info-text{
    color:var(--gray-text);
}
body.dark-mode .balance-load-modal .payment-method-opt{
    background:var(--bg-body);
    border-color:var(--border-color);
}
body.dark-mode .balance-load-modal .payment-method-opt:hover{
    background:rgba(255, 255, 255, 0.05);
    border-color:var(--primary-blue);
}
body.dark-mode .balance-load-modal .payment-method-opt.selected{
    background:rgba(255, 255, 255, 0.05);
    border-color:var(--primary-blue);
}
body.dark-mode .balance-load-modal .payment-method-opt .name{
    color:var(--dark-text);
}
body.dark-mode .balance-load-modal .payment-method-opt .desc{
    color:var(--gray-text);
}
@media (max-width: 480px){
    .balance-load-modal .payment-methods-grid{
        grid-template-columns:1fr;
    }
}

.swal2-popup.hesapdev-swal-popup--report{
    padding:0;
    border:none;
    background:var(--bg-body);
    overflow:hidden;
    max-width:560px;
}

.swal2-popup.hesapdev-swal-popup--report .swal2-title.hesapdev-swal-title{
    margin:0;
    padding:20px 24px;
    border-bottom:1px solid var(--border-color);
    font-size:18px;
    text-align:left;
}

.msg-report-modal-title-wrap{
    display:inline-flex;
    align-items:center;
    gap:10px;
}

.msg-report-modal-icon{
    width:36px;
    height:36px;
    border-radius:var(--radius-ui);
    background:rgba(255, 68, 84, 0.1);
    color:var(--danger-red);
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-size:20px;
    flex-shrink:0;
}

.msg-report-modal-dialog{
    max-width:560px;
}

.msg-report-modal-content{
    border-radius:var(--radius-ui);
    border:none;
    background:var(--bg-body);
    box-shadow:0 10px 30px rgba(0, 0, 0, 0.1);
}

.msg-report-modal-header{
    border-bottom:1px solid var(--border-color);
    padding:20px 24px;
}

.msg-report-modal-title{
    color:var(--dark-text);
    font-size:18px;
    font-weight:800;
    letter-spacing:-0.02em;
    display:flex;
    align-items:center;
    gap:8px;
}

.msg-report-modal-content-body{
    padding:24px;
}

.swal2-popup.hesapdev-swal-popup--report .swal2-html-container.hesapdev-swal-text{
    margin:0;
    padding:24px;
    text-align:left;
}

.msg-report-modal-body{
    display:flex;
    flex-direction:column;
    gap:18px;
}

.msg-report-field{
    display:flex;
    flex-direction:column;
    gap:10px;
}

.msg-report-field--last{
    margin-bottom:0;
}

.msg-report-label{
    font-size:13px;
    font-weight:700;
    color:var(--gray-text);
    text-transform:uppercase;
    letter-spacing:0.5px;
}

.msg-report-select,
.msg-report-textarea{
    width:100% !important;
    margin:0 !important;
    border-radius:var(--radius-ui) !important;
    background:var(--input-bg) !important;
    border:1px solid var(--border-color) !important;
    color:var(--dark-text) !important;
    box-shadow:none !important;
    outline:none;
    appearance:none;
}

.msg-report-select{
    min-height:48px;
    padding:0 40px 0 15px !important;
    font-size:14px !important;
    cursor:pointer;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23666'%3E%3Cpath d='M12 13.172l4.95-4.95 1.414 1.414L12 16 5.636 9.636 7.05 8.222z'/%3E%3C/svg%3E") !important;
    background-repeat:no-repeat !important;
    background-position:right 12px center !important;
    background-size:18px !important;
}

.msg-report-textarea{
    display:block;
    min-height:124px;
    padding:15px !important;
    font-size:14px !important;
    resize:none;
    line-height:1.5;
    pointer-events:auto;
}

.msg-report-select:focus,
.msg-report-textarea:focus{
    border-color:var(--primary-blue) !important;
    box-shadow:0 0 0 3px rgba(61, 90, 254, 0.14) !important;
}

.msg-report-modal-footer{
    border-top:1px solid var(--border-color);
    padding:16px 24px;
}

.msg-report-modal-cancel,
.msg-report-modal-submit{
    height:48px;
    border-radius:var(--radius-ui);
    padding:0 24px;
}

.msg-report-modal-cancel{
    background:var(--bg-light);
    color:var(--dark-text);
    border:1px solid var(--border-color);
}

.msg-report-modal-submit{
    background:var(--danger-red);
    color:#fff;
    border:none;
    transition:var(--transition);
}

.msg-report-modal-submit:hover,
.msg-report-modal-submit:focus,
.msg-report-modal-submit:active{
    background:#e11d48;
    color:#fff;
    border:none;
    box-shadow:0 8px 20px rgba(255, 68, 84, 0.22);
}

.msg-report-modal-submit:focus-visible{
    outline:none;
    box-shadow:0 0 0 3px rgba(255, 68, 84, 0.16), 0 8px 20px rgba(255, 68, 84, 0.22);
}

.msg-report-modal-submit:disabled,
.msg-report-modal-submit.disabled{
    background:#f87171;
    color:#fff;
    opacity:1;
    box-shadow:none;
    cursor:not-allowed;
}

.msg-report-modal-icon--primary{
    background:rgba(61, 90, 254, 0.1);
    color:var(--primary-blue);
}

.avatar-crop-modal .msg-report-modal-dialog{
    max-width:min(560px, 96vw);
}

.avatar-crop-modal .msg-report-modal-header{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px;
}

.avatar-crop-modal .msg-report-modal-submit--primary{
    background:var(--primary-blue);
    color:#fff;
    border:none;
    transition:var(--transition);
}

.avatar-crop-modal .msg-report-modal-submit--primary:hover,
.avatar-crop-modal .msg-report-modal-submit--primary:focus,
.avatar-crop-modal .msg-report-modal-submit--primary:active{
    background:#283cb4;
    color:#fff;
    border:none;
    box-shadow:0 8px 20px rgba(61, 90, 254, 0.28);
}

.avatar-crop-modal .msg-report-modal-submit--primary:focus-visible{
    outline:none;
    box-shadow:0 0 0 3px rgba(61, 90, 254, 0.22);
}

.avatar-crop-modal .avatar-crop-hint{
    font-size:13px;
    font-weight:600;
    color:var(--gray-text);
    line-height:1.45;
}

.avatar-crop-modal .avatar-crop-stage{
    border-radius:var(--radius-ui);
    border:1px solid var(--border-color);
    background:var(--bg-header);
    overflow:hidden;
    min-height:200px;
    max-height:min(52vh, 400px);
}

.avatar-crop-modal .avatar-crop-modal__img{
    display:block;
    max-width:100%;
}

.avatar-crop-modal .cropper-container{
    max-height:min(52vh, 400px);
}

.avatar-crop-modal .cropper-modal{
    background:rgba(15, 23, 42, 0.72);
}

.avatar-crop-modal .cropper-view-box,
.avatar-crop-modal .cropper-face{
    border-radius:0 !important;
}

.avatar-crop-modal .cropper-crop-box,
.avatar-crop-modal .cropper-point{
    border-radius:0 !important;
}

.avatar-crop-modal .cropper-view-box{
    outline:2px solid rgba(61, 90, 254, 0.95) !important;
    outline-offset:0;
}

.avatar-crop-modal .cropper-container img,
.avatar-crop-modal .cropper-wrap-box img{
    border-radius:0 !important;
}

.cover-crop-modal .msg-report-modal-dialog{
    max-width:min(960px, 98vw);
}

.cover-crop-modal .msg-report-modal-header{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px;
}

.cover-crop-modal .msg-report-modal-submit--primary{
    background:var(--primary-blue);
    color:#fff;
    border:none;
    transition:var(--transition);
}

.cover-crop-modal .msg-report-modal-submit--primary:hover,
.cover-crop-modal .msg-report-modal-submit--primary:focus,
.cover-crop-modal .msg-report-modal-submit--primary:active{
    background:#283cb4;
    color:#fff;
    border:none;
    box-shadow:0 8px 20px rgba(61, 90, 254, 0.28);
}

.cover-crop-modal .msg-report-modal-submit--primary:focus-visible{
    outline:none;
    box-shadow:0 0 0 3px rgba(61, 90, 254, 0.22);
}

.cover-crop-modal .cover-crop-hint{
    font-size:13px;
    font-weight:600;
    color:var(--gray-text);
    line-height:1.45;
}

.cover-crop-modal .cover-crop-stage{
    border-radius:var(--radius-ui);
    border:1px solid var(--border-color);
    background:var(--bg-header);
    overflow:hidden;
    min-height:240px;
    max-height:min(55vh, 480px);
}

.cover-crop-modal .cover-crop-modal__img{
    display:block;
    max-width:100%;
}

.cover-crop-modal .cropper-container{
    max-height:min(55vh, 480px);
}

.cover-crop-modal .cropper-modal{
    background:rgba(15, 23, 42, 0.72);
}

.cover-crop-modal .cropper-view-box,
.cover-crop-modal .cropper-face{
    border-radius:0 !important;
}

.cover-crop-modal .cropper-crop-box,
.cover-crop-modal .cropper-point{
    border-radius:0 !important;
}

.cover-crop-modal .cropper-view-box{
    outline:2px solid rgba(61, 90, 254, 0.95) !important;
    outline-offset:0;
}

.cover-crop-modal .cropper-container img,
.cover-crop-modal .cropper-wrap-box img{
    border-radius:0 !important;
}

.swal2-popup.hesapdev-swal-popup--report .swal2-actions{
    width:100%;
    margin:0;
    padding:16px 24px;
    border-top:1px solid var(--border-color);
    justify-content:center;
    gap:12px;
}

.swal2-popup.hesapdev-swal-popup--report .swal2-styled.hesapdev-swal-confirm,
.swal2-popup.hesapdev-swal-popup--report .swal2-styled.hesapdev-swal-cancel{
    min-width:120px;
    height:48px;
    margin:0;
    padding:0 24px;
    border-radius:var(--radius-ui);
    font-weight:700;
}

.swal2-popup.hesapdev-swal-popup--report .swal2-styled.hesapdev-swal-confirm{
    background:var(--danger-red) !important;
    color:#fff !important;
}

.swal2-popup.hesapdev-swal-popup--report .swal2-styled.hesapdev-swal-cancel{
    background:var(--bg-light) !important;
    color:var(--dark-text) !important;
    border:1px solid var(--border-color) !important;
}
/* === swal2 buton renkleri (Swal2 :where selektörüne karşı) === */
div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm).customConfirmButton{
   background:#12c76a !important;
   background-image:linear-gradient(135deg,#19d97c 0%,#10b866 100%) !important;
   color:#fff !important;
   box-shadow:0 4px 14px rgba(22,163,74,0.25) !important;
   transition:background .2s ease, background-image .2s ease, box-shadow .2s ease, transform .15s ease !important;
}
div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm).customConfirmButton:hover,
div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm).customConfirmButton:focus{
   background:#0ea558 !important;
   background-image:linear-gradient(135deg,#14c26b 0%,#0d9550 100%) !important;
   color:#fff !important;
   box-shadow:0 8px 24px rgba(16,185,129,0.35) !important;
}
div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm).customConfirmButton:active{
   background:#0d9550 !important;
   background-image:linear-gradient(135deg,#10b866 0%,#0b7d3d 100%) !important;
   box-shadow:0 2px 8px rgba(16,185,129,0.3) !important;
}
div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm).customConfirmButtonDanger{
   background:#dc2626 !important;
   background-image:linear-gradient(135deg,#ef4444 0%,#b91c1c 100%) !important;
   color:#fff !important;
}
div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel){
   background:var(--kd-bg-light,var(--bg-light,#f1f5f9)) !important;
   color:var(--kd-text-dark,var(--dark-text,#101828)) !important;
   border:1px solid var(--kd-border,var(--border-color,#e2e8f0)) !important;
}
body.kd-dark div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel),
body.dark-mode div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel){
   background:#1c2128 !important;
   color:#f0f6fc !important;
   border-color:#2d303a !important;
}

/* === swal-simple-confirm (basit onay modalları - data-confirm vb., customPopupSwal ile uyumlu) === */
/* Offcanvas 2147483639 üstünde kalsın */
.swal2-container:has(.swal-simple-confirm){ z-index:2147483640 !important; }
.swal2-popup.swal-simple-confirm,
.swal2-popup.swal-simple-confirm.rounded-4{
   width:min(480px,calc(100vw - 24px)) !important;
   padding:0 !important;
   border-radius:var(--radius-ui) !important;
   border:none !important;
   background:var(--bg-body,#fff) !important;
   box-shadow:0 10px 30px rgba(0,0,0,0.1) !important;
   overflow:hidden !important;
}
.swal2-popup.swal-simple-confirm .swal2-icon{
   margin:20px auto 0 !important;
   width:48px !important; height:48px !important;
   min-width:48px !important; min-height:48px !important;
   border:none !important;
   background:transparent !important;
   color:inherit !important;
   border-radius:0 !important;
   display:flex !important;
   align-items:center !important;
   justify-content:center !important;
   overflow:visible !important;
}
.swal2-popup.swal-simple-confirm .swal2-icon .swal-custom-icon-wrap{
   display:flex !important;
   align-items:center !important;
   justify-content:center !important;
}
.swal2-popup.swal-simple-confirm .swal2-icon .swal-custom-icon-wrap i{
   font-size:28px !important;
}
.swal2-popup.swal-simple-confirm .swal2-title{
   margin:16px 24px 8px !important; padding:0 !important;
   font-size:18px !important; font-weight:700 !important;
   color:var(--kd-text-dark,var(--dark-text,#101828)) !important;
   line-height:1.3 !important;
   border:none !important;
}
.swal2-popup.swal-simple-confirm .swal2-html-container{
   margin:0 24px 24px !important; padding:0 !important;
   font-size:14px !important; line-height:1.55 !important;
   color:var(--kd-text-muted,var(--gray-text,#667085)) !important;
   border:none !important;
}
.swal2-popup.swal-simple-confirm .swal2-actions{
   margin:0 !important;
   padding:16px 24px 20px !important;
   gap:12px !important;
   justify-content:center !important;
   border-top:1px solid var(--kd-border,var(--border-color,#e2e8f0)) !important;
}
.swal2-popup.swal-simple-confirm .swal2-confirm.customConfirmButton,
.swal2-popup.swal-simple-confirm .swal2-confirm.customConfirmButtonDanger,
.swal2-popup.swal-simple-confirm .swal2-cancel.customCancelButton{
   height:48px !important;
   min-width:120px !important;
}
.swal2-popup.swal-simple-confirm .swal2-confirm.customConfirmButton{
   background:#12c76a !important;
   background-image:linear-gradient(135deg,#19d97c 0%,#10b866 100%) !important;
   color:#fff !important;
   box-shadow:0 8px 20px rgba(22,163,74,0.18) !important;
   transition:background .2s ease, box-shadow .2s ease !important;
}
.swal2-popup.swal-simple-confirm .swal2-confirm.customConfirmButton:hover,
.swal2-popup.swal-simple-confirm .swal2-confirm.customConfirmButton:focus,
.swal2-popup.swal-simple-confirm .swal2-confirm.customConfirmButton:active{
   background:#10b866 !important;
   background-image:linear-gradient(135deg,#15c973 0%,#0f9f59 100%) !important;
   color:#fff !important;
   box-shadow:0 10px 24px rgba(16,184,102,0.26) !important;
}
.swal2-popup.swal-simple-confirm .swal2-cancel.customCancelButton{
   transition:background .2s ease, border-color .2s ease, color .2s ease !important;
}
.swal2-popup.swal-simple-confirm .swal2-cancel.customCancelButton:hover,
.swal2-popup.swal-simple-confirm .swal2-cancel.customCancelButton:focus,
.swal2-popup.swal-simple-confirm .swal2-cancel.customCancelButton:active{
   background:var(--kd-border,var(--border-color,#e2e8f0)) !important;
   color:var(--kd-text-dark,var(--dark-text,#101828)) !important;
   border-color:var(--kd-border,var(--border-color,#e2e8f0)) !important;
}
.swal2-popup.swal-simple-confirm .swal2-actions{
   flex-direction:row !important;
   justify-content:center !important;
}
body.kd-dark .swal2-popup.swal-simple-confirm,
body.dark-mode .swal2-popup.swal-simple-confirm{
   background:#11141a !important;
}
body.kd-dark .swal2-popup.swal-simple-confirm .swal2-icon,
body.dark-mode .swal2-popup.swal-simple-confirm .swal2-icon{
   background:transparent !important;
}
body.kd-dark .swal2-popup.swal-simple-confirm .swal2-title,
body.dark-mode .swal2-popup.swal-simple-confirm .swal2-title{
   color:#f0f6fc !important;
}
body.kd-dark .swal2-popup.swal-simple-confirm .swal2-html-container,
body.dark-mode .swal2-popup.swal-simple-confirm .swal2-html-container{
   color:#8b949e !important;
}
body.kd-dark .swal2-popup.swal-simple-confirm .swal2-actions,
body.dark-mode .swal2-popup.swal-simple-confirm .swal2-actions{
   border-top-color:#2d303a !important;
}
/* Destek Ekibiyle / Mağaza dopingleri linki - dark modda siyah renk görünmez */
.support-link{ font-weight:600; text-decoration:underline; }
body.kd-dark .swal2-popup a[href*="destek-sistemi"],
body.dark-mode .swal2-popup a[href*="destek-sistemi"],
body.kd-dark .swal2-popup a[href*="magaza-dopingleri"],
body.dark-mode .swal2-popup a[href*="magaza-dopingleri"],
body.kd-dark .support-link,
body.dark-mode .support-link{
   color:#60a5fa !important;
   text-decoration:underline;
}
body.kd-dark .swal2-popup a[href*="destek-sistemi"]:hover,
body.dark-mode .swal2-popup a[href*="destek-sistemi"]:hover,
body.kd-dark .swal2-popup a[href*="magaza-dopingleri"]:hover,
body.dark-mode .swal2-popup a[href*="magaza-dopingleri"]:hover,
body.kd-dark .support-link:hover,
body.dark-mode .support-link:hover{
   color:#93c5fd !important;
}

@media (max-width:480px){
   .swal2-popup.swal-simple-confirm,
   .swal2-popup.swal-simple-confirm.rounded-4{
      width:calc(100vw - 32px) !important;
      margin:16px !important;
   }
   .swal2-popup.swal-simple-confirm .swal2-icon{
      margin:16px auto 0 !important;
      width:36px !important; height:36px !important;
      min-width:36px !important; min-height:36px !important;
   }
   .swal2-popup.swal-simple-confirm .swal2-icon .swal-custom-icon-wrap i{
      font-size:20px !important;
   }
   .swal2-popup.swal-simple-confirm .swal2-title{
      margin:14px 18px 8px !important;
      font-size:14px !important;
   }
   .swal2-popup.swal-simple-confirm .swal2-html-container{
      margin:0 18px 16px !important;
      font-size:12px !important;
   }
   .swal2-popup.swal-simple-confirm .swal2-actions{
      flex-direction:row !important;
      flex-wrap:wrap !important;
      padding:14px 18px 18px !important;
      gap:10px !important;
   }
   .swal2-popup.swal-simple-confirm .swal2-confirm.customConfirmButton,
   .swal2-popup.swal-simple-confirm .swal2-confirm.customConfirmButtonDanger,
   .swal2-popup.swal-simple-confirm .swal2-cancel.customCancelButton{
      flex:1 !important;
      min-width:0 !important;
      height:40px !important;
      font-size:12px !important;
      padding:0 10px !important;
   }
}

/* === customPopupSwal (Swal tasarımı - app + panel) === */
.swal2-container:has(.customPopupSwal){ z-index:2147483640 !important; padding:10px !important; }
.swal2-popup.customPopupSwal,
.swal2-popup.customPopupSwal.rounded-4{
   padding:0 !important;
   margin:0 !important;
}
.swal2-popup .swal2-title:empty{ display:none !important; }
.swal2-popup.customPopupSwal .swal2-title:empty{ display:none !important; }
.swal2-popup.customPopupSwal .customPopupTitle{
   display:flex !important;
   align-items:center !important;
   gap:10px !important;
   width:100% !important;
   margin:0 !important;
   padding-right:40px !important;
   text-align:left !important;
}
.swal2-popup.customPopupSwal .customPopupTitle .customPopupIcon{
   display:inline-flex !important;
   align-items:center !important;
   justify-content:center !important;
   width:40px !important;
   height:40px !important;
   min-width:40px !important;
   border-radius:var(--radius-ui) !important;
   background:rgba(255,68,84,0.1);
   color:var(--danger-red);
   flex-shrink:0 !important;
}
.swal2-popup.customPopupSwal .customPopupTitle .customPopupIcon i{ font-size:22px !important; color:#fff !important; }
.swal2-popup.customPopupSwal .customPopupTitle .customPopupIcon img{ max-width:28px !important; max-height:28px !important; width:auto !important; height:auto !important; object-fit:contain !important; display:block !important; }
.swal2-popup.customPopupSwal .customPopupTitleDetail{
   display:flex !important;
   flex-direction:column !important;
   align-items:flex-start !important;
   justify-content:center !important;
   gap:0 !important;
   flex:1 !important;
   min-width:0 !important;
   text-align:left !important;
}
.swal2-popup.customPopupSwal .customPopupTitleDetail .customPopupCategory,
.swal2-popup.customPopupSwal .customPopupTitleDetail .customPopupAdvertOrProductName{
   white-space:nowrap !important;
   overflow:hidden !important;
   text-overflow:ellipsis !important;
   max-width:100% !important;
}
.swal2-popup.customPopupSwal .customPopupTitleDetail .customPopupCategory{
   display:block !important;
   font-size:18px !important;
   font-weight:700 !important;
   color:var(--kd-text-dark,var(--dark-text,#101828)) !important;
   line-height:1.3 !important;
   letter-spacing:0 !important;
   text-transform:none !important;
}
.swal2-popup.customPopupSwal .customPopupTitleDetail .customPopupAdvertOrProductName{
   display:block !important;
   font-size:12px !important;
   font-weight:500 !important;
   color:var(--kd-text-muted,var(--gray-text,#667085)) !important;
   line-height:1.5 !important;
}
.customPopupSwal{
   width:min(560px,calc(100vw - 24px)) !important;
   padding:0 !important;
   border-radius:var(--radius-ui) !important;
   border:none !important;
   background:var(--bg-body,#fff) !important;
   color:var(--kd-text-dark,var(--dark-text,#101828)) !important;
   box-shadow:0 10px 30px rgba(0,0,0,0.1) !important;
   overflow:hidden !important;
}
.customPopupSwal .swal2-title{
   width:100%;
   margin:0 !important;
   padding:20px 24px !important;
   border-bottom:1px solid var(--kd-border,var(--border-color,#e2e8f0)) !important;
   background:var(--kd-bg-header,var(--bg-header,#fff)) !important;
   display:flex !important;
   align-items:center !important;
   min-height:76px;
   box-sizing:border-box;
   font-size:inherit !important;
   font-weight:inherit !important;
   text-align:left !important;
}
.customPopupSwal .swal2-title > *{ margin:0 !important; }
.customPopupSwal .swal2-html-container{
   margin:0 !important;
   padding:24px !important;
   text-align:left !important;
   font-size:14px !important;
   line-height:1.55 !important;
   color:var(--kd-text-muted,var(--gray-text,#667085)) !important;
   max-height:60vh;
   overflow-y:auto;
   scrollbar-width:thin;
   scrollbar-color:rgba(61,90,254,0.38) transparent;
}
.customPopupSwal .swal2-html-container::-webkit-scrollbar{ width:6px; }
.customPopupSwal .swal2-html-container::-webkit-scrollbar-track{ background:transparent; border-radius:999px; margin:4px 0; }
.customPopupSwal .swal2-html-container::-webkit-scrollbar-thumb{
   border-radius:999px;
   background:linear-gradient(180deg, rgba(61,90,254,0.45) 0%, rgba(61,90,254,0.25) 100%);
}
.customPopupSwal .swal2-html-container:hover::-webkit-scrollbar-thumb{
   background:linear-gradient(180deg, rgba(61,90,254,0.6) 0%, rgba(61,90,254,0.35) 100%);
}
.customPopupSwal .swal2-actions{
   width:100%;
   margin:0 !important;
   padding:16px 24px !important;
   justify-content:center !important;
   gap:12px !important;
   border-top:1px solid var(--kd-border,var(--border-color,#e2e8f0)) !important;
}
.swal2-popup.customPopupSwal .swal2-confirm.customConfirmButton,
.customPopupSwal .swal2-confirm.customConfirmButton{
   background:#12c76a !important;
   background-image:linear-gradient(135deg,#19d97c 0%,#10b866 100%) !important;
   color:#fff !important;
   box-shadow:0 4px 14px rgba(22,163,74,0.25) !important;
   transition:background .2s ease, background-image .2s ease, box-shadow .2s ease, transform .15s ease !important;
}
.swal2-popup.customPopupSwal .swal2-confirm.customConfirmButton:hover,
.swal2-popup.customPopupSwal .swal2-confirm.customConfirmButton:focus,
.customPopupSwal .swal2-confirm.customConfirmButton:hover,
.customPopupSwal .swal2-confirm.customConfirmButton:focus{
   background:#0ea558 !important;
   background-image:linear-gradient(135deg,#14c26b 0%,#0d9550 100%) !important;
   color:#fff !important;
   box-shadow:0 8px 24px rgba(16,185,129,0.35) !important;
}
.swal2-popup.customPopupSwal .swal2-confirm.customConfirmButton:active,
.customPopupSwal .swal2-confirm.customConfirmButton:active{
   background:#0d9550 !important;
   background-image:linear-gradient(135deg,#10b866 0%,#0b7d3d 100%) !important;
   box-shadow:0 2px 8px rgba(16,185,129,0.3) !important;
}
body.dark-mode .swal2-popup.customPopupSwal .swal2-confirm.customConfirmButton,
body.dark-mode .customPopupSwal .swal2-confirm.customConfirmButton,
html.dark-mode .swal2-popup.customPopupSwal .swal2-confirm.customConfirmButton,
html.dark-mode .customPopupSwal .swal2-confirm.customConfirmButton{
   background:#12c76a !important;
   background-image:linear-gradient(135deg,#19d97c 0%,#10b866 100%) !important;
   color:#fff !important;
   box-shadow:0 4px 14px rgba(22,163,74,0.3) !important;
}
body.dark-mode .swal2-popup.customPopupSwal .swal2-confirm.customConfirmButton:hover,
body.dark-mode .customPopupSwal .swal2-confirm.customConfirmButton:hover,
html.dark-mode .swal2-popup.customPopupSwal .swal2-confirm.customConfirmButton:hover,
html.dark-mode .customPopupSwal .swal2-confirm.customConfirmButton:hover{
   background:#0ea558 !important;
   background-image:linear-gradient(135deg,#14c26b 0%,#0d9550 100%) !important;
   box-shadow:0 8px 28px rgba(16,185,129,0.45) !important;
}
.customPopupSwal .swal2-validation-message{
   margin:0 24px 16px !important;
   border-radius:var(--radius-ui) !important;
   padding:12px 14px !important;
   background:rgba(255,68,84,0.08) !important;
   color:var(--danger-red) !important;
   font-weight:600 !important;
}
.customPopupTitleDetail > span{ margin:0 !important; }
.customPopupIcon.bg-success{ background:rgba(16,185,129,0.12) !important; color:#059669 !important; }
.swal2-popup.customPopupSwal .customPopupTitle .customPopupIcon.bg-success i,
.customPopupSwal .customPopupTitle .customPopupIcon.bg-success i{ color:#059669 !important; }
.customPopupIcon.bg-danger{ background:rgba(255,68,84,0.1) !important; color:var(--danger-red) !important; }
.swal2-popup.customPopupSwal .customPopupTitle .customPopupIcon.bg-danger i,
.customPopupSwal .customPopupTitle .customPopupIcon.bg-danger i{ color:var(--danger-red) !important; }
.customPopupIcon.bg-warning{ background:rgba(245,158,11,0.14) !important; color:#d97706 !important; }
.swal2-popup.customPopupSwal .customPopupTitle .customPopupIcon.bg-warning i,
.customPopupSwal .customPopupTitle .customPopupIcon.bg-warning i{ color:#d97706 !important; }
.customPopupIcon.bg-info{ background:rgba(61,90,254,0.1) !important; color:var(--kd-primary,var(--primary-blue,#3d5afe)) !important; }
.swal2-popup.customPopupSwal .customPopupTitle .customPopupIcon.bg-info i,
.customPopupSwal .customPopupTitle .customPopupIcon.bg-info i{ color:var(--kd-primary,var(--primary-blue,#3d5afe)) !important; }
.customPopupCloseButton{
   position:absolute !important;
   right:18px !important;
   top:18px !important;
   width:32px !important;
   height:32px !important;
   min-width:32px !important;
   padding:0 !important;
   border-radius:8px !important;
   border:none !important;
   background:transparent !important;
   color:rgba(16,24,40,0.6) !important;
   box-shadow:none !important;
   font-size:28px !important;
   font-weight:300 !important;
   line-height:1 !important;
   z-index:10 !important;
}
.customPopupCloseButton:hover{
   background:rgba(15,23,42,0.06) !important;
   color:rgba(16,24,40,0.8) !important;
}

/* Mesaj görseli lightbox — diğer Swal’ların üzerinde */
.swal2-container:has(.swal-msg-image-lightbox){
   z-index:2147483641 !important;
}

/* Site içi mesaj görseli Swal: kapatma ile görsel üst köşede çakışmasın */
.swal2-popup.customPopupSwal.swal-msg-image-lightbox{
   padding:48px 14px 14px !important;
   max-width:min(96vw,980px) !important;
   box-sizing:border-box !important;
}
.swal2-popup.customPopupSwal.swal-msg-image-lightbox .swal2-close.customPopupCloseButton{
   top:10px !important;
   right:10px !important;
   z-index:30 !important;
   background:rgba(15,23,42,0.65) !important;
   color:#f1f5f9 !important;
   box-shadow:0 2px 12px rgba(0,0,0,0.35) !important;
}
.swal2-popup.customPopupSwal.swal-msg-image-lightbox .swal2-close.customPopupCloseButton:hover{
   background:rgba(15,23,42,0.88) !important;
   color:#fff !important;
}
.swal2-popup.customPopupSwal.swal-msg-image-lightbox .swal2-image{
   max-width:100% !important;
   max-height:calc(85vh - 56px) !important;
   width:auto !important;
   height:auto !important;
   margin:0 auto !important;
   display:block !important;
   object-fit:contain !important;
   border-radius:var(--radius-ui,12px) !important;
}

.customConfirmButton{
   height:48px !important;
   border-radius:var(--radius-ui) !important;
   min-width:156px !important;
   padding:0 24px !important;
   border:none !important;
   background:#12c76a !important;
   background-image:linear-gradient(135deg,#19d97c 0%,#10b866 100%) !important;
   color:#fff !important;
   font-size:14px !important;
   font-weight:700 !important;
   box-shadow:0 8px 20px rgba(22,163,74,0.18) !important;
   transition:background .2s ease, box-shadow .2s ease, transform .2s ease !important;
}
.customConfirmButtonContent{
   display:inline-flex !important;
   align-items:center !important;
   justify-content:center !important;
   gap:8px !important;
   width:auto !important;
   white-space:nowrap !important;
   color:inherit !important;
}
.customConfirmButtonContent i{
   margin:0 !important;
   font-size:16px !important;
   line-height:1 !important;
   color:inherit !important;
}
.customConfirmButton span{
   display:inline-flex !important;
   align-items:center !important;
   justify-content:center !important;
   gap:8px !important;
   width:auto !important;
   color:inherit !important;
}
.customConfirmButton span i{
   margin-left:0 !important;
   font-size:16px !important;
   line-height:1 !important;
   color:inherit !important;
}
.customConfirmButton:hover,
.customConfirmButton:focus,
.customConfirmButton:active{
   background:#10b866 !important;
   background-image:linear-gradient(135deg,#15c973 0%,#0f9f59 100%) !important;
   color:#fff !important;
   border:none !important;
   box-shadow:0 10px 24px rgba(16,184,102,0.26) !important;
}
.customConfirmButton:focus-visible{
   outline:none !important;
   color:#fff !important;
   background:#10b866 !important;
   background-image:linear-gradient(135deg,#15c973 0%,#0f9f59 100%) !important;
   box-shadow:0 0 0 3px rgba(25,217,124,0.18), 0 10px 24px rgba(16,184,102,0.26) !important;
}
.customConfirmButton:disabled,
.customConfirmButton.disabled{
   background:#78dba8 !important;
   background-image:linear-gradient(135deg,#8be2b4 0%,#65c992 100%) !important;
   color:#fff !important;
   box-shadow:none !important;
   transform:none !important;
}
.customPopupSwal .swal2-cancel,
.customCancelButton{
   height:48px !important;
   border-radius:var(--radius-ui) !important;
   min-width:120px !important;
   padding:0 24px !important;
   background:var(--kd-bg-light,var(--bg-light,#f1f5f9)) !important;
   color:var(--kd-text-dark,var(--dark-text,#101828)) !important;
   border:1px solid var(--kd-border,var(--border-color,#e2e8f0)) !important;
   font-size:14px !important;
   font-weight:700 !important;
   box-shadow:none !important;
   transition:background .2s ease, border-color .2s ease, color .2s ease, transform .2s ease !important;
}
.customCancelButtonContent{
   display:inline-flex !important;
   align-items:center !important;
   justify-content:center !important;
   gap:8px !important;
   width:auto !important;
   white-space:nowrap !important;
   color:inherit !important;
}
.customCancelButtonContent i,
.customCancelButton span i{
   margin:0 !important;
   font-size:16px !important;
   line-height:1 !important;
   color:inherit !important;
}
.customPopupSwal .swal2-cancel:hover,
.customCancelButton:hover,
.customPopupSwal .swal2-cancel:focus,
.customCancelButton:focus{
   background:var(--kd-border,var(--border-color,#e2e8f0)) !important;
   color:var(--kd-text-dark,var(--dark-text,#101828)) !important;
   border-color:var(--kd-border,var(--border-color,#e2e8f0)) !important;
}
.customCancelButton:focus-visible{
   outline:none !important;
   box-shadow:0 0 0 3px rgba(100,116,139,0.2) !important;
}
body.kd-dark .customPopupSwal .swal2-cancel,
body.kd-dark .customCancelButton,
body.dark-mode .customPopupSwal .swal2-cancel,
body.dark-mode .customCancelButton{
   background:#1c2128 !important;
   border-color:#2d303a !important;
   color:#f0f6fc !important;
}
body.kd-dark .customPopupSwal .swal2-cancel:hover,
body.kd-dark .customCancelButton:hover,
body.dark-mode .customPopupSwal .swal2-cancel:hover,
body.dark-mode .customCancelButton:hover{
   background:#2d303a !important;
   border-color:#2d303a !important;
   color:#f0f6fc !important;
}
.customPopupSwal .swal2-html-container .swal-bank-add-desc{
   margin:0 0 20px 0;
   font-size:13px;
   font-weight:600;
   line-height:1.5;
   color:var(--kd-text-muted,var(--gray-text,#667085));
}
.customPopupSwal .swal2-html-container .w-form-label,
.customPopupSwal .swal2-html-container .swal-report-label,
.customPopupSwal .swal2-html-container label.form-label{
   display:block !important;
   margin-bottom:8px !important;
   font-size:13px !important;
   font-weight:700 !important;
   color:var(--kd-text-muted,var(--gray-text,#667085)) !important;
   text-transform:uppercase !important;
   letter-spacing:0.5px !important;
}
.customPopupSwal .swal2-html-container .w-form-control,
.customPopupSwal .swal2-html-container .w-form-select,
.customPopupSwal .swal2-html-container .swal-report-select,
.customPopupSwal .swal2-html-container .swal-report-textarea,
.customPopupSwal .swal2-html-container .swal2-input,
.customPopupSwal .swal2-html-container .swal2-select{
   width:100% !important;
   margin:0 0 16px 0 !important;
   border-radius:var(--radius-ui) !important;
   background:var(--kd-bg-header,var(--bg-header,#fff)) !important;
   border:1px solid var(--kd-border,var(--border-color,#e2e8f0)) !important;
   color:var(--kd-text-dark,var(--dark-text,#101828)) !important;
   box-shadow:none !important;
   outline:none !important;
   font-size:14px !important;
   font-weight:600 !important;
   box-sizing:border-box !important;
}
.customPopupSwal .swal2-html-container .w-form-control,
.customPopupSwal .swal2-html-container .w-form-select,
.customPopupSwal .swal2-html-container .swal-report-select,
.customPopupSwal .swal2-html-container .swal2-input,
.customPopupSwal .swal2-html-container .swal2-select{
   min-height:48px !important;
   padding:0 15px !important;
}
.customPopupSwal .swal2-html-container .swal-report-textarea{
   display:block !important;
   min-height:124px !important;
   padding:15px !important;
   line-height:1.5 !important;
   resize:none !important;
   pointer-events:auto !important;
}
.customPopupSwal .swal2-html-container .w-form-select,
.customPopupSwal .swal2-html-container .swal-report-select,
.customPopupSwal .swal2-html-container .swal2-select{
   padding:0 40px 0 15px !important;
   cursor:pointer !important;
   appearance:none !important;
   background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23666'%3E%3Cpath d='M12 13.172l4.95-4.95 1.414 1.414L12 16 5.636 9.636 7.05 8.222z'/%3E%3C/svg%3E") !important;
   background-repeat:no-repeat !important;
   background-position:right 12px center !important;
   background-size:18px !important;
}
.customPopupSwal .swal2-html-container .msg-report-modal-body{
   display:flex !important;
   flex-direction:column !important;
   gap:18px !important;
}
.customPopupSwal .swal2-html-container .msg-report-field{
   display:flex !important;
   flex-direction:column !important;
   gap:10px !important;
}
.customPopupSwal .swal2-html-container .mb-0{ margin-bottom:0 !important; }
.customPopupSwal .swal2-html-container > *:first-child{ margin-top:0 !important; }
.customPopupSwal .swal2-html-container > *:last-child{ margin-bottom:0 !important; }
.customPopupSwal .swal2-html-container ul{
    list-style: disc;
   margin:0;
   padding-left:18px;
}
.customPopupSwal .swal2-html-container ul li + li{
   margin-top:6px;
}
/* Kayıt sözleşme/gizlilik modal içeriği - tek scroll (swal2-html-container), renk uyumu */
.customPopupSwal .swal2-html-container .register-doc-content{
   text-align:left !important;
   font-size:14px !important;
   line-height:1.6 !important;
   color:var(--kd-text-muted,var(--gray-text,#667085)) !important;
   overflow:visible !important;
   max-height:none !important;
}
.customPopupSwal .swal2-html-container .register-doc-content p,
.customPopupSwal .swal2-html-container .register-doc-content strong{ color:inherit !important; }
.customPopupSwal .swal2-html-container .register-doc-content a{
   color:var(--kd-primary,var(--primary-blue,#3d5afe)) !important;
   text-decoration:underline;
}
body.dark-mode .customPopupSwal .swal2-html-container .register-doc-content,
html.dark-mode .customPopupSwal .swal2-html-container .register-doc-content,
html.auth-page-dark .customPopupSwal .swal2-html-container .register-doc-content{
   color:var(--gray-text,#8b949e) !important;
}
body.dark-mode .customPopupSwal .swal2-html-container .register-doc-content a,
html.dark-mode .customPopupSwal .swal2-html-container .register-doc-content a,
html.auth-page-dark .customPopupSwal .swal2-html-container .register-doc-content a{
   color:#6ea8fe !important;
}
.customPopupSwal .swal2-html-container .w-form-control:focus,
.customPopupSwal .swal2-html-container .w-form-select:focus,
.customPopupSwal .swal2-html-container .swal-report-select:focus,
.customPopupSwal .swal2-html-container .swal-report-textarea:focus,
.customPopupSwal .swal2-html-container .swal2-input:focus,
.customPopupSwal .swal2-html-container .swal2-select:focus{
   border-color:var(--kd-primary,var(--primary-blue,#3d5afe)) !important;
   box-shadow:0 0 0 3px rgba(61,90,254,0.14) !important;
}
.customPopupSwal .swal2-html-container .w-form-control:disabled,
.customPopupSwal .swal2-html-container .w-form-control[readonly]{
   opacity:0.7;
   cursor:not-allowed;
}
.customPopupSwal .swal2-html-container .swal-bank-add-check{
   display:flex !important;
   align-items:flex-start !important;
   gap:10px !important;
   margin-top:16px !important;
}
.customPopupSwal .swal2-html-container .swal-bank-check{
   width:18px;
   height:18px;
   margin-top:2px;
   flex-shrink:0;
   accent-color:var(--kd-primary,var(--primary-blue,#3d5afe));
}
.customPopupSwal .swal2-html-container .swal-bank-check-label{
   font-size:13px;
   font-weight:600;
   color:var(--kd-text-dark,var(--dark-text,#101828));
   cursor:pointer;
   line-height:1.5;
   user-select:none;
}
body.kd-dark .customPopupSwal .swal2-html-container .w-form-control,
body.kd-dark .customPopupSwal .swal2-html-container .w-form-select,
body.kd-dark .customPopupSwal .swal2-html-container .swal2-input,
body.kd-dark .customPopupSwal .swal2-html-container .swal2-select,
body.kd-dark .customPopupSwal .swal2-html-container .swal-report-select,
body.kd-dark .customPopupSwal .swal2-html-container .swal-report-textarea{
   background:#11141a !important;
   border-color:#2d303a !important;
   color:#f0f6fc !important;
}
body.kd-dark .customPopupSwal .swal2-html-container .w-form-label,
body.kd-dark .customPopupSwal .swal2-html-container .swal-bank-check-label,
body.kd-dark .customPopupSwal .swal2-html-container .swal-report-label,
body.kd-dark .customPopupSwal .swal2-html-container label.form-label{
   color:#8b949e !important;
}
body.kd-dark .customPopupSwal .swal2-html-container .swal-bank-add-desc,
body.kd-dark .customPopupSwal .swal2-html-container .customPopupAdvertOrProductName{
   color:#8b949e !important;
}
body.kd-dark .customPopupSwal .swal2-title,
body.kd-dark .customPopupSwal .swal2-actions{
   border-color:#2d303a !important;
}
body.kd-dark .customPopupCloseButton{ color:rgba(240,246,252,0.7) !important; }
body.kd-dark .customPopupCloseButton:hover{
   background:rgba(255,255,255,0.06) !important;
   color:#f0f6fc !important;
}
body.dark-mode .customPopupSwal .swal2-html-container .w-form-control,
body.dark-mode .customPopupSwal .swal2-html-container .w-form-select,
body.dark-mode .customPopupSwal .swal2-html-container .swal2-input,
body.dark-mode .customPopupSwal .swal2-html-container .swal2-select,
html.dark-mode .customPopupSwal .swal2-html-container .w-form-control,
html.dark-mode .customPopupSwal .swal2-html-container .w-form-select,
html.dark-mode .customPopupSwal .swal2-html-container .swal2-input,
html.dark-mode .customPopupSwal .swal2-html-container .swal2-select{
   background:var(--bg-body) !important;
   border-color:rgba(255,255,255,0.15) !important;
   color:#f0f6fc !important;
}
body.dark-mode .customPopupSwal .swal2-html-container .w-form-label,
body.dark-mode .customPopupSwal .swal2-html-container .swal-bank-check-label,
html.dark-mode .customPopupSwal .swal2-html-container .w-form-label,
html.dark-mode .customPopupSwal .swal2-html-container .swal-bank-check-label{
   color:#8b949e !important;
}
body.dark-mode .customPopupSwal .swal2-title,
body.dark-mode .customPopupSwal .swal2-actions,
html.dark-mode .customPopupSwal .swal2-title,
html.dark-mode .customPopupSwal .swal2-actions{
   border-color:rgba(255,255,255,0.12) !important;
}
body.dark-mode .customPopupCloseButton,
html.dark-mode .customPopupCloseButton,
html.auth-page-dark .customPopupCloseButton{ color:rgba(240,246,252,0.7) !important; }
body.dark-mode .customPopupCloseButton:hover,
html.dark-mode .customPopupCloseButton:hover,
html.auth-page-dark .customPopupCloseButton:hover{
   background:rgba(255,255,255,0.06) !important;
   color:#f0f6fc !important;
}
html.auth-page-dark .customPopupSwal .swal2-title,
html.auth-page-dark .customPopupSwal .swal2-actions{
   border-color:rgba(255,255,255,0.12) !important;
}
html.auth-page-dark .swal2-popup.customPopupSwal .customPopupTitleDetail .customPopupCategory{
   color:#fff !important;
}
body.dark-mode .swal2-popup.customPopupSwal .customPopupTitleDetail .customPopupCategory,
html.dark-mode .swal2-popup.customPopupSwal .customPopupTitleDetail .customPopupCategory{
   color:#f0f6fc !important;
}
body.dark-mode .customPopupSwal .swal2-html-container,
html.dark-mode .customPopupSwal .swal2-html-container,
html.auth-page-dark .customPopupSwal .swal2-html-container{
   scrollbar-color:rgba(110,168,254,0.4) transparent;
}
body.dark-mode .customPopupSwal .swal2-html-container::-webkit-scrollbar-thumb,
html.dark-mode .customPopupSwal .swal2-html-container::-webkit-scrollbar-thumb,
html.auth-page-dark .customPopupSwal .swal2-html-container::-webkit-scrollbar-thumb{
   background:linear-gradient(180deg, rgba(110,168,254,0.5) 0%, rgba(110,168,254,0.25) 100%);
}
body.dark-mode .customPopupSwal .swal2-html-container:hover::-webkit-scrollbar-thumb,
html.dark-mode .customPopupSwal .swal2-html-container:hover::-webkit-scrollbar-thumb,
html.auth-page-dark .customPopupSwal .swal2-html-container:hover::-webkit-scrollbar-thumb{
   background:linear-gradient(180deg, rgba(110,168,254,0.65) 0%, rgba(110,168,254,0.4) 100%);
}
@media (max-width:576px){
   .customPopupSwal{ width:calc(100vw - 16px) !important; }
   .customPopupSwal .swal2-title{ padding:16px 20px !important; min-height:68px !important; }
   .customPopupSwal .swal2-html-container{ padding:20px !important; }
   .customPopupSwal .swal2-actions{
      padding:14px 20px !important;
      gap:10px !important;
      flex-direction:row !important;
      flex-wrap:nowrap !important;
      justify-content:center !important;
   }
   .customPopupSwal .swal2-confirm.customConfirmButton,
   .customPopupSwal .swal2-confirm.customConfirmButtonDanger,
   .customPopupSwal .swal2-cancel,
   .customPopupSwal .swal2-cancel.customCancelButton{
      flex:1 !important;
      min-width:0 !important;
      max-width:none !important;
      height:40px !important;
      font-size:12px !important;
      padding:0 12px !important;
   }
   .customPopupSwal .customPopupIcon{ width:36px !important; height:36px !important; min-width:36px !important; }
   .customPopupSwal .customPopupIcon i{ font-size:20px !important; }
   .customPopupSwal .customPopupIcon img{ max-width:24px !important; max-height:24px !important; }
   .customPopupSwal .swal2-validation-message{ margin:0 16px 12px !important; padding:8px 12px !important; font-size:12px !important; }
   /* "Bu işlem ile..." metninin dar ekranlarda alt satıra inmesi */
   .customPopupSwal .customPopupTitleDetail .customPopupCategory,
   .customPopupSwal .customPopupTitleDetail .customPopupAdvertOrProductName{
      white-space:normal !important;
      overflow:visible !important;
      text-overflow:unset !important;
      word-wrap:break-word !important;
   }
}

.swal2-popup.rounded-4{
    border-radius:var(--radius-ui) !important;
    background:var(--bg-header) !important;
    border:1px solid var(--border-color) !important;
    box-shadow:0 20px 48px rgba(15, 23, 42, 0.18) !important;
    padding:1.25rem !important;
}

.swal2-popup.rounded-4 .swal2-title,
.swal2-title.hesapdev-swal-title{
    color:var(--dark-text) !important;
    font-size:20px !important;
    font-weight:800 !important;
    line-height:1.35 !important;
}

.swal2-popup.rounded-4 .swal2-html-container,
.swal2-html-container.hesapdev-swal-text{
    color:var(--gray-text) !important;
    font-size:14px !important;
    line-height:1.65 !important;
}

.swal2-popup.rounded-4 .swal2-html-container ul{
    margin:0;
    padding-left:18px;
}

.swal2-popup.rounded-4 .swal2-html-container li + li{
    margin-top:6px;
}

.swal2-popup.rounded-4 .swal2-actions{
    gap:10px;
    margin-top:0 !important;
    padding: 16px!important ;
    justify-content:center !important;
}

.swal2-popup.rounded-4 .swal2-styled,
.swal2-styled.hesapdev-swal-confirm,
.swal2-styled.hesapdev-swal-cancel{
    border-radius:var(--radius-ui) !important;
    min-height:46px;
    padding:0 20px !important;
    font-size:14px !important;
    font-weight:800 !important;
    box-shadow:none !important;
}

.swal2-popup.rounded-4 .swal2-confirm,
.swal2-styled.hesapdev-swal-confirm{
    background:var(--primary-blue) !important;
    color:#fff !important;
}

.swal2-popup.rounded-4 .swal2-cancel,
.swal2-styled.hesapdev-swal-cancel{
    background:var(--bg-light) !important;
    color:var(--dark-text) !important;
    border:1px solid var(--border-color) !important;
}

.swal2-popup.rounded-4 .swal2-cancel:hover,
.swal2-popup.rounded-4 .swal2-cancel:focus,
.swal2-styled.hesapdev-swal-cancel:hover,
.swal2-styled.hesapdev-swal-cancel:focus{
    background:var(--border-color) !important;
    box-shadow:none !important;
}
@media (max-width:480px){
   .swal2-popup.rounded-4 .swal2-title,
   .swal2-title.hesapdev-swal-title{
      font-size:15px !important;
      font-weight:700 !important;
   }
   .swal2-popup.rounded-4 .swal2-html-container,
   .swal2-html-container.hesapdev-swal-text{
      font-size:13px !important;
   }
   .swal2-popup.rounded-4 .swal2-styled,
   .swal2-styled.hesapdev-swal-confirm,
   .swal2-styled.hesapdev-swal-cancel{
      min-height:42px !important;
       min-height: 42px;
      padding:0 14px !important;
      font-size:12px !important;
      font-weight:700 !important;
   }
}
body.dark-mode .swal2-popup,
body.dark-mode .swal2-popup.hesapdev-swal-popup{
    background:#11141a !important;
    color:#f0f6fc !important;
    border-color:#2d303a !important;
}
body.dark-mode .swal2-title,
body.dark-mode .swal2-title.hesapdev-swal-title{ color:#f0f6fc !important; }
body.dark-mode .swal2-html-container,
body.dark-mode .swal2-html-container.hesapdev-swal-text{ color:#8b949e !important; }
body.dark-mode .swal2-popup .text-muted,
body.dark-mode .swal2-popup .text-start .text-muted,
body.dark-mode .swal2-popup p.text-muted{ color:#b1bac4 !important; }
body.dark-mode .swal2-success-circular-line-left,
body.dark-mode .swal2-success-fix,
body.dark-mode .swal2-success-circular-line-right{ background-color:#11141a !important; }
.msg-order-card{
    background:var(--bg-header);
    border-radius:var(--radius-ui);
    padding:16px;
    border:1px solid var(--border-color);
    box-shadow:0 2px 8px rgba(0, 0, 0, 0.02);
    transition:var(--transition);
    display:flex;
    flex-direction:column;
    gap:12px;
}

.msg-order-card:hover{
    box-shadow:0 6px 16px rgba(0, 0, 0, 0.06);
}

.msg-order-card-header{
    display:flex;
    align-items:flex-start;
    gap:12px;
}

.msg-order-card-img{
    width:40px;
    height:40px;
    border-radius:var(--radius-ui);
    background:rgba(61, 90, 254, 0.1);
    color:var(--primary-blue);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:20px;
    flex-shrink:0;
    overflow:hidden;
}

.msg-order-card-img-photo{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

.msg-order-card-info{
    flex-grow:1;
    overflow:hidden;
}

.msg-order-card-title{
    font-size:13px;
    font-weight:600;
    color:var(--dark-text);
    margin-bottom:4px;
    display:-webkit-box;
    -webkit-line-clamp:2;
    line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    line-height:1.3;
}

.msg-order-card-meta{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:8px;
    font-size:11px;
    color:var(--gray-text);
}

.msg-order-card-meta-item{
    display:flex;
    align-items:center;
    gap:4px;
}

.msg-order-copy-btn{
    width:20px;
    height:20px;
    padding:0;
    border:0;
    background:transparent;
    color:var(--gray-text);
    border-radius:6px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    transition:var(--transition);
}

.msg-order-copy-btn:hover,
.msg-order-copy-btn.is-copied{
    color:var(--primary-blue);
    background:rgba(61, 90, 254, 0.1);
}

.msg-order-card-status-row{
    margin-top:8px;
}

.msg-order-card-status{
    display:inline-flex;
    align-items:center;
    gap:4px;
    font-size:10px;
    font-weight:700;
    padding:4px 8px;
    border-radius:6px;
}

.msg-order-card-status.completed{
    background:rgba(17, 211, 119, 0.1);
    color:var(--success-green);
}

.msg-order-card-status.pending{
    background:rgba(255, 179, 0, 0.1);
    color:var(--warning-orange);
}

.msg-order-card-status.processing{
    background:rgba(61, 90, 254, 0.1);
    color:var(--primary-blue);
}

.msg-order-card-status.cancelled{
    background:rgba(255, 68, 84, 0.1);
    color:var(--danger-red);
}

.msg-order-card-buyer-inputs{
    margin-top:12px;
    padding-top:12px;
    border-top:1px dashed var(--border-color);
    display:flex;
    flex-direction:column;
    gap:10px;
}

.msg-order-card-buyer-row{
    display:flex;
    flex-direction:column;
    gap:4px;
}

.msg-order-card-buyer-label{
    font-size:10px;
    font-weight:600;
    color:var(--gray-text);
    text-transform:uppercase;
    letter-spacing:0.5px;
}

.msg-order-card-buyer-val-line{
    display:flex;
    align-items:flex-start;
    gap:8px;
}

.msg-order-card-buyer-val-line .msg-order-copy-btn--buyer-input{
    flex-shrink:0;
    margin-top:1px;
}

.msg-order-card-buyer-val-line .msg-order-card-buyer-val{
    flex:1;
    min-width:0;
}

.msg-order-card-buyer-val{
    font-size:13px;
    color:var(--dark-text);
    word-break:break-word;
    line-height:1.45;
}

.msg-order-copy-btn--buyer-input.is-copied{
    color:var(--success-green, #11d377) !important;
    background:rgba(17, 211, 119, 0.14) !important;
}

.msg-order-card-footer{
    display:flex;
    align-items:center;
    justify-content:space-between;
    border-top:1px dashed var(--border-color);
    padding-top:12px;
}

.msg-order-card-price-col{
    display:flex;
    flex-direction:column;
}

.msg-order-card-price-label{
    font-size:10px;
    color:var(--gray-text);
    text-transform:uppercase;
    letter-spacing:0.5px;
    margin-bottom:2px;
}

.msg-order-card-price{
    font-size:14px;
    font-weight:700;
    color:var(--dark-text);
}

#msgOrderFrameTitle{
    font-size:16px;
}

.msg-order-card-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:32px;
    height:32px;
    border-radius:var(--radius-ui);
    background:var(--bg-light);
    color:var(--dark-text);
    border:1px solid var(--border-color);
    cursor:pointer;
    transition:var(--transition);
    text-decoration:none;
}

.msg-order-card-btn:hover{
    background:var(--primary-blue);
    color:#fff;
    border-color:var(--primary-blue);
}
.coupon-used-wrap{
    position:relative;
    overflow:hidden;
    border-radius:var(--radius-ui);
    padding:10px 12px;
    background:linear-gradient(135deg, rgba(17, 211, 119, .12) 0%, rgba(61, 90, 254, .06) 100%);
    border:1px solid var(--border-color);
}

.coupon-used-head, .coupon-used-sub{
    position:relative;
    z-index:1;
}

.coupon-used-head{
    display:flex;
    align-items:center;
    gap:10px;
    margin-bottom:4px;
    justify-content:center;
    font-size:14px;
}

.coupon-used-sub{
    font-size:12px;
    color:var(--gray-text);
    text-align:center;
}

.coupon-used-sub strong{
    color:var(--dark-text);
    font-weight:700;
}

.coupon-used-rain{
    position:absolute;
    inset:0;
    z-index:0;
    pointer-events:none;
    overflow:hidden;
}

.coupon-used-rain i{
    position:absolute;
    top:-18px;
    left:calc(var(--x, 50) * 1%);
    width:var(--w, 6px);
    height:var(--h, 10px);
    background:var(--c, var(--success-green));
    opacity:.95;
    border-radius:2px;
    transform:translate3d(0, 0, 0) rotate(var(--r, 0deg));
    animation:couponConfettiFall var(--t, 2.9s) linear var(--d, 0s) infinite;
    will-change:transform, opacity;
}

@keyframes couponConfettiFall{
    0%{
        transform:translate3d(0, 0, 0) rotate(var(--r, 0deg));
        opacity:1;
    }
    80%{
        opacity:1;
    }
    100%{
        transform:translate3d(calc(var(--dx, 0) * 20px), var(--fy, 150px), 0) rotate(calc(var(--r, 0deg) + 180deg));
        opacity:0;
    }
}

@media (min-width: 1454px){
    .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container{
        max-width:1434px;
    }
}
.modern-footer a{
    color:#8b949e;
    text-decoration:none;
    transition:color 0.2s ease, transform 0.2s ease, background-color 0.2s ease, border-color 0.2s ease;
}

.modern-footer .footer-link-list a{
    color:#8b949e;
}

.modern-footer a:hover,
.modern-footer a:focus-visible{
    color:#ffffff !important;
    text-decoration:none;
}

.modern-footer .footer-link-list a:hover,
.modern-footer .footer-link-list a:focus-visible{
    color:#ffffff !important;
}

.modern-footer-social a:hover,
.modern-footer-social a:focus-visible{
    background:rgba(255, 255, 255, 0.12) !important;
    color:#ffffff !important;
}

.modern-footer .footer-title{
    color:#ffffff;
    font-weight:600;
    font-size:0.95rem;
    letter-spacing:0.5px;
    margin-bottom:1.5rem;
    text-transform:uppercase;
}

.modern-footer .footer-link-list{
    list-style:none;
    padding:0;
    margin:0;
    display:flex;
    flex-direction:column;
    gap:0.8rem;
    font-size:0.9rem;
}

.modern-footer-btn{
    transition:box-shadow 0.3s ease, background-color 0.3s ease, color 0.3s ease;
    border-radius:var(--radius-ui);
    font-weight:500;
}

.modern-footer-btn:hover{
    box-shadow:0 4px 12px rgba(0, 0, 0, 0.2);
}

.modern-footer-badge{
    height:42px;
    border-radius:6px;
    background:rgba(255, 255, 255, 0.03);
    padding:4px;
    border:1px solid rgba(255, 255, 255, 0.05);
    transition:background-color 0.3s ease, border-color 0.3s ease;
}

.modern-footer-badge:hover{
    background:rgba(255, 255, 255, 0.1);
    border-color:rgba(255, 255, 255, 0.15);
}

@media (min-width: 371px) and (max-width: 390px){
    .p-qty input {
        width: 24px;
    }
    .p-qty button {
        width: 26px;
        height: 26px;
    }
}

@media (max-width: 385px){
    .cart-vitrin-swiper .premium-card .p-seller-avatar{
        width:20px;
        height:20px;
    }

    .cart-vitrin-swiper .premium-card .p-cat-icon{
        width:20px;
        height:20px;
        border-radius:4px;
    }

    .cart-vitrin-swiper .premium-card .p-cat-icon img{
        max-width:12px;
        max-height:12px;
    }
}


@media (max-width: 370px){
    .m-store-hero-actions{
        flex-direction: column;
    }
    .m-store-hero-actions .m-store-btn-action{
        flex: 1 1 auto;
        width: 100%;
        justify-content: center;
    }
    .doping-page-wrapper .bento-checkout-bar{
        padding:12px 14px;
        gap:12px;
        margin-bottom:16px;
    }

    .doping-page-wrapper .bcb-submit-btn{
        height:46px;
        min-height:46px;
        font-size:13px;
    }

    .doping-page-wrapper .bcb-back-btn{
        padding:10px 14px;
        font-size:13px;
    }

    .doping-page-wrapper .bcb-price-val{
        font-size:17px;
    }

    .banner-item-title{
        font-size:12px;
    }

    .banner-item-sub{
        font-size:10px;
    }

    .quick-products-section .quick-horizontal-card .p-footer{
        gap:6px;
    }

    .quick-products-section .quick-horizontal-card .p-price-wrap{
        gap:4px;
    }

    .quick-products-section .quick-horizontal-card .p-price{
        font-size:13px;
    }

    .quick-products-section .quick-horizontal-card .p-discount-tag{
        font-size:9px;
        padding:3px 6px;
        border-radius:5px;
        gap:2px;
        line-height:1;
        white-space:nowrap;
    }

    .quick-products-section .quick-horizontal-card .p-discount-tag i{
        font-size:10px;
    }

    .quick-products-section .quick-horizontal-card .p-cart-row{
        gap:4px;
        padding-left:5px;
        padding-right:5px;
    }

    .quick-products-section .quick-horizontal-card .p-qty{
        height:32px;
        min-width:100px;
        border-radius:var(--radius-ui);
        padding:2px;
        gap:3px;
    }

    .quick-products-section .quick-horizontal-card .p-qty button{
        width:20px;
        height:20px;
        flex-shrink:0;
    }

    .quick-products-section .quick-horizontal-card .p-qty input{
        width:20px;
        font-size:13px;
    }

    .quick-products-section .quick-horizontal-card .p-add-cart{
        width:30px;
        height:30px;
        font-size:12px;
    }
    .quick-horizontal-card .p-footer .p-price,
    .premium-card .p-footer .p-price{
        font-size:11px !important;
    }

    .quick-horizontal-card .p-footer .p-discount-tag,
    .premium-card .p-footer .p-discount-tag{
        font-size:9px !important;
        padding:2px 5px !important;
        gap:2px !important;
        border-radius:5px !important;
        line-height:1 !important;
        white-space:nowrap;
    }

    .quick-horizontal-card .p-footer .p-discount-tag i,
    .premium-card .p-footer .p-discount-tag i{
        font-size:10px !important;
    }

    .quick-horizontal-card .p-footer .p-cart-row,
    .premium-card .p-footer .p-cart-row{
        gap:4px !important;
    }

    .quick-horizontal-card .p-footer .p-qty,
    .premium-card .p-footer .p-qty{
        height:30px !important;
        min-width:96px !important;
        padding:1px 2px !important;
        border-radius:var(--radius-ui) !important;
    }

    .quick-horizontal-card .p-footer .p-qty button,
    .premium-card .p-footer .p-qty button{
        width:19px !important;
        height:19px !important;
        font-size:13px !important;
    }

    .quick-horizontal-card .p-footer .p-qty input,
    .premium-card .p-footer .p-qty input{
        width:18px !important;
        font-size:12px !important;
    }

    .quick-horizontal-card .p-footer .p-add-cart,
    .premium-card .p-footer .p-add-cart{
        width:28px !important;
        height:28px !important;
        font-size:11px !important;
    }

    .footer-action-btn{
        padding:9px 10px 9px 10px !important;
        border-radius:var(--radius-ui) !important;
        gap:8px !important;
    }

    .footer-action-btn .icon-box{
        width:34px !important;
        height:34px !important;
        font-size:16px !important;
        border-radius:var(--radius-ui) !important;
    }

    .footer-action-btn .btn-content .title{
        font-size:12px !important;
    }

    .footer-action-btn .btn-content .sub{
        font-size:10px !important;
    }

    .p-seller-avatar{
        width:20px;
        height:20px;
    }

    .p-cat-icon{
        width:20px;
        height:20px;
        border-radius:4px;
    }

    .p-cat-icon img{
        max-width:12px;
        max-height:12px;
    }

    .premium-card .p-footer .p-qty{
        flex:0 0 96px;
        min-width:96px;
        max-width:96px;
    }

    .support-detail-page .bento-chat-footer{
        padding:12px 14px;
        min-width:0;
        overflow-x:hidden;
    }

    .support-detail-page #ticketReplyForm{
        width:100%;
        min-width:0;
        overflow:hidden;
    }

    .support-detail-page .chat-input-wrapper{
        gap:8px;
        padding:6px 6px 6px 12px;
        min-width:0;
    }

    .support-detail-page .chat-input-field{
        min-width:0;
        font-size:13px;
    }

    .support-detail-page .chat-action-btn{
        width:40px;
        height:40px;
        font-size:18px;
        flex-shrink:0;
    }
}

.modern-footer-bg{
    background:linear-gradient(180deg, #11141a 0%, #0a0c10 100%);
    color:#8b949e;
    border-top:1px solid #2d303a;
}

.footer-trust-section{
    border-top:1px solid rgba(255, 255, 255, 0.05);
    border-bottom:1px solid rgba(255, 255, 255, 0.05);
}
.footer-action-btn{
    display:flex;
    align-items:center;
    gap:14px;
    padding:12px 20px 12px 14px;
    background:rgba(255, 255, 255, 0.03);
    border:1px solid rgba(255, 255, 255, 0.06);
    border-radius:var(--radius-ui);
    text-decoration:none !important;
    transition:background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
    position:relative;
    overflow:hidden;
}

.footer-action-btn:hover{
    background:rgba(255, 255, 255, 0.06);
    border-color:rgba(255, 255, 255, 0.1);
    box-shadow:0 8px 24px rgba(0, 0, 0, 0.2);
}

.footer-action-btn::before{
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:4px;
    height:100%;
    transition:opacity 0.3s ease, background-color 0.3s ease;
    opacity:0;
}

.footer-action-btn:hover::before{
    opacity:1;
    background:var(--success-green);
}

.footer-action-btn .icon-box{
    width:42px;
    height:42px;
    border-radius:var(--radius-ui);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:20px;
    transition:background-color 0.3s ease, color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
}

.footer-action-btn .icon-box.green{
    background:rgba(17, 211, 119, 0.1);
    color:var(--success-green);
}

.footer-action-btn:hover .icon-box.green{
    background:var(--success-green);
    color:#fff;
    box-shadow:0 4px 15px rgba(17, 211, 119, 0.3);
}

.footer-action-btn .icon-box.blue{
    background:rgba(61, 90, 254, 0.1);
    color:var(--primary-blue);
}

.footer-action-btn:hover .icon-box.blue{
    background:var(--primary-blue);
    color:#fff;
    box-shadow:0 4px 15px rgba(61, 90, 254, 0.3);
}

.footer-action-btn:nth-child(2):hover::before{
    background:var(--primary-blue);
}

.footer-action-btn .btn-content{
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.footer-action-btn .title{
    color:#ffffff;
    font-size:15px;
    font-weight:600;
    line-height:1.2;
    letter-spacing:0.2px;
}

.footer-action-btn .desc{
    color:#8b949e;
    font-size:12px;
    font-weight:500;
    transition:color 0.3s ease;
}

.footer-action-btn:hover .desc{
    color:#b0b8c1;
}

.footer-action-btn .arrow-icon{
    color:#8b949e;
    font-size:18px;
    margin-left:10px;
    transition:color 0.3s ease, transform 0.3s ease;
}

.footer-action-btn:hover .arrow-icon{
    color:#ffffff;
}
.cheap-games-section{
    background-color:transparent;
}

.budget-card{
    display:block;
    position:relative;
    border-radius:var(--radius-ui);
    background:var(--bg-header);
    border:1px solid var(--border-color);
    overflow:hidden;
    text-decoration:none !important;
    transition:background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
    height:100%;
    box-shadow:0 4px 15px rgba(0, 0, 0, 0.02);
}

.budget-card:hover{
    box-shadow:0 10px 25px rgba(0, 0, 0, 0.08);
    border-color:rgba(61, 90, 254, 0.3);
}
.budget-card .bc-bg{
    position:absolute;
    inset:0;
    opacity:0;
    transition:opacity 0.4s ease;
    background:linear-gradient(135deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 100%);
    z-index:1;
}

.budget-card:hover .bc-bg{
    opacity:1;
}
.budget-card .bc-badge{
    position:absolute;
    top:12px;
    right:12px;
    font-size:10px;
    font-weight:700;
    padding:4px 8px;
    border-radius:6px;
    z-index:2;
    letter-spacing:0.5px;
    text-transform:uppercase;
}
.budget-card .bc-content{
    position:relative;
    z-index:2;
    padding:20px;
    display:flex;
    flex-direction:column;
    gap:14px;
    align-items:flex-start;
}

.budget-card .bc-icon{
    width:44px;
    height:44px;
    border-radius:var(--radius-ui);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:24px;
    transition:transform 0.3s ease, background-color 0.3s ease, color 0.3s ease;
}


.budget-card .bc-info{
    display:flex;
    flex-direction:column;
    gap:2px;
}

.budget-card .bc-price{
    font-size:20px;
    font-weight:700;
    color:var(--dark-text);
    line-height:1;
    transition:color 0.3s ease;
}

.budget-card .bc-label{
    font-size:12px;
    color:var(--gray-text);
    font-weight:500;
}
.budget-card.c-green .bc-badge{
    background:rgba(17, 211, 119, 0.1);
    color:var(--success-green);
}

.budget-card.c-green .bc-icon{
    background:rgba(17, 211, 119, 0.1);
    color:var(--success-green);
}

.budget-card.c-green:hover{
    border-color:rgba(17, 211, 119, 0.4);
}
.budget-card.c-blue .bc-badge{
    background:rgba(61, 90, 254, 0.1);
    color:var(--primary-blue);
}

.budget-card.c-blue .bc-icon{
    background:rgba(61, 90, 254, 0.1);
    color:var(--primary-blue);
}

.budget-card.c-blue:hover{
    border-color:rgba(61, 90, 254, 0.4);
}
.budget-card.c-purple .bc-badge{
    background:rgba(156, 39, 176, 0.1);
    color:#9c27b0;
}

.budget-card.c-purple .bc-icon{
    background:rgba(156, 39, 176, 0.1);
    color:#9c27b0;
}

.budget-card.c-purple:hover{
    border-color:rgba(156, 39, 176, 0.4);
}
.budget-card.c-orange .bc-badge{
    background:rgba(255, 152, 0, 0.1);
    color:#ff9800;
}

.budget-card.c-orange .bc-icon{
    background:rgba(255, 152, 0, 0.1);
    color:#ff9800;
}

.budget-card.c-orange:hover{
    border-color:rgba(255, 152, 0, 0.4);
}
.budget-card.c-red .bc-badge{
    background:rgba(255, 68, 84, 0.1);
    color:var(--danger-red);
}

.budget-card.c-red .bc-icon{
    background:rgba(255, 68, 84, 0.1);
    color:var(--danger-red);
}

.budget-card.c-red:hover{
    border-color:rgba(255, 68, 84, 0.4);
}
.budget-card.c-gold .bc-badge{
    background:rgba(255, 193, 7, 0.15);
    color:#e6a800;
}

.budget-card.c-gold .bc-icon{
    background:linear-gradient(135deg, #ffc107 0%, #ff9800 100%);
    color:#fff;
}

.budget-card.c-gold:hover{
    border-color:rgba(255, 193, 7, 0.5);
    box-shadow:0 10px 25px rgba(255, 193, 7, 0.15);
}
.gift-cards-header h2{
    font-size:24px;
}

.gift-cards-header p{
    font-size:15px;
}

.platform-card{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
    gap:16px;
    padding:30px 20px;
    border-radius:var(--radius-ui);
    background:var(--bg-header);
    border:1px solid var(--border-color);
    overflow:hidden;
    text-decoration:none !important;
    transition:background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
    position:relative;
    height:100%;
    box-shadow:0 4px 15px rgba(0, 0, 0, 0.02);
}

.platform-card:hover{
    box-shadow:0 10px 25px rgba(0, 0, 0, 0.08);
    border-color:transparent;
}
.platform-card .pc-bg{
    position:absolute;
    inset:0;
    opacity:0;
    transition:opacity 0.4s ease;
    z-index:1;
}

.platform-card:hover .pc-bg{
    opacity:1;
}

.platform-card .pc-icon{
    position:relative;
    z-index:2;
    width:80px;
    height:80px;
    min-width:80px;
    border-radius:var(--radius-ui);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:48px;
    transition:transform 0.3s ease, background-color 0.3s ease, color 0.3s ease;
}

.platform-card:hover .pc-icon{
    color:#fff !important;
}

.platform-card .pc-info{
    position:relative;
    z-index:2;
    display:flex;
    flex-direction:column;
    gap:4px;
}

.platform-card .pc-title{
    font-size:16px;
    font-weight:700;
    color:var(--dark-text);
    transition:color 0.3s ease;
    letter-spacing:0.3px;
}

.platform-card .pc-sub{
    font-size:11px;
    color:var(--gray-text);
    font-weight:600;
    letter-spacing:0.5px;
    transition:color 0.3s ease;
}

.platform-card:hover .pc-title, .platform-card:hover .pc-sub{
    color:#fff;
}
.platform-card.brand-steam .pc-icon{
    background:rgba(23, 26, 33, 0.05);
    color:#171a21;
}

.platform-card.brand-steam:hover{
    background-color:#171a21;
    box-shadow:0 10px 25px rgba(23, 26, 33, 0.3);
}

.platform-card.brand-playstation .pc-icon{
    background:rgba(0, 67, 156, 0.05);
    color:#00439c;
}

.platform-card.brand-playstation:hover{
    background-color:#00439c;
    box-shadow:0 10px 25px rgba(0, 67, 156, 0.3);
}

.platform-card.brand-xbox .pc-icon{
    background:rgba(16, 124, 16, 0.05);
    color:#107c10;
}

.platform-card.brand-xbox:hover{
    background-color:#107c10;
    box-shadow:0 10px 25px rgba(16, 124, 16, 0.3);
}

.platform-card.brand-netflix .pc-icon{
    background:rgba(229, 9, 20, 0.05);
    color:#e50914;
}

.platform-card.brand-netflix:hover{
    background-color:#e50914;
    box-shadow:0 10px 25px rgba(229, 9, 20, 0.3);
}

.platform-card.brand-geforce .pc-icon{
    background:rgba(118, 185, 0, 0.05);
    color:#76b900;
}

.platform-card.brand-geforce:hover{
    background-color:#76b900;
    box-shadow:0 10px 25px rgba(118, 185, 0, 0.3);
}

.platform-card.brand-apple .pc-icon{
    background:rgba(0, 0, 0, 0.05);
    color:#000;
}

.platform-card.brand-apple:hover{
    background-color:#000;
    box-shadow:0 10px 25px rgba(0, 0, 0, 0.3);
}

.platform-card.brand-google .pc-icon{
    background:rgba(60, 186, 84, 0.05);
    color:#3cba54;
}

.platform-card.brand-google:hover{
    background-color:#3cba54;
    box-shadow:0 10px 25px rgba(60, 186, 84, 0.3);
}

.platform-card.brand-amazon .pc-icon{
    background:rgba(255, 153, 0, 0.05);
    color:#ff9900;
}

.platform-card.brand-amazon:hover{
    background-color:#ff9900;
    box-shadow:0 10px 25px rgba(255, 153, 0, 0.3);
}
.social-services-section{
    background-color:var(--bg-header);
}

.hide-scrollbar::-webkit-scrollbar{
    display:none;
}

.hide-scrollbar{
    -ms-overflow-style:none;
    scrollbar-width:none;
}

.social-services-grid{
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:0.5rem;
    justify-content:center;
    justify-items:center;
    align-items:center;
    align-content:center;
}

.social-grid-item{
    min-width:0;
    width:100%;
}

.social-services-grid .social-card{
    min-width:0;
    width:100%;
}

.social-card{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
    gap:12px;
    padding:24px 20px;
    border-radius:var(--radius-ui);
    overflow:hidden;
    text-decoration:none !important;
    transition:box-shadow 0.3s ease, transform 0.3s ease, background-color 0.3s ease;
    position:relative;
    height:100%;
    min-width:169px;
    border:none;
}
.social-card .sc-bg{
    position:absolute;
    inset:0;
    opacity:0;
    transition:opacity 0.4s ease;
    z-index:1;
}

.social-card:hover .sc-bg{
    opacity:1;
}

.social-card .sc-icon{
    position:relative;
    z-index:2;
    width:64px;
    height:64px;
    min-width:64px;
    border-radius:var(--radius-ui);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:36px;
    transition:transform 0.3s ease, background-color 0.3s ease, color 0.3s ease;
    background:rgba(255, 255, 255, 0.2);
    color:#fff;
}


.social-card .sc-info{
    position:relative;
    z-index:2;
    display:flex;
    flex-direction:column;
    gap:4px;
}

.social-card .sc-title{
    font-size:14px;
    font-weight:700;
    color:#fff;
    transition:color 0.3s ease;
    letter-spacing:0.3px;
}

.social-card .sc-sub{
    font-size:10px;
    color:rgba(255, 255, 255, 0.8);
    font-weight:600;
    letter-spacing:0.5px;
    transition:color 0.3s ease;
}
.social-card.brand-discord{
    background-color:#5865F2;
}

.social-card.brand-discord:hover{
    box-shadow:0 10px 25px rgba(88, 101, 242, 0.4);
}

.social-card.brand-discord .sc-bg{
    background:linear-gradient(135deg, rgba(255, 255, 255, 0.1), transparent);
}

.social-card.brand-instagram{
    background:linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
}

.social-card.brand-instagram:hover{
    box-shadow:0 10px 25px rgba(225, 48, 108, 0.4);
}

.social-card.brand-instagram .sc-bg{
    background:linear-gradient(135deg, rgba(255, 255, 255, 0.15), transparent);
}

.social-card.brand-tiktok{
    background-color:#000;
}

.social-card.brand-tiktok:hover{
    box-shadow:0 10px 25px rgba(0, 0, 0, 0.4);
}

.social-card.brand-tiktok .sc-bg{
    background:linear-gradient(135deg, rgba(37, 244, 238, 0.2), transparent);
}

.social-card.brand-youtube{
    background-color:#FF0000;
}

.social-card.brand-youtube:hover{
    box-shadow:0 10px 25px rgba(255, 0, 0, 0.4);
}

.social-card.brand-youtube .sc-bg{
    background:linear-gradient(135deg, rgba(255, 255, 255, 0.15), transparent);
}

.social-card.brand-twitter{
    background-color:#000;
}

.social-card.brand-twitter:hover{
    box-shadow:0 10px 25px rgba(0, 0, 0, 0.4);
}

.social-card.brand-twitter .sc-bg{
    background:linear-gradient(135deg, rgba(255, 255, 255, 0.1), transparent);
}

.social-card.brand-facebook{
    background-color:#1877F2;
}

.social-card.brand-facebook:hover{
    box-shadow:0 10px 25px rgba(24, 119, 242, 0.4);
}

.social-card.brand-facebook .sc-bg{
    background:linear-gradient(135deg, rgba(255, 255, 255, 0.15), transparent);
}

.social-card.brand-telegram{
    background-color:#0088cc;
}

.social-card.brand-telegram:hover{
    box-shadow:0 10px 25px rgba(0, 136, 204, 0.4);
}

.social-card.brand-telegram .sc-bg{
    background:linear-gradient(135deg, rgba(255, 255, 255, 0.15), transparent);
}

.social-card.brand-spotify{
    background-color:#1ED760;
}

.social-card.brand-spotify:hover{
    box-shadow:0 10px 25px rgba(30, 215, 96, 0.4);
}

.social-card.brand-spotify .sc-bg{
    background:linear-gradient(135deg, rgba(255, 255, 255, 0.15), transparent);
}

.social-card.brand-kick{
    background-color:#53FC18;
}

.social-card.brand-kick:hover{
    box-shadow:0 10px 25px rgba(83, 252, 24, 0.4);
}

.social-card.brand-kick .sc-bg{
    background:linear-gradient(135deg, rgba(0, 0, 0, 0.15), transparent);
}

.social-card.brand-kick .sc-icon,
.social-card.brand-kick .sc-title,
.social-card.brand-kick .sc-sub{
    color:#fff;
}
.gift-cards-section{
    background-color:var(--bg-header);
}

.gc-marquee-container{
    overflow:hidden;
    user-select:none;
    padding:30px 0;
    width:100%;
}

.gc-marquee-container .marquee6k,
.gc-marquee-container .gc-marquee6k{
    will-change:transform;
    display:block;
}

.gc-marquee-container .marquee6k__wrapper{
    display:flex;
    flex-wrap:nowrap;
    flex-direction:row;
}

.gc-marquee-container .gc-marquee6k__copy,
.gc-marquee-container .marquee6k__copy{
    flex-shrink:0;
    padding-right:20px;
    display:inline-flex !important;
    align-items:center;
    flex-direction:row;
    gap:20px;
}

.gc-marquee-group{
    flex-shrink:0;
    display:flex !important;
    flex-direction:row;
    align-items:center;
    justify-content:flex-start;
    gap:20px;
}
.gc-marquee-container .platform-card{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
    gap:12px;
    padding:20px;
    border-radius:var(--radius-ui);
    overflow:hidden;
    text-decoration:none !important;
    transition:box-shadow 0.3s ease, transform 0.3s ease, background-color 0.3s ease;
    position:relative;
    width:160px;
    min-width:160px;
    height:160px;
    border:none;
    flex-shrink:0;
    box-shadow:0 4px 15px rgba(0, 0, 0, 0.05);
}

.gc-marquee-container .platform-card:hover{
    box-shadow:0 10px 25px var(--brand-shadow);
}

.gc-marquee-container .platform-card .pc-bg{
    position:absolute;
    inset:0;
    opacity:0;
    transition:opacity 0.4s ease;
    z-index:1;
    background:linear-gradient(135deg, rgba(255, 255, 255, 0.1), transparent);
}

.gc-marquee-container .platform-card .pc-icon{
    position:relative;
    z-index:2;
    width:64px;
    height:64px;
    min-width:64px;
    flex-shrink:0;
    border-radius:var(--radius-ui);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:36px;
    transition:transform 0.3s ease, background-color 0.3s ease;
    background:rgba(255, 255, 255, 0.1);
    color:#fff !important;
}

.gc-marquee-container .platform-card:hover .pc-icon{
    background:rgba(255, 255, 255, 0.2);
}

.gc-marquee-container .platform-card .pc-title{
    font-size:14px;
    font-weight:700;
    color:#fff !important;
    transition:color 0.3s ease;
    letter-spacing:0.3px;
}

.gc-marquee-container .platform-card .pc-sub{
    font-size:10px;
    color:rgba(255, 255, 255, 0.8) !important;
    font-weight:600;
    letter-spacing:0.5px;
    transition:color 0.3s ease;
}
.gc-marquee-container .platform-card.brand-steam{
    background-color:#171a21;
    --brand-shadow:rgba(23, 26, 33, 0.3);
}

.gc-marquee-container .platform-card.brand-playstation{
    background-color:#00439c;
    --brand-shadow:rgba(0, 67, 156, 0.3);
}

.gc-marquee-container .platform-card.brand-xbox{
    background-color:#107c10;
    --brand-shadow:rgba(16, 124, 16, 0.3);
}

.gc-marquee-container .platform-card.brand-netflix{
    background-color:#e50914;
    --brand-shadow:rgba(229, 9, 20, 0.3);
}

.gc-marquee-container .platform-card.brand-geforce{
    background-color:#76b900;
    --brand-shadow:rgba(118, 185, 0, 0.3);
}

.gc-marquee-container .platform-card.brand-apple{
    background-color:#000;
    --brand-shadow:rgba(0, 0, 0, 0.3);
}

.gc-marquee-container .platform-card.brand-google{
    background-color:#3cba54;
    --brand-shadow:rgba(60, 186, 84, 0.3);
}

.gc-marquee-container .platform-card.brand-amazon{
    background-color:#ff9900;
    --brand-shadow:rgba(255, 153, 0, 0.3);
}
.cheap-game-card{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
    padding:30px 15px;
    border-radius:var(--radius-ui);
    background:var(--bg-header);
    border:1px solid transparent;
    text-decoration:none !important;
    transition:border-color 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease;
    height:100%;
    box-shadow:0 4px 15px rgba(0, 0, 0, 0.02);
}

.cheap-game-card:hover{
    border-color:var(--primary-blue);
    box-shadow:0 10px 25px rgba(61, 90, 254, 0.15);
}

.cheap-game-card .cgc-icon{
    width:56px;
    height:56px;
    background:rgba(138, 143, 153, 0.05);
    color:var(--primary-blue);
    border-radius:var(--radius-ui);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:28px;
    margin-bottom:16px;
    transition:transform 0.3s ease, background-color 0.3s ease, color 0.3s ease, box-shadow 0.3s ease;
}

.cheap-game-card:hover .cgc-icon{
    background:var(--primary-blue);
    color:#fff;
    box-shadow:0 8px 20px rgba(61, 90, 254, 0.3);
}

.cheap-game-card .cgc-price{
    font-size:24px;
    font-weight:700;
    color:var(--dark-text);
    margin-bottom:4px;
    line-height:1;
}

.cheap-game-card .cgc-label{
    font-size:13px;
    color:var(--gray-text);
    font-weight:500;
}

section.best-products{
    position:relative;
    z-index:1;
    padding:40px 0 28px 0;
    overflow:hidden;
    contain:layout;
    min-height:380px;
}

.best-products-bg{
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-size:cover;
    background-position:top center;
    background-repeat:no-repeat;
    z-index:0;
    opacity:0;
    transition:opacity 0.5s ease-in-out;
    pointer-events:none;
}

.best-products-bg.best-products-bg-active{
    opacity:1;
}

section.best-products .products-tabContent{
    padding-top:0;
    position:relative;
    z-index:1;
}

section.best-products .products-tabContent .tab-pane{
    position:relative;
    z-index:5;
}

section.best-products .products-tabContent .back-txt{
    position:absolute;
    z-index:1;
    top:-110px;
    left:0;
    width:100%;
    color:transparent;
    -webkit-text-stroke:1px rgb(255 255 255 / 30%);
    text-align:center;
    font-weight:700;
    line-height:1;
    pointer-events:none;
}

section.best-products .products-tabContent .back-txt span{
    font-size:17vi;
    display:inline-block;
    animation:scrollBgText 40s linear infinite;
    white-space:nowrap;
}

.best-products-tab{
    list-style:none;
    margin:0;
    position:relative;
    z-index:20;
}

.best-products-tab .nav-link{
    color:#FFF;
    fill:#FFF;
    padding:15px 40px;
    border-radius:var(--radius-ui);
    min-height:75px;
    display:flex;
    align-items:center;
    min-width:165px;
    justify-content:center;
    transition:background-color 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), border-color 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), box-shadow 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), color 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    background:rgba(255, 255, 255, 0.06) !important;
    border:1px solid rgba(255, 255, 255, 0.12) !important;
    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
    box-shadow:0 4px 15px rgba(0, 0, 0, 0.2);
}

.best-products-tab .nav-link img{
    filter:brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(100%);
}

.best-products-tab .nav-link svg{
    width:54px;
    height:40px;
    transition:transform 0.3s ease, fill 0.3s ease, color 0.3s ease;
}

.best-products-tab .nav-link.active, .best-products-tab .nav-link:hover{
    background:#FFF;
    border-color:#FFF;
}

.best-products-tab .nav-link.active.pubg, .best-products-tab .nav-link:hover.pubg{
    color:#f2a900;
    fill:#f2a900;
}

.best-products-tab .nav-link.active.pubg svg, .best-products-tab .nav-link:hover.pubg svg{
    filter:initial;
    fill:#f2a900;
}

.best-products-tab .nav-link.active.pubg svg *, .best-products-tab .nav-link:hover.pubg svg *{
    fill:#f2a900;
}

.best-products-tab .nav-link.active.mobile_legends, .best-products-tab .nav-link:hover.mobile_legends{
    color:#c98e29;
    fill:#c98e29;
}

.best-products-tab .nav-link.active.mobile_legends svg, .best-products-tab .nav-link:hover.mobile_legends svg{
    filter:initial;
    fill:#c98e29;
}

.best-products-tab .nav-link.active.mobile_legends svg *, .best-products-tab .nav-link:hover.mobile_legends svg *{
    fill:#c98e29;
}

.best-products-tab .nav-link.active.brawl, .best-products-tab .nav-link:hover.brawl{
    color:#ffcc00;
    fill:#ffcc00;
}

.best-products-tab .nav-link.active.brawl svg, .best-products-tab .nav-link:hover.brawl svg{
    filter:initial;
    fill:#ffcc00;
}

.best-products-tab .nav-link.active.brawl svg *, .best-products-tab .nav-link:hover.brawl svg *{
    fill:#ffcc00;
}

.best-products-tab .nav-link.active.valorant, .best-products-tab .nav-link:hover.valorant{
    color:#ff4655;
    fill:#ff4655;
}

.best-products-tab .nav-link.active.valorant svg, .best-products-tab .nav-link:hover.valorant svg{
    filter:initial;
    fill:#ff4655;
}

.best-products-tab .nav-link.active.valorant svg *, .best-products-tab .nav-link:hover.valorant svg *{
    fill:#ff4655;
}

.best-products-tab .nav-link.active.freefire, .best-products-tab .nav-link:hover.freefire{
    color:#ff9900;
    fill:#ff9900;
}

.best-products-tab .nav-link.active.freefire svg, .best-products-tab .nav-link:hover.freefire svg{
    filter:initial;
    fill:#ff9900;
}

.best-products-tab .nav-link.active.freefire svg *, .best-products-tab .nav-link:hover.freefire svg *{
    fill:#ff9900;
}

.best-products-tab .nav-link.active img, .best-products-tab .nav-link:hover img{
    filter:brightness(0) saturate(100%) invert(0%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(100%);
}

.shadow-effect{
    transition:box-shadow .2s ease-in-out, transform .2s ease-in-out;
}

.shadow-effect:hover{
    box-shadow:0 5px 14px -8px #111;
}

section.best-products .swiper-slide{
    height:auto;
    flex-shrink:0;
}

section.best-products .swiper{
    width:100%;
    overflow:hidden;
}

section.best-products .swiper-wrapper{
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:nowrap !important;
}
section.best-products::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background:linear-gradient(180deg, rgba(10, 14, 26, 0.2) 0%, rgba(10, 14, 26, 0.95) 100%);
    pointer-events:none;
    z-index:1;
}

section.best-products .container-xxl{
    position:relative;
    z-index:2;
}
@keyframes scrollBgText{
    0%{
        transform:translateX(10%);
    }
    100%{
        transform:translateX(-50%);
    }
}

.best-products-tab .nav-link:hover{
    background:rgba(255, 255, 255, 0.15) !important;
}
.best-products-tab .nav-link.active.pubg{
    box-shadow:0 0 25px rgba(242, 169, 0, 0.4), inset 0 0 10px rgba(242, 169, 0, 0.2);
    border-color:rgba(242, 169, 0, 0.5) !important;
}

.best-products-tab .nav-link.active.valorant{
    box-shadow:0 0 25px rgba(255, 70, 85, 0.4), inset 0 0 10px rgba(255, 70, 85, 0.2);
    border-color:rgba(255, 70, 85, 0.5) !important;
}

.best-products-tab .nav-link.active.mobile_legends{
    box-shadow:0 0 25px rgba(201, 142, 41, 0.4), inset 0 0 10px rgba(201, 142, 41, 0.2);
    border-color:rgba(201, 142, 41, 0.5) !important;
}

.best-products-tab .nav-link.active.freefire{
    box-shadow:0 0 25px rgba(255, 153, 0, 0.4), inset 0 0 10px rgba(255, 153, 0, 0.2);
    border-color:rgba(255, 153, 0, 0.5) !important;
}
section.best-products .premium-card{
    background:var(--bg-header) !important;
    border-color:var(--border-color) !important;
    box-shadow:0 10px 30px rgba(0, 0, 0, 0.08) !important;
}

section.best-products .premium-card .p-img-wrapper{
    border-radius:0 !important;
    background:transparent !important;
}

section.best-products .premium-card .p-img-wrapper > img:not(.p-fast-delivery){
    border-radius:0 !important;
}

section.best-products .premium-card .p-highlight{
    border-radius:0 !important;
}

section.best-products .premium-card:hover{
    box-shadow:0 15px 40px rgba(61, 90, 254, 0.25) !important;
    border-color:var(--primary-blue) !important;
}

section.best-products .premium-card .p-footer{
    justify-content:space-between !important;
}
.seo-text-section{
    background-color:transparent;
}

.seo-text-section .box{
    padding:30px 25px;
    border-radius:var(--radius-ui);
    background:var(--bg-header);
    border:1px solid var(--border-color);
    box-shadow:0 4px 15px rgba(0, 0, 0, 0.02);
    transition:background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
}

.seo-scroll-box{
    max-height:250px;
    overflow-y:auto;
    padding-right:15px;
    color:var(--gray-text);
    font-size:13px;
    line-height:1.6;
}

.seo-scroll-box h2, .seo-scroll-box h3{
    font-size:16px;
    color:var(--dark-text);
    margin-top:15px;
    margin-bottom:10px;
    font-weight:700;
}

.seo-scroll-box p{
    margin-bottom:15px;
}

.seo-scroll-box a{
    color:var(--primary-blue);
    text-decoration:none;
    font-weight:600;
}

.seo-scroll-box a:hover{
    text-decoration:underline;
}
.seo-scroll-box::-webkit-scrollbar{
    width:6px;
}

.seo-scroll-box::-webkit-scrollbar-track{
    background:rgba(138, 143, 153, 0.1);
    border-radius:4px;
}

.seo-scroll-box::-webkit-scrollbar-thumb{
    background:rgba(138, 143, 153, 0.3);
    border-radius:4px;
}

.seo-scroll-box::-webkit-scrollbar-thumb:hover{
    background:rgba(138, 143, 153, 0.5);
}
.btn-go-top{
    position:fixed;
    bottom:100px;
    right:20px;
    width:48px;
    height:48px;
    background:var(--primary-blue);
    color:#fff;
    border:none;
    border-radius:var(--radius-ui);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:24px;
    box-shadow:0 6px 20px rgba(61, 90, 254, 0.3);
    cursor:pointer;
    z-index:1030;
    opacity:0;
    visibility:hidden;
    transform:translateY(20px);
    transition:opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.3s cubic-bezier(0.4, 0, 0.2, 1), transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.3s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.btn-go-top.show{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
}

.btn-go-top:hover{
    background:#2a41d4;
    box-shadow:0 10px 25px rgba(61, 90, 254, 0.4);
}
.mobile-bottom-nav{
    position:fixed;
    bottom:0;
    left:0;
    width:100%;
    height:76px;
    background:rgba(255, 255, 255, 0.9);
    z-index:999;
    display:flex;
    justify-content:center;
    align-items:center;
    padding-bottom:0;
    box-shadow:0 -4px 20px rgba(0, 0, 0, 0.05);
    border-top:1px solid rgba(0, 0, 0, 0.05);
    border-radius:var(--radius-ui) var(--radius-ui) 0 0;
    overflow:hidden;
    transform:none;
}

.mobile-bottom-nav::before{
    content:"";
    position:absolute;
    inset:0;
    backdrop-filter:blur(15px);
    -webkit-backdrop-filter:blur(15px);
    pointer-events:none;
    z-index:0;
}

.mobile-bottom-nav .nav-list{
    position:relative;
    z-index:1;
    list-style:none;
    display:flex;
    justify-content:space-around;
    align-items:center;
    width:100%;
    margin:0;
    padding:0 10px;
    height:68px;
}

.mobile-bottom-nav .nav-list li{
    flex:1;
    height:68px;
    min-height:68px;
    display:flex;
    justify-content:center;
    align-items:center;
}

.mobile-bottom-nav .mobile-nav-item{
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    text-decoration:none;
    color:var(--gray-text);
    transition:color 0.3s ease;
    width:100%;
    height:68px;
    min-height:68px;
    gap:4px;
}

.mobile-bottom-nav button.mobile-nav-item{
    border:none;
    background:transparent;
    font:inherit;
    cursor:pointer;
    -webkit-appearance:none;
    appearance:none;
}

.mobile-bottom-nav .mobile-nav-item .icon-wrapper{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    width:44px;
    height:44px;
    border-radius:var(--radius-ui);
    transition:color 0.3s ease, transform 0.3s ease;
}

.mobile-bottom-nav .mobile-nav-item .mobile-bottom-avatar{
    position:relative;
    width:44px;
    height:44px;
    flex-shrink:0;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:4px;
    overflow:hidden;
    transition:transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}

.mobile-bottom-nav .mobile-nav-item .mobile-bottom-avatar .av{
    width:100%;
    height:100%;
    object-fit:cover;
    border-radius:4px;
}

.mobile-bottom-nav .mobile-nav-item .mobile-bottom-avatar .frame{
    position:absolute;
    background:transparent;
    top:0;
    left:0;
    width:100%;
    height:100%;
    object-fit:cover;
    z-index:33;
    pointer-events:none;
    scale:1;
    border-radius:4px;
    transform:none;
}
.c-avatar,
.avatar-wrapper,
.user-summary-modern .avatar-wrap{
    overflow:hidden;
    border-radius:4px;
}

img.av{
    border-radius:4px !important;
}

img.frame,
img.avatar-frame,
.header-user-avatar-frame-mobile{
    position:absolute !important;
    background:transparent;
    top:0 !important;
    left:0 !important;
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    z-index:33 !important;
    pointer-events:none;
    scale:1;
    border-radius:4px !important;
    transform:none !important;
}

.mobile-bottom-nav .mobile-nav-item i{
    font-size:22px;
    transition:color 0.3s ease, transform 0.3s ease;
}

.mobile-bottom-nav .mobile-nav-item .text{
    font-size:11px;
    font-weight:600;
    transition:color 0.3s ease;
}
.mobile-bottom-nav .mobile-nav-item.active{
    color:var(--primary-blue);
}

.mobile-bottom-nav .mobile-nav-item.active .icon-wrapper{
    color:var(--primary-blue);
    transform:none;
}
.mobile-bottom-nav .mobile-nav-item.mobile-nav-center-btn{
    position:relative;
}

.mobile-bottom-nav .mobile-nav-item.mobile-nav-center-btn .center-icon-wrap{
    width:44px;
    height:44px;
    background:linear-gradient(135deg, var(--warning-orange) 0%, #e6a100 100%);
    border-radius:var(--radius-ui);
    display:flex;
    align-items:center;
    justify-content:center;
    box-shadow:0 4px 12px rgba(255, 179, 0, 0.3);
    margin-bottom:2px;
    transition:transform 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease;
    position:relative;
}

.mobile-bottom-nav .mobile-nav-item.mobile-nav-center-btn .center-icon-wrap i{
    font-size:20px;
    color:#fff !important;
}

.mobile-bottom-nav .mobile-nav-item.mobile-nav-center-btn .text{
    color:var(--gray-text);
    font-size:10px;
}

.mobile-bottom-nav .mobile-nav-item.mobile-nav-center-btn.active .center-icon-wrap{
    transform:none;
    box-shadow:0 6px 16px rgba(255, 179, 0, 0.4);
}

.mobile-bottom-nav .mobile-nav-item.mobile-nav-center-btn.active .text{
    color:var(--warning-orange);
}

.mobile-bottom-nav .mobile-nav-item.mobile-nav-center-btn .badge{
    position:absolute;
    top:-6px;
    right:-6px;
    background:var(--danger-red);
    color:#fff !important;
    font-size:10px;
    font-weight:700;
    border-radius:100px;
    min-width:18px;
    height:18px;
    padding:0 5px;
    display:flex;
    align-items:center;
    justify-content:center;
    line-height:1;
    border:2px solid #fff;
    box-shadow:0 2px 4px rgba(0, 0, 0, 0.2);
    z-index:10;
}

.nav-indicator{
    display:none;
}

body.dark-mode .mobile-bottom-nav{
    background:#0a0c10;
    border-top-color:#1e2228;
    box-shadow:0 -4px 24px rgba(0, 0, 0, 0.35);
}

body.dark-mode .mobile-bottom-nav .mobile-nav-item.mobile-nav-center-btn .badge{
    border-color:#0a0c10;
}

.mobile-header-actions::-webkit-scrollbar{
    display:none;
}

.mobile-header-actions{
    -ms-overflow-style:none;
    scrollbar-width:none;
}
#toast-container{
    pointer-events:none;
    position:fixed;
    z-index:20000 !important;
}

#toast-container > div{
    width:min(90vw, 320px);
    border-radius:var(--radius-ui);
    box-shadow:0 8px 22px rgba(15, 23, 42, 0.14);
    border:1px solid #e5eaf2;
    opacity:1;
    padding:14px 16px 14px 52px;
    background-size:18px;
    background-position:16px center;
    background-repeat:no-repeat !important;
    box-sizing:border-box;
    font-family:inherit;
    background-color:#fff;
    color:#1f2937;
}

#toast-container > .toast-success,
#toast-container > .toast-error,
#toast-container > .toast-info,
#toast-container > .toast-warning{
    background-position:16px center !important;
    background-size:18px 18px !important;
    background-repeat:no-repeat !important;
    padding-left:52px !important;
}

#toast-container > .toast-success{
    border-left:3px solid var(--success-green);
    border-color:var(--success-green);
    background-color:var(--success-green);
    color:#ffffff;
}

#toast-container > .toast-error{
    border-left:3px solid #ff4454;
}

#toast-container > .toast-info{
    border-left:3px solid #64748b;
}

#toast-container > .toast-warning{
    border-left:3px solid #f59e0b;
}

#toast-container .toast-title{
    font-size:14px;
    font-weight:700;
    margin-bottom:3px;
}

#toast-container .toast-message{
    font-size:13px;
    font-weight:600;
    opacity:0.96;
}

#toast-container .toast-progress{
    height:2px;
    opacity:0.6;
    background:#3d5afe;
}

#toast-container > .toast-success .toast-progress{
    background:var(--success-green);
}

#toast-container.toast-top-center{
    left:50%;
    right:auto;
    transform:translateX(-50%);
    margin-left:0;
    top:calc(10px + env(safe-area-inset-top, 0px));
}

#toast-container > .ptr-refresh-toast{
    width:min(88vw, 300px);
    border-radius:var(--radius-ui);
    border-left:3px solid var(--success-green);
    box-shadow:0 8px 18px rgba(0, 0, 0, 0.14);
}

#toast-container.toast-bottom-center{
    left:50%;
    right:auto;
    transform:translateX(-50%);
    margin-left:0;
    bottom:calc(8px + env(safe-area-inset-bottom, 0px));
}

body.dark-mode #toast-container > div{
    background-color:#1c2230;
    color:#e8eefb;
    border-color:#2b3549;
    box-shadow:0 10px 24px rgba(0, 0, 0, 0.42);
}

body.dark-mode #toast-container > .toast-success{
    background-color:var(--success-green);
    color:#ffffff;
    border-color:var(--success-green);
    border-left-color:var(--success-green);
}
.mobile-menu-offcanvas{
    width:100% !important;
    max-width:100% !important;
    border:none !important;
    padding:0 !important;
    background-color:transparent !important;
    height:100vh !important;
    height:100svh !important;
    height:100dvh !important;
}

.mobile-menu-offcanvas .offcanvas-header,
.mobile-menu-offcanvas .offcanvas-body{
    display:none !important;
}

.mobile-menu-offcanvas > .d-flex{
    min-height:100%;
}

body.dark-mode .mobile-menu-offcanvas > .d-flex{
    background-color:#0a0c10;
}

.mobile-sidebar{
    background-color:#ffffff;
    border-right:1px solid #e1e4e8;
    padding-bottom:env(safe-area-inset-bottom, 0px);
}

body.dark-mode .mobile-sidebar{
    background-color:#0a0c10;
    border-right:1px solid #1e2228;
}

.close-menu-btn{
    position:sticky;
    top:0;
    z-index:5;
    flex-shrink:0;
    transition:background 0.3s;
}

.close-menu-btn:hover{
    background-color:#e53935 !important;
}

.sidebar-item{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    width:100%;
    padding:10px 0;
    text-decoration:none;
    color:#8b8d96;
    transition:background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
    border-left:3px solid transparent;
}

.sidebar-item:hover, .sidebar-item.active{
    background-color:rgba(0, 0, 0, 0.03);
    color:var(--primary-blue);
    border-left-color:#3d5afe;
}

body.dark-mode .sidebar-item{
    color:#8b93a7;
}

body.dark-mode .sidebar-item:hover,
body.dark-mode .sidebar-item.active{
    background-color:rgba(255, 255, 255, 0.06);
    color:#e8eefb;
}

.sidebar-item .icon-wrap{
    width:40px;
    height:40px;
    border-radius:var(--radius-ui);
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:6px;
    overflow:hidden;
}

.sidebar-item .icon-wrap img{
    max-width:24px;
    max-height:24px;
    object-fit:contain;
}

.sidebar-item .icon-wrap i{
    font-size:20px;
}

.sidebar-item .label{
    font-size:10px;
    font-weight:600;
    text-align:center;
    line-height:1.2;
}
.mobile-content{
    background-color:#ffffff;
    min-height:0;
    padding-bottom:env(safe-area-inset-bottom, 0px);
}

body.dark-mode .mobile-content{
    background-color:#0a0c10;
}

body.dark-mode .mobile-content .content-header{
    border-bottom:1px solid #1e2228;
}

body.dark-mode .mobile-content .category-list .fw-bold{
    color:#e8eefb !important;
}

.menu-content-panel{
    overflow-y:auto;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
    padding-bottom:calc(10px + env(safe-area-inset-bottom, 0px));
}

.menu-content-panel::-webkit-scrollbar{
    display:none;
}

.cat-list-card{
    display:flex;
    align-items:center;
    background-color:#f8f9fa;
    padding:12px 15px;
    border-radius:var(--radius-ui);
    text-decoration:none;
    color:var(--dark-text);
    transition:background-color 0.3s ease, color 0.3s ease, transform 0.3s ease, border-color 0.3s ease;
    border-left:4px solid transparent;
}

body.dark-mode .cat-list-card{
    background-color:#11141a;
    border-top:1px solid #1e2228;
    border-right:1px solid #1e2228;
    border-bottom:1px solid #1e2228;
    color:#e8eefb;
    box-shadow:none;
}

.cat-list-card:hover{
    background-color:#f1f3f5;
    color:var(--dark-text);
}

body.dark-mode .cat-list-card:hover{
    background-color:#141a22;
    border-top-color:#252a33;
    border-right-color:#252a33;
    border-bottom-color:#252a33;
    color:#f1f5f9;
}

.cat-list-card .icon-box{
    width:32px;
    height:32px;
    border-radius:var(--radius-ui);
    display:flex;
    align-items:center;
    justify-content:center;
    margin-right:15px;
    flex-shrink:0;
}

.cat-list-card .icon-box img{
    max-width:20px;
    max-height:20px;
}

.cat-list-card .cat-name{
    font-size:14px;
    font-weight:600;
}
.all-category-menu-search .all-cat-btn{
    background-color:rgba(61, 90, 254, 0.1) !important;
    color:#3d5afe !important;
    padding:15px !important;
    border-radius:var(--radius-ui) !important;
    border:none !important;
    margin-bottom:0 !important;
    transition:background 0.3s;
    font-size:12px;
}

.all-category-menu-search .all-cat-btn:hover{
    background-color:rgba(61, 90, 254, 0.2) !important;
}

body.dark-mode .mobile-content .all-cat-btn{
    background-color:rgba(61, 90, 254, 0.12) !important;
    border:1px solid rgba(61, 90, 254, 0.22) !important;
    color:#93a8ff !important;
}

body.dark-mode .mobile-content .all-cat-btn:hover{
    background-color:rgba(61, 90, 254, 0.2) !important;
    color:#b8c5ff !important;
}

.mobile-menu-footer{
    background-color:rgba(0, 0, 0, 0.03);
}

body.dark-mode .mobile-menu-footer{
    background-color:#11141a;
    border-top:1px solid #1e2228;
}

.footer-box-link{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    background-color:rgba(0, 0, 0, 0.05);
    padding:12px 5px;
    border-radius:var(--radius-ui);
    text-decoration:none;
    color:#8b8d96;
    transition:background-color 0.3s ease, color 0.3s ease, transform 0.3s ease;
    height:100%;
}

body.dark-mode .footer-box-link{
    background-color:rgba(255, 255, 255, 0.05);
    color:#94a3b8;
}

body.dark-mode .footer-box-link:hover{
    background-color:rgba(61, 90, 254, 0.14);
    color:#93a8ff;
}

.footer-box-link:hover{
    background-color:rgba(61, 90, 254, 0.1);
    color:#3d5afe;
}

.footer-box-link i{
    font-size:20px;
    margin-bottom:5px;
}

.footer-box-link span{
    font-size:9px;
    font-weight:700;
    text-align:center;
    text-transform:uppercase;
}
@media (min-width: 992px) and (max-width: 1299.98px){
    .site-header .d-none.d-lg-flex,
    .site-header .d-none.d-lg-block,
    .site-header .d-lg-flex,
    .site-header .d-lg-block{
        display:none !important;
    }

    .site-header .d-flex.d-lg-none{
        display:flex !important;
    }

    .site-header .d-inline-flex.d-lg-none,
    .site-header .header-hamburger-btn.d-lg-none,
    .site-header .header-icon-btn.d-lg-none,
    .site-header .btn-add-listing.d-lg-none{
        display:inline-flex !important;
    }

    #mobileMenuOffcanvas.d-lg-none{
        display:block !important;
    }
    .header-bottom .nav-ilan-btn,
    .header-bottom .nav-bakiye-btn{
        width:40px !important;
        min-width:40px !important;
        height:40px !important;
        padding:0 !important;
        justify-content:center !important;
        gap:0 !important;
        font-size:0 !important;
        line-height:1 !important;
    }

    .header-bottom .nav-ilan-btn i,
    .header-bottom .nav-bakiye-btn i{
        margin:0 !important;
        font-size:18px !important;
        line-height:1 !important;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px){
    .user-profile-pill{
        padding:0 6px;
        width:48px;
        justify-content:center;
        gap:0;
    }

    .user-profile-pill .user-info,
    .user-profile-pill .ri-arrow-right-s-line{
        display:none;
    }
}
@media (min-width: 992px) and (max-width: 1319.98px){

    .header-top .container-xxl > .d-flex,
    .header-middle .container-xxl > .d-flex,
    .header-bottom .container-xxl > .d-flex{
        min-width:0;
    }

    .header-top .top-menu-box{
        gap:10px;
    }

    .header-top .top-menu-box a.mini{
        font-size:12px;
        gap:4px;
    }

    .header-middle .container-xxl > .d-flex > .search-container{
        margin-right:0;
        max-width:none;
        min-width:min(100%, 200px);
    }

    .header-actions{
        gap:8px;
    }

    .header-icon-btn-group{
        gap:6px;
    }

    .header-icon-btn{
        width:44px;
        height:44px;
    }

    .header-bottom .container-xxl > .d-flex{
        gap:10px;
        overflow:hidden;
    }

    .main-nav{
        flex:1 1 auto;
        min-width:0;
        gap:14px;
        overflow-x:auto;
        overflow-y:hidden;
        scrollbar-width:none;
        -ms-overflow-style:none;
        padding-right:4px;
    }

    .main-nav::-webkit-scrollbar{
        display:none;
    }

    .main-nav > *{
        flex:0 0 auto;
    }

    .header-bottom .nav-ilan-btn,
    .nav-bakiye-btn{
        height:40px;
        padding:0 12px;
        font-size:13px;
    }

    .header-nav-item .header-nav-label-categories{
        display:none;
    }

    .quick-products-section .game-tabs{
        display:flex !important;
        flex-direction:row !important;
        flex-wrap:nowrap;
        overflow-x:visible;
        overflow-y:visible;
        gap:8px;
        justify-content:space-between;
        scrollbar-width:none;
        -ms-overflow-style:none;
    }

    .quick-products-section .game-tabs::-webkit-scrollbar{
        display:none;
    }

    .quick-products-section .game-tabs .nav-item{
        flex:1 1 0;
        min-width:0;
        margin-bottom:0 !important;
    }

    .quick-products-section .game-tabs .nav-link{
        width:100%;
        margin-bottom:0 !important;
        justify-content:center;
    }

    .modern-footer .footer-link-list{
        font-size:0.84rem;
    }

    .modern-footer-badge{
        height:38px;
        padding:3px;
        border-radius:5px;
    }

    .modern-footer .d-flex.flex-wrap.justify-content-center.justify-content-lg-end.gap-2 img{
        height:20px !important;
    }

    .quick-products-section > .container-xxl > .row.gx-4 > .col-lg-3.col-md-4.mb-4.mb-md-0,
    .quick-products-section > .container-xxl > .row.gx-4 > .col-lg-3.col-md-4,
    .quick-products-section > .container-xxl > .row.gx-4 > .col-lg-9.col-md-8{
        flex:0 0 100% !important;
        max-width:100% !important;
        width:100% !important;
    }

    .quick-products-section > .container-xxl > .row.gx-4 > .col-lg-3.col-md-4.mb-4.mb-md-0,
    .quick-products-section > .container-xxl > .row.gx-4 > .col-lg-3.col-md-4{
        margin-bottom:14px !important;
    }

    .quick-products-section .tab-content .row > .col-lg-6.col-md-12.col-12,
    .quick-products-section .tab-content .row > .col-6{
        flex:0 0 50%;
        max-width:50%;
    }

    .social-services-grid{
        grid-template-columns:repeat(9, minmax(0, 1fr));
        gap:0.45rem;
        justify-content:center;
        justify-items:center;
        align-items:center;
        align-content:center;
    }

    .social-services-grid .social-card{
        min-width:0;
        padding:16px 10px;
        border-radius:var(--radius-ui);
    }

    .social-services-grid .social-card .sc-icon{
        width:46px;
        height:46px;
        min-width:46px;
        font-size:24px;
        border-radius:var(--radius-ui);
    }

    .social-services-grid .social-card .sc-title{
        font-size:12px;
        line-height:1.15;
    }

    .social-services-grid .social-card .sc-sub{
        font-size:9px;
        letter-spacing:0.2px;
    }

    .best-products-tab{
        flex-wrap:nowrap !important;
        overflow-x:auto;
        overflow-y:hidden;
        scrollbar-width:none;
        -ms-overflow-style:none;
        gap:8px;
    }

    .best-products-tab::-webkit-scrollbar{
        display:none;
    }

    .best-products-tab .nav-item{
        flex:0 0 auto;
    }

    .best-products-tab .nav-link{
        min-width:136px;
        min-height:66px;
        padding:12px 20px;
    }
}
.user-menu-offcanvas{
    background:#fff !important;
}

.user-menu-offcanvas .offcanvas-header{
    background:#fff !important;
    border-bottom:1px solid #e9edf3 !important;
    padding:18px 20px !important;
}

.user-menu-offcanvas .offcanvas-title{
    color:#101828 !important;
    font-size:16px !important;
    font-weight:600 !important;
}

.user-menu-offcanvas-body{
    background:#fff;
    display:flex;
    flex-direction:column;
    gap:12px;
    padding:14px;
    padding-bottom:18px;
    overflow-y:auto;
}

.user-menu-offcanvas-body::-webkit-scrollbar{
    width:4px;
}

.user-menu-offcanvas-body::-webkit-scrollbar-thumb{
    background:#d8dce3;
    border-radius:999px;
}

.user-menu-panel{
    display:flex;
    flex-direction:column;
    gap:12px;
}

.user-profile-card{
    position:relative;
    overflow:visible;
    background:linear-gradient(140deg, #2f4be9 0%, #4f6fff 48%, #6f8dff 100%);
    border-radius:var(--radius-ui);
    padding:14px;
    border:1px solid rgba(255, 255, 255, 0.2);
    box-shadow:0 10px 24px rgba(47, 75, 233, 0.28);
    display:grid;
    grid-template-columns:calc(50% - 4px) calc(50% - 4px);
    gap:12px 8px;
}

.user-profile-card.has-credit-limit .user-profile-stats{
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:8px 6px;
}

.user-profile-card.has-credit-limit .user-profile-stats .user-menu-stat{
    min-width:0;
    padding-left:6px;
    padding-right:6px;
}

.user-profile-card.has-credit-limit .user-profile-stats .user-menu-stat.balance-stat{
    padding-right:30px;
}

.user-profile-card.has-credit-limit .user-profile-stats .stat-label{
    white-space:nowrap;
    font-size:9px;
    letter-spacing:-0.02em;
    line-height:1.2;
    overflow:hidden;
    text-overflow:ellipsis;
}

.user-profile-card.has-credit-limit .user-profile-stats .user-menu-stat strong{
    white-space:nowrap;
    font-size:11px;
    line-height:1.2;
    overflow:hidden;
    text-overflow:ellipsis;
    max-width:100%;
}

.user-profile-card::before{
    content:'';
    position:absolute;
    width:110px;
    height:110px;
    right:0;
    top:0;
    border-radius:50%;
    background:radial-gradient(circle, rgba(255, 255, 255, 0.28) 0%, rgba(255, 255, 255, 0) 72%);
    pointer-events:none;
}

.user-profile-card::after{
    content:'';
    position:absolute;
    width:90px;
    height:90px;
    left:0;
    bottom:0;
    border-radius:50%;
    background:radial-gradient(circle, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 70%);
    pointer-events:none;
}

.user-summary-row-modern{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:10px;
    position:relative;
    z-index:1;
}

.user-summary-modern{
    display:flex;
    align-items:center;
    gap:10px;
    min-width:0;
    min-height:50px;
}

.user-profile-main{
    grid-column:1/-1;
    display:grid;
    grid-template-columns:subgrid;
    align-items:stretch;
    position:relative;
    z-index:1;
}

.user-summary-modern .avatar-wrap{
    position:relative;
    width:50px;
    height:50px;
    flex-shrink:0;
}

.user-summary-modern .avatar-wrap img.av{
    border-radius:var(--radius-ui);
    width:100%;
    height:100%;
    object-fit:cover;
    border:1px solid rgba(255, 255, 255, 0.45);
}

.user-summary-modern .avatar-wrap img.frame{
    position:absolute;
    top:50%;
    left:50%;
    width:125%;
    height:125%;
    transform:translate(-50%, -50%);
    z-index:2;
    pointer-events:none;
    object-fit:contain;
}

.user-summary-modern .name{
    font-size:14px;
    font-weight:600;
    color:#fff;
    margin-bottom:2px;
}

.user-summary-modern .order{
    font-size:11px;
    color:rgba(255, 255, 255, 0.9);
    font-weight:600;
}

.user-balance-modern{
    min-width:0;
    text-align:left;
    background:rgba(255, 255, 255, 0.14);
    border:1px solid rgba(255, 255, 255, 0.24);
    border-radius:var(--radius-ui);
    padding:8px 10px;
    min-height:50px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:2px;
    backdrop-filter:blur(4px);
    -webkit-backdrop-filter:blur(4px);
}

.user-balance-modern .balance-title{
    font-size:10px;
    font-weight:600;
    line-height:1.2;
    color:rgba(255, 255, 255, 0.85);
    letter-spacing:0;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:4px;
    margin:0;
}

.user-balance-modern .balance-amount{
    font-size:15px;
    font-weight:600;
    color:#ffffff;
    line-height:1;
}

.user-balance-modern .success-count-value{
    font-size:13px;
    font-weight:600;
    color:#ffffff;
    line-height:1.2;
}

.user-balance-modern .withdrawable{
    font-size:10px;
    color:rgba(235, 255, 241, 0.96);
    font-weight:600;
    margin-top:4px;
}

.user-balance-modern .toggle-balance-icon{
    color:rgba(255, 255, 255, 0.9);
}

.user-profile-stats{
    grid-column:1/-1;
    position:relative;
    z-index:1;
    display:grid;
    grid-template-columns:subgrid;
}

.user-profile-card .button-row{
    grid-column:1/-1;
    display:grid;
    grid-template-columns:subgrid;
}

.user-profile-card > .bakiye-yukle-btn-modern{
    grid-column:1/-1;
}

.user-menu-stat{
    background:rgba(255, 255, 255, 0.14);
    border:1px solid rgba(255, 255, 255, 0.24);
    border-radius:var(--radius-ui);
    padding:8px 10px;
    min-height:50px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:2px;
}

.user-menu-stat.balance-stat{
    position:relative;
    padding-right:34px;
}

.user-menu-stat.balance-stat .toggle-balance-icon{
    position:absolute;
    right:10px;
    top:50%;
    transform:translateY(-50%);
    font-size:15px;
    cursor:pointer;
    color:var(--success-green, #22c55e);
    transition:color 0.2s ease, transform 0.2s ease;
}


.user-menu-stat .stat-label{
    font-size:10px;
    font-weight:600;
    color:rgba(255, 255, 255, 0.85);
}

.user-menu-stat strong{
    font-size:13px;
    font-weight:600;
    color:#fff;
    line-height:1.2;
}

.user-menu-stat .stat-positive{
    color:#d7ffe7;
}

.bakiye-yukle-btn-modern{
    width:100%;
    display:flex;
    align-items:center;
    justify-content:space-between;
    background:rgba(255, 255, 255, 0.95);
    color:#2f4be9;
    padding:10px 12px;
    border-radius:var(--radius-ui);
    font-weight:600;
    font-size:12px;
    text-decoration:none;
    transition:var(--transition);
    border:1px solid rgba(255, 255, 255, 0.95);
    position:relative;
    z-index:1;
}

.bakiye-yukle-btn-modern:hover{
    color:#1e3bc8;
    background:#fff;
    box-shadow:0 8px 18px rgba(25, 47, 171, 0.3);
}

.user-menu-section-card{
    background:#fff;
    border-radius:var(--radius-ui);
    padding:10px;
    border:1px solid #e9edf3;
}

.user-menu-section-title{
    font-size:10px;
    font-weight:600;
    color:#7b8794;
    text-transform:uppercase;
    letter-spacing:0.6px;
    margin-bottom:8px;
    padding:2px 6px;
}

.user-menu-grid{
    display:grid;
    grid-template-columns:1fr;
    gap:4px;
}

.user-menu-list{
    display:flex;
    flex-direction:column;
    gap:4px;
}

.user-menu-row-with-iade{
    display:flex;
    align-items:stretch;
    gap:6px;
}

.user-menu-row-with-iade .user-menu-item-modern--flex{
    flex:1;
    min-width:0;
}

.user-menu-iade-badge{
    align-self:center;
    flex-shrink:0;
    min-width:22px;
    text-align:center;
    font-size:10px;
    font-weight:700;
    line-height:1.2;
    padding:5px 8px;
    border-radius:999px;
    text-decoration:none;
    color:#b45309;
    background:linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
    border:1px solid rgba(245, 158, 11, 0.35);
    white-space:nowrap;
    transition:var(--transition);
}

.user-menu-iade-badge:hover{
    color:#92400e;
    filter:brightness(1.02);
    box-shadow:0 2px 8px rgba(245, 158, 11, 0.25);
}

.user-menu-item-modern{
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:flex-start;
    gap:10px;
    background:transparent;
    border-radius:var(--radius-ui);
    padding:10px 10px;
    text-decoration:none;
    color:#111827;
    transition:var(--transition);
    border:1px solid transparent;
    text-align:left;
    position:relative;
}

.user-menu-item-modern i{
    font-size:17px;
    color:#3d5afe;
    width:20px;
    text-align:center;
    flex-shrink:0;
}

.user-menu-item-modern span{
    font-size:13px;
    font-weight:600;
    line-height:1.25;
}

.user-menu-item-modern::after{
    content:'\ea6e';
    font-family:'remixicon';
    font-size:16px;
    color:#a4afbe;
    margin-left:auto;
}

.user-menu-item-modern:hover{
    background:#f6f8ff;
    border-color:#e2e8ff;
    color:#2f4be9;
}

.user-menu-logout-btn{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    background:#fff6f7;
    color:#e53b50;
    padding:12px;
    border-radius:var(--radius-ui);
    font-weight:600;
    font-size:13px;
    text-decoration:none;
    transition:var(--transition);
    border:1px solid #ffd7dc;
    margin-top:4px;
}

.user-menu-logout-btn:hover{
    background:#ffecef;
    color:#d92d45;
}
body.dark-mode .user-menu-offcanvas{
    background:#11141a !important;
}

body.dark-mode .user-menu-offcanvas .offcanvas-header{
    background:#11141a !important;
    border-bottom-color:#2d303a !important;
}

body.dark-mode .user-menu-offcanvas .offcanvas-title{
    color:#f0f6fc !important;
}

body.dark-mode .user-menu-offcanvas-body{
    background:#11141a;
}

body.dark-mode .user-menu-offcanvas-body::-webkit-scrollbar-thumb{
    background:#2d303a;
}

body.dark-mode .user-profile-card{
    background:linear-gradient(140deg, #22307a 0%, #2d44b8 50%, #405fd3 100%);
    border-color:rgba(129, 151, 255, 0.35);
    box-shadow:0 14px 28px rgba(0, 0, 0, 0.45);
}

body.dark-mode .user-menu-section-card{
    background:#171b23;
    border-color:#2d303a;
}

body.dark-mode .user-menu-section-title{
    color:#8b949e;
}

body.dark-mode .user-menu-item-modern{
    color:#f0f6fc;
}

body.dark-mode .user-menu-item-modern i{
    color:#7f96ff;
}

body.dark-mode .user-menu-item-modern::after{
    color:#778397;
}

body.dark-mode .user-menu-item-modern:hover{
    background:rgba(127, 150, 255, 0.12);
    border-color:rgba(127, 150, 255, 0.22);
    color:#c8d4ff;
}

body.dark-mode .user-menu-iade-badge{
    color:#fde68a;
    background:rgba(245, 158, 11, 0.15);
    border-color:rgba(245, 158, 11, 0.35);
}

body.dark-mode .user-menu-iade-badge:hover{
    color:#fef3c7;
}

body.dark-mode .user-menu-logout-btn{
    background:rgba(255, 68, 84, 0.12);
    border-color:rgba(255, 68, 84, 0.28);
    color:#ff7b88;
}

body.dark-mode .user-menu-logout-btn:hover{
    background:rgba(255, 68, 84, 0.2);
    color:#ff9ca6;
}

body.dark-mode .user-menu-stat{
    background:rgba(255, 255, 255, 0.12);
    border-color:rgba(255, 255, 255, 0.22);
}

body.dark-mode .user-menu-stat .stat-label{
    color:rgba(255, 255, 255, 0.86);
}

body.dark-mode .bakiye-yukle-btn-modern{
    background:rgba(255, 255, 255, 0.12);
    border-color:rgba(255, 255, 255, 0.26);
    color:#ffffff;
}

body.dark-mode .bakiye-yukle-btn-modern:hover{
    background:rgba(255, 255, 255, 0.2);
    color:#ffffff;
    box-shadow:0 8px 18px rgba(0, 0, 0, 0.35);
}

@media (max-width: 345px){
    .cart-vitrin-swiper .premium-card .p-cat-icon,
    .p-cat-icon{
        display:none !important;
    }

    .msg-action-btn{
        gap:4px;
        padding:5px 10px;
        border-radius:var(--radius-ui);
        font-size:11px;
    }

    .banner-item-icon{
        width:26px;
        height:26px;
    }

    .banner-item-title{
        font-size:11px !important;
    }

    .banner-item-sub{
        font-size:9px !important;
    }

    .p-price-wrap{
        gap:3px !important;
    }

    .p-price-wrap .p-price{
        font-size:12px !important;
        line-height:1.1;
    }

    .p-price-wrap .p-discount-tag{
        font-size:8px !important;
        padding:2px 4px !important;
        border-radius:4px !important;
        gap:2px !important;
        line-height:1 !important;
    }

    .p-price-wrap .p-discount-tag i{
        font-size:9px !important;
    }

    .quick-products-section .game-tabs .nav-link{
        gap:4px;
        min-height:34px;
        padding:6px 7px !important;
        border-radius:var(--radius-ui);
        font-size:11px !important;
    }

    .quick-products-section .game-tabs .nav-link > span:not(.game-tab-icon){
        font-size:11px !important;
    }

    .quick-products-section .game-tabs .nav-link img,
    .quick-products-section .game-tabs .nav-link.active img{
        width:14px;
        height:14px;
    }

    .quick-horizontal-card .p-footer .p-qty,
    .premium-card .p-footer .p-qty{
        height:28px !important;
        min-width:84px !important;
        flex-basis:84px !important;
        max-width:84px !important;
    }

    .premium-card .p-footer .p-cart-row{
        gap:2px !important;
        width:100%;
        min-width:0;
        padding-left:0 !important;
        padding-right:0 !important;
    }

    .cart-vitrin-swiper .premium-card .p-footer .p-cart-row{
        width:auto !important;
        flex:0 0 auto;
    }

    .cheap-game-card{
        padding:16px 8px;
        border-radius:var(--radius-ui);
    }

    .cheap-game-card .cgc-icon{
        width:38px;
        height:38px;
        font-size:18px;
        margin-bottom:8px;
        border-radius:var(--radius-ui);
    }

    .cheap-game-card .cgc-price{
        font-size:17px;
    }

    .cheap-game-card .cgc-label{
        font-size:10px;
    }

    .footer-action-btn{
        gap:6px !important;
        padding:7px 8px !important;
        border-radius:var(--radius-ui) !important;
    }

    .footer-action-btn .icon-box{
        width:30px !important;
        height:30px !important;
        font-size:14px !important;
        border-radius:var(--radius-ui) !important;
    }

    .footer-action-btn .title{
        font-size:11px !important;
    }

    .footer-action-btn .desc,
    .footer-action-btn .btn-content .sub{
        font-size:9px !important;
    }

    .footer-action-btn .arrow-icon{
        margin-left:4px !important;
        font-size:14px !important;
    }

    .modern-footer-badge{
        height:32px !important;
        padding:2px !important;
        border-radius:4px !important;
    }
}
.streamer-hero{
    background:var(--bg-header);
    border-radius:var(--radius-ui);
    padding:30px;
    margin-bottom:30px;
    box-shadow:0 4px 20px rgba(0, 0, 0, 0.03);
    border:1px solid var(--border-color);
}
body.dark-mode .streamer-hero{
    box-shadow:0 4px 20px rgba(0, 0, 0, 0.4);
}

.streamer-hero-title{
    display:flex;
    align-items:center;
    gap:15px;
    margin-bottom:0;
}
.streamer-hero-title .icon-box{
    width:50px;
    min-width:50px;
    height:50px;
    flex-shrink:0;
    background:rgba(61, 90, 254, 0.1);
    color:var(--primary-blue);
    border-radius:var(--radius-ui);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:24px;
}
.streamer-hero-title h1,
.streamer-hero-title span.default-name{
    font-size:24px;
    font-weight:700;
    color:var(--dark-text);
    margin:0;
    line-height:1.2;
}
.streamer-hero-title p{
    font-size:14px;
    color:var(--gray-text);
    margin:5px 0 0 0;
}

.streamer-hero-top{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    margin-bottom:25px;
}

.streamer-filters{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:space-between;
    gap:15px;
    padding-top:25px;
    border-top:1px dashed var(--border-color);
}

.streamer-filter-group{
    display:flex;
    align-items:center;
    gap:10px;
    flex-wrap:wrap;
}

.s-filter-btn{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:8px 16px;
    background:var(--bg-body);
    border:1px solid var(--border-color);
    color:var(--gray-text);
    border-radius:var(--radius-ui);
    font-size:14px;
    font-weight:700;
    cursor:pointer;
    transition:all 0.2s ease;
    user-select:none;
}
.s-filter-btn i{
    font-size:18px;
}
.s-filter-btn:hover{
    background:var(--bg-light);
    color:var(--dark-text);
}
.s-filter-btn.active{
    background:var(--primary-blue);
    color:#fff;
    border-color:var(--primary-blue);
}

.s-filter-btn.active.platform-twitch{ background:#9146FF; border-color:#9146FF; color:#fff;}
.s-filter-btn.active.platform-kick{ background:#53FC18; color:#000; border-color:#53FC18; }
.s-filter-btn.active.platform-youtube{ background:#FF0000; border-color:#FF0000; color:#fff;}
.s-filter-btn.active.platform-instagram{ background:#E4405F; border-color:#E4405F; color:#fff;}
.s-filter-btn.active.platform-tiktok{ background:#111111; border-color:#111111; color:#fff;}

.streamer-card-modern{
    background:var(--bg-header);
    border-radius:var(--radius-ui);
    padding:20px;
    text-align:center;
    border:1px solid var(--border-color);
    transition:all 0.3s ease;
    position:relative;
    overflow:visible;
    height:100%;
    display:flex;
    flex-direction:column;
}
.streamer-card-modern:hover{
    box-shadow:0 10px 30px rgba(0, 0, 0, 0.08);
    border-color:var(--primary-blue);
}
body.dark-mode .streamer-card-modern:hover{
    box-shadow:0 10px 30px rgba(0, 0, 0, 0.4);
}

.streamer-card-badge{
    position:absolute;
    top:-10px;
    left:14px;
    transform:rotate(-6deg);
    background:linear-gradient(135deg, #ffd45c 0%, #ffb300 45%, #ff8f00 100%);
    color:#fff;
    font-size:10px;
    font-weight:700;
    letter-spacing:0.2px;
    padding:5px 10px 5px 8px;
    border-radius:999px;
    display:flex;
    align-items:center;
    gap:6px;
    z-index:5;
    box-shadow:0 10px 20px rgba(255, 165, 0, 0.35);
    border:1px solid rgba(255, 255, 255, 0.42);
    text-transform:uppercase;
}

.streamer-card-badge i{
    width:16px;
    height:16px;
    border-radius:50%;
    background:rgba(255, 255, 255, 0.24);
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-size:10px;
    line-height:1;
}

body.dark-mode .streamer-card-badge{
    box-shadow:0 10px 22px rgba(0, 0, 0, 0.45);
}

@keyframes streamerSpin{
    from{ transform:rotate(0deg); }
    to{ transform:rotate(360deg); }
}

.streamer-card-avatar-wrap{
    position:relative;
    width:122px;
    height:122px;
    margin:4px auto 16px auto;
}
.streamer-card-avatar-wrap .av{
    border:3px solid var(--bg-body);
}

.streamer-loading-icon{
    display:inline-block;
    animation:streamerSpin 0.9s linear infinite;
    transform-origin:center;
    will-change:transform;
}

.streamer-card-name{
    font-size:16px;
    font-weight:700;
    color:var(--dark-text);
    margin-bottom:15px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    text-decoration:none;
}
.streamer-card-name:hover{
    color:var(--primary-blue);
}
.streamer-card-name h3{
    margin:0;
    font-size:inherit;
    font-weight:inherit;
    display:inline-flex;
    align-items:center;
    gap:6px;
}
.streamer-card-name img{
    width:16px;
    height:16px;
}

.streamer-card-platforms{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    margin-top:auto;
}
.streamer-platform-icon{
    width:36px;
    height:36px;
    border-radius:var(--radius-ui);
    background:var(--bg-body);
    display:flex;
    align-items:center;
    justify-content:center;
    color:var(--gray-text);
    font-size:18px;
    transition:all 0.2s ease;
    text-decoration:none;
}
.streamer-platform-icon:hover{
    color:#fff;
}
.streamer-platform-icon.twitch:hover{ background:#9146FF; border-color:#9146FF; }
.streamer-platform-icon.kick:hover{ background:#53FC18; color:#000; border-color:#53FC18;}
.streamer-platform-icon.youtube:hover{ background:#FF0000; border-color:#FF0000;}
.streamer-platform-icon.instagram:hover{
    background:linear-gradient(135deg, #f58529 0%, #dd2a7b 40%, #8134af 70%, #515bd4 100%);
    border-color:transparent;
}
.streamer-platform-icon.tiktok:hover{ background:#111111; border-color:#111111; }
.streamer-modal-custom .modal-content{
    background:var(--bg-header);
    border:1px solid var(--border-color);
    border-radius:var(--radius-ui);
    box-shadow:0 18px 44px rgba(0, 0, 0, 0.12);
    overflow:hidden;
}
body.dark-mode .streamer-modal-custom .modal-content{
    box-shadow:0 18px 44px rgba(0, 0, 0, 0.55);
}
.streamer-modal-custom .modal-header{
    border-bottom:1px solid var(--border-color);
    padding:20px 22px;
    background:linear-gradient(180deg, rgba(61, 90, 254, 0.08) 0%, rgba(61, 90, 254, 0) 100%);
}
.streamer-modal-title-wrap{
    flex:1;
}
.streamer-modal-custom .modal-title{
    font-size:19px;
    font-weight:700;
    color:var(--dark-text);
    display:flex;
    align-items:center;
    gap:10px;
    margin:0;
}
.streamer-modal-subtitle{
    margin:6px 0 0 0;
    font-size:13px;
    color:var(--gray-text);
}
.streamer-modal-custom .modal-title .icon{
    width:34px;
    height:34px;
    border-radius:var(--radius-ui);
    color:var(--primary-blue);
    background:rgba(61, 90, 254, 0.12);
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-size:18px;
}
.streamer-modal-custom .modal-body{
    padding:20px 22px 22px;
}

.streamer-modal-intro{
    display:flex;
    gap:10px;
    align-items:flex-start;
    padding:12px 13px;
    border-radius:var(--radius-ui);
    background:var(--bg-body);
    border:1px solid var(--border-color);
    font-size:13px;
    color:var(--gray-text);
    margin-bottom:16px;
}
.streamer-modal-intro i{
    font-size:16px;
    color:var(--primary-blue);
    margin-top:1px;
}
.streamer-modal-custom .form-group-social{
    margin-bottom:12px;
}
.streamer-modal-label{
    display:block;
    font-size:12px;
    font-weight:700;
    letter-spacing:0.2px;
    color:var(--gray-text);
    margin:0 0 6px 2px;
    text-transform:uppercase;
}
.streamer-modal-custom .form-group-control{
    position:relative;
}
.streamer-modal-custom .form-group-control i{
    position:absolute;
    top:50%;
    left:14px;
    transform:translateY(-50%);
    font-size:19px;
    color:var(--gray-text);
}
.streamer-modal-custom .form-group-control input{
    padding-left:42px;
    padding-right:12px;
    background:var(--bg-body);
    border:1px solid var(--border-color);
    color:var(--dark-text);
    border-radius:var(--radius-ui);
    height:46px;
    font-size:14px;
    transition:border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}
.streamer-modal-custom .form-group-control input:focus{
    border-color:var(--primary-blue);
    background:var(--bg-header);
    box-shadow:0 0 0 4px rgba(61, 90, 254, 0.12);
}
.streamer-modal-custom .form-group-social.twitch i{ color:#9146FF; }
.streamer-modal-custom .form-group-social.kick i{ color:#53FC18; }
.streamer-modal-custom .form-group-social.youtube i{ color:#FF0000; }
.streamer-modal-custom .form-group-social.instagram i{ color:#E1306C; }
.streamer-modal-custom .form-group-social.tiktok i{ color:var(--dark-text); }
body.dark-mode .streamer-modal-custom .form-group-social.tiktok i{ color:#fff; }

.streamer-modal-actions{
    display:flex;
    gap:10px;
}
.streamer-btn-cancel,
.streamer-btn-submit{
    flex:1;
    height:46px;
    border-radius:var(--radius-ui);
    border:1px solid transparent;
    font-weight:700;
    font-size:14px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    transition:all 0.2s ease;
}
.streamer-btn-cancel{
    background:var(--bg-body);
    border-color:var(--border-color);
    color:var(--gray-text);
}
.streamer-btn-cancel:hover{
    border-color:var(--primary-blue);
    color:var(--primary-blue);
}

.streamer-btn-submit{
    background:linear-gradient(135deg, #19d782, #0ebc6a);
    color:#fff;
    border:none;
}
.streamer-btn-submit:hover{
    background:linear-gradient(135deg, #15c876, #0aa85d);
    box-shadow:0 8px 18px rgba(17, 211, 119, 0.35);
}

.streamer-empty-state{
    text-align:center;
    padding:50px 20px;
    background:var(--bg-header);
    border-radius:var(--radius-ui);
    border:1px dashed var(--border-color);
    color:var(--gray-text);
}
.streamer-empty-state i{
    font-size:48px;
    color:var(--primary-blue);
    margin-bottom:15px;
    opacity:0.5;
}
.streamer-empty-state .text{
    font-size:16px;
    font-weight:600;
}
.streamer-text .card{
    border-radius:var(--radius-ui);
    background:var(--bg-header);
    border:1px solid var(--border-color);
}
.streamer-text .card .content{
    color:var(--gray-text);
    font-size:15px;
    line-height:1.7;
}
.streamer-text .card .content p{
    margin-bottom:1em;
}
body.dark-mode .streamer-text .card{
    background:var(--bg-header) !important;
    border-color:var(--border-color) !important;
    box-shadow:0 4px 20px rgba(0,0,0,0.2) !important;
}
body.dark-mode .streamer-text .card .content,
body.dark-mode .streamer-text .card .content p,
body.dark-mode .streamer-text .card .content span,
body.dark-mode .streamer-text .card .content li{
    color:var(--gray-text) !important;
}
body.dark-mode .streamer-text .card .content h1,
body.dark-mode .streamer-text .card .content h2,
body.dark-mode .streamer-text .card .content h3,
body.dark-mode .streamer-text .card .content h4,
body.dark-mode .streamer-text .card .content strong,
body.dark-mode .streamer-text .card .content b{
    color:var(--dark-text) !important;
}
body.dark-mode .streamer-text .card .content a{
    color:var(--primary-blue) !important;
}

.streamer-hero-btn{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:12px 24px;
    background:var(--success-green);
    color:#fff;
    border:none;
    border-radius:var(--radius-ui);
    font-size:15px;
    font-weight:700;
    cursor:pointer;
    transition:all 0.3s ease;
    text-decoration:none;
}
.streamer-hero-btn i{
    font-size:20px;
}
.streamer-hero-btn:hover{
    background:#0ebc6a;
    box-shadow:0 6px 20px rgba(17, 211, 119, 0.3);
    color:#fff;
}

.pagination.streamer-list,
.streamer-list.pagination{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:10px;
    margin:0;
    padding:0;
    list-style:none;
    flex-wrap:wrap;
}
.streamer-list .load-more-area{
    display:flex;
    justify-content:center;
    width:100%;
}
.streamer-list .page-item{
    margin:0;
}
.streamer-list .page-item span,
.streamer-list .page-item a{
    display:flex;
    align-items:center;
    justify-content:center;
    width:40px;
    height:40px;
    border-radius:var(--radius-ui);
    background:var(--bg-header);
    border:1px solid var(--border-color);
    color:var(--dark-text);
    font-weight:600;
    font-size:15px;
    text-decoration:none;
    transition:all 0.2s ease;
    cursor:pointer;
}
.streamer-list .page-item:hover span,
.streamer-list .page-item:hover a{
    background:var(--bg-light);
    border-color:var(--primary-blue);
    color:var(--primary-blue);
}
.streamer-list .page-item.active span,
.streamer-list .page-item.active a,
.streamer-list .page-item span.active{
    background:var(--primary-blue);
    border-color:var(--primary-blue);
    color:#fff;
    box-shadow:0 4px 15px rgba(61, 90, 254, 0.3);
}

.m-stores-page{
    padding-bottom:0;
}

.m-store-hero{
    background:var(--bg-header);
    border-radius:var(--radius-ui);
    padding:25px 30px;
    margin-top:15px;
    margin-bottom:30px;
    box-shadow:0 4px 20px rgba(0, 0, 0, 0.03);
    border:1px solid var(--border-color);
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:space-between;
    gap:20px;
}

body.dark-mode .m-store-hero{
    box-shadow:0 4px 20px rgba(0, 0, 0, 0.4);
}

.m-store-hero-left{
    display:flex;
    align-items:center;
    gap:15px;
}

.m-store-hero-icon{
    width:50px;
    height:50px;
    background:rgba(61, 90, 254, 0.1);
    color:var(--primary-blue);
    border-radius:var(--radius-ui);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:24px;
}

.m-store-hero-text h1{
    font-size:24px;
    font-weight:700;
    color:var(--dark-text);
    margin:0;
    line-height:1.2;
}

.m-store-hero-text p{
    font-size:14px;
    color:var(--gray-text);
    margin:5px 0 0 0;
}

.m-store-hero-actions{
    display:flex;
    align-items:center;
    gap:10px;
}

.m-store-btn-action{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:12px 20px;
    border-radius:var(--radius-ui);
    font-size:14px;
    font-weight:700;
    cursor:pointer;
    transition:all 0.3s ease;
    text-decoration:none;
    border:none;
}

.m-store-btn-action i{
    font-size:18px;
}

.m-store-btn-action.orange{
    background:linear-gradient(135deg, #ffb300, #ff8f00);
    color:#fff;
}

.m-store-btn-action.orange:hover{
    box-shadow:0 6px 15px rgba(255, 179, 0, 0.3);
    color:#fff;
}

.m-store-btn-action.green{
    background:var(--success-green);
    color:#fff;
}

.m-store-btn-action.green:hover{
    background:#0ebc6a;
    box-shadow:0 6px 15px rgba(17, 211, 119, 0.3);
    color:#fff;
}

.m-section-title{
    font-size:20px;
    font-weight:700;
    color:var(--dark-text);
    margin-bottom:20px;
    display:flex;
    align-items:center;
    gap:10px;
}

.m-section-title i{
    color:var(--primary-blue);
    background:rgba(61, 90, 254, 0.1);
    width:36px;
    height:36px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:var(--radius-ui);
    font-size:18px;
}

@media (max-width:576px){
    .m-section-title{
        font-size:16px;
        margin-bottom:14px;
        gap:8px;
    }
    .m-section-title i{
        width:30px;
        height:30px;
        font-size:14px;
    }
}

.m-store-list-item{
    background:var(--bg-header);
    border-radius:var(--radius-ui);
    padding:20px;
    margin-bottom:12px;
    border:1px solid var(--border-color);
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    transition:all 0.3s ease;
    flex-wrap:wrap;
}

.m-store-list-item:hover{
    box-shadow:0 10px 30px rgba(0, 0, 0, 0.05);
    border-color:var(--primary-blue);
}

body.dark-mode .m-store-list-item:hover{
    box-shadow:0 10px 30px rgba(0, 0, 0, 0.4);
}

.m-store-rank{
    width:60px;
    height:60px;
    border-radius:var(--radius-ui);
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:700;
    box-shadow:0 4px 10px rgba(0, 0, 0, 0.15);
    flex-shrink:0;
}

.m-store-rank .no{
    font-size:24px;
    line-height:1;
}

.m-store-list-avatar{
    width:65px;
    height:65px;
    flex-shrink:0;
}

.m-store-list-avatar .av{
    width:100%;
    height:100%;
    border-radius:6px;
    object-fit:cover;
    border:2px solid var(--bg-body);
}

.m-store-list-avatar .frame{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    object-fit:cover;
    pointer-events:none;
    z-index:2;
    scale:1.15;
    border-radius:6px;
}

.m-store-list-info{
    display:flex;
    flex-direction:column;
    gap:6px;
    flex:1;
}

.m-store-list-info .name{
    font-size:18px;
    font-weight:700;
    color:var(--dark-text);
    text-decoration:none;
    transition:color 0.2s ease;
}

.m-store-list-info .name:hover{
    color:var(--primary-blue);
}

.m-store-list-actions{
    display:flex;
    align-items:center;
    gap:10px;
}
.m-store-list-item .m-store-list-actions .m-btn-follow-pill,
.m-store-list-item .m-store-list-actions .m-btn-visit{
    height:42px;
    min-height:42px;
    display:inline-flex;
    align-items:center;
    padding-top:0;
    padding-bottom:0;
}
.m-store-list-item .m-store-list-actions .followform{
    display:flex;
    align-items:center;
}
.m-store-list-item .m-store-list-actions .m-btn-mesaj{
    color:var(--primary-blue);
}
.m-store-list-item .m-store-list-actions .m-btn-mesaj:hover{
    background:var(--primary-blue);
    color:#fff;
}
.m-store-list-item .m-store-list-actions .m-btn-follow-pill.m-btn-icon-only{
    width:42px;
    min-width:42px;
    padding:0;
    justify-content:center;
}
.m-store-list-item .m-store-list-actions .m-btn-follow-pill.rank-btn{
    color:var(--gray-text);
}
.m-store-list-item .m-store-list-actions .m-btn-follow-pill.rank-btn:hover{
    background:var(--primary-blue);
    color:#fff;
    border-color:var(--primary-blue);
}
.m-store-list-item .m-store-list-actions .m-btn-follow-pill.active{
    background:rgba(61,90,254,0.08);
    color:var(--primary-blue);
    border-color:rgba(61,90,254,0.2);
}
.m-store-card{
    background:var(--bg-header);
    border-radius:var(--radius-ui);
    border:1px solid var(--border-color);
    transition:all 0.3s ease;
    height:100%;
    display:flex;
    flex-direction:column;
    position:relative;
    overflow:hidden;
    box-shadow:0 10px 30px rgba(15,23,42,0.03);
}

.m-store-card:hover{
    box-shadow:0 10px 30px rgba(0, 0, 0, 0.08);
    border-color:var(--primary-blue);
}

body.dark-mode .m-store-card:hover{
    box-shadow:0 10px 30px rgba(0, 0, 0, 0.4);
}

.m-store-badge{
    position:absolute;
    top:16px;
    left:16px;
    background:rgba(15,23,42,0.85);
    color:#fff;
    font-size:10px;
    font-weight:800;
    letter-spacing:0.2px;
    padding:6px 12px;
    border-radius:var(--radius-ui);
    display:flex;
    align-items:center;
    gap:6px;
    z-index:10;
    box-shadow:4px 4px 15px rgba(0, 0, 0, 0.3);
    text-transform:uppercase;
    backdrop-filter:blur(4px);
}
.m-store-badge i{
    color:var(--warning-orange);
}

.m-store-cover{
    height:120px;
    background-color:var(--input-bg);
    width:100%;
    position:relative;
}

.m-store-body{
    padding:0 24px 24px 24px;
    display:flex;
    flex-direction:column;
    flex:1;
    position:relative;
}

.m-store-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-top:-36px;
    margin-bottom:16px;
}

.m-store-avatar{
    width:72px;
    height:72px;
    background:var(--bg-header);
    border-radius:var(--radius-ui);
    padding:0;
    position:relative;
    overflow:hidden;
    border:4px solid var(--bg-header);
    z-index:2;
    display:block;
    flex-shrink:0;
    box-shadow:0 4px 10px rgba(0,0,0,0.1);
}

.m-store-avatar .av{
    width:100%;
    height:100%;
    border-radius:6px;
    object-fit:cover;
}

.m-store-avatar .frame{
    position:absolute;
    top:3px;
    left:3px;
    width:calc(100% - 6px);
    height:calc(100% - 6px);
    object-fit:cover;
    pointer-events:none;
    z-index:2;
    scale:1.15;
    border-radius:6px;
}

.m-store-actions{
    display:flex;
    gap:8px;
    position:relative;
    top:-13px;
    margin-bottom:-30px;
}

.m-btn-follow{
    width:40px;
    height:40px;
    min-width:40px;
    padding:0;
    border-radius:var(--radius-ui);
    background:var(--bg-body);
    border:4px solid var(--bg-header);
    display:inline-flex;
    align-items:center;
    justify-content:center;
    color:var(--gray-text);
    line-height:1;
    transition:all 0.2s ease;
    cursor:pointer;
    box-sizing:border-box;
    aspect-ratio:1 / 1;
    flex:0 0 40px;
}

.m-btn-follow:hover{
    background:var(--primary-blue);
    color:#fff;
    border-color:var(--bg-header);
}

.m-btn-follow.active{
    background:var(--bg-body);
    color:var(--primary-blue);
    border-color:var(--bg-header);
}

.m-btn-follow-pill{
    display:inline-flex;
    align-items:center;
    gap:6px;
    padding:8px 16px;
    border-radius:var(--radius-ui);
    background:var(--bg-body);
    border:1px solid var(--border-color);
    color:var(--dark-text);
    font-size:13px;
    font-weight:700;
    transition:all 0.2s ease;
    cursor:pointer;
}
.m-btn-follow-pill:hover{
    background:var(--primary-blue);
    color:#fff;
    border-color:var(--primary-blue);
}

.m-btn-visit{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    width:100%;
    padding:10px;
    border-radius:var(--radius-ui);
    background:rgba(61,90,254,0.05);
    color:var(--primary-blue);
    font-weight:800;
    font-size:14px;
    text-decoration:none;
    transition:var(--transition);
    border:1px solid rgba(61,90,254,0.1);
    height:48px;
}
.m-store-list-actions .m-btn-visit{
    width:auto;
    padding:8px 16px;
    border-radius:var(--radius-ui);
}

.m-btn-visit:hover{
    background:var(--primary-blue);
    color:#fff;
    box-shadow:0 4px 15px rgba(61,90,254,0.25);
}

.m-store-info{
    display:flex;
    flex-direction:column;
    gap:4px;
}

.m-store-info .name{
    font-size:18px;
    font-weight:900;
    color:var(--dark-text);
    text-decoration:none;
    transition:color 0.2s;
    display:block;
}
.m-store-info .name:hover{
    color:var(--primary-blue);
}

.m-store-list-info .badges,
.m-store-badges{
    display:flex;
    align-items:center;
    gap:6px;
    flex-wrap:wrap;
}
.m-store-list-info .badges img,
.m-store-badges img{
    width:20px !important;
    height:20px !important;
    max-width:20px !important;
    object-fit:contain;
}

/* Global: rating chip (profil, mağaza kartları, ilan) */
.rating-pro{
    position:relative;
    display:inline-flex;
    align-items:center;
    justify-content:flex-start;
    align-content:center;
    gap:5px;
    padding:3px 8px 3px 3px;
    border-radius:var(--radius-ui);
    background:#f8fafc;
    border:1px solid #e2e8f0;
    color:#0f172a;
    font-weight:800;
    font-size:12px;
    letter-spacing:-0.02em;
    line-height:1;
    box-shadow:none;
    box-sizing:border-box;
    vertical-align:middle;
    transition:border-color 0.2s ease, background 0.2s ease;
    -webkit-font-smoothing:antialiased;
}
.rating-pro:hover{
    border-color:#cbd5e1;
    background:#f1f5f9;
}
.rating-pro__left{
    width:22px;
    height:22px;
    border-radius:var(--radius-sm);
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
    align-self:center;
    box-shadow:none;
    line-height:0;
}
.rating-pro .rating-pro__left i.ri-star-fill{
    display:flex;
    align-items:center;
    justify-content:center;
    width:1em;
    height:1em;
    font-size:11px;
    line-height:1;
    color:#fff !important;
    margin:0;
}
.rating-pro__score{
    display:inline-flex;
    align-items:center;
    align-self:center;
    gap:5px;
    line-height:1;
    flex:0 1 auto;
    min-width:0;
}
.rating-pro__score span{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-size:9px;
    font-weight:700;
    color:#64748b;
    padding:2px 5px;
    border-radius:var(--radius-sm);
    background:rgba(15,23,42,0.06);
    letter-spacing:0.01em;
    line-height:1;
}
.rating-badge--excellent .rating-pro__left{ background:linear-gradient(145deg, #34d399, #059669); }
.rating-badge--good .rating-pro__left{ background:linear-gradient(145deg, #fbbf24, #d97706); }
.rating-badge--bad .rating-pro__left{ background:linear-gradient(145deg, #fb7185, #dc2626); }
.rating-badge--neutral .rating-pro__left{ background:linear-gradient(145deg, #94a3b8, #475569); }
.rating-badge--excellent .rating-pro,
.rating-pro.rating-badge--excellent{ border-color:rgba(16,185,129,0.32); }
.rating-badge--good .rating-pro,
.rating-pro.rating-badge--good{ border-color:rgba(245,158,11,0.38); }
.rating-badge--bad .rating-pro,
.rating-pro.rating-badge--bad{ border-color:rgba(239,68,68,0.32); }
.rating-badge--neutral .rating-pro,
.rating-pro.rating-badge--neutral{ border-color:rgba(100,116,139,0.3); }
body.dark-mode .rating-pro{
    background:var(--bg-header) !important;
    border-color:rgba(148,163,184,0.22) !important;
    box-shadow:none !important;
    color:#e2e8f0 !important;
}
body.dark-mode .rating-pro:hover{
    border-color:rgba(148,163,184,0.35) !important;
    background:color-mix(in srgb, var(--bg-header) 92%, #fff 8%) !important;
}
body.dark-mode .rating-pro__score span{
    color:#cbd5e1 !important;
    background:rgba(255,255,255,0.08) !important;
}
body.dark-mode .rating-badge--excellent .rating-pro,
body.dark-mode .rating-pro.rating-badge--excellent{
    border-color:rgba(16,185,129,0.5) !important;
}
body.dark-mode .rating-badge--good .rating-pro,
body.dark-mode .rating-pro.rating-badge--good{
    border-color:rgba(245,158,11,0.48) !important;
}
body.dark-mode .rating-badge--bad .rating-pro,
body.dark-mode .rating-pro.rating-badge--bad{
    border-color:rgba(248,113,113,0.45) !important;
}
body.dark-mode .rating-badge--neutral .rating-pro,
body.dark-mode .rating-pro.rating-badge--neutral{
    border-color:rgba(148,163,184,0.38) !important;
}
.m-store-list-item .m-store-list-info .m-store-rating{
    margin-left:0;
}

.m-store-products{
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:8px;
    margin-top:15px;
    padding-top:15px;
    border-top:1px dashed var(--border-color);
}

.m-store-product-item{
    display:flex;
    flex-direction:column;
    gap:4px;
    text-decoration:none;
}
.m-store-product-item img{
    width:100%;
    aspect-ratio:1/1;
    object-fit:cover;
    border-radius:var(--radius-ui);
    border:1px solid var(--border-color);
    transition:border-color 0.2s;
}
.m-store-product-item:hover img{
    border-color:var(--primary-blue);
}
.m-store-product-price{
    font-size:11px;
    font-weight:700;
    color:var(--dark-text);
    text-align:center;
}
.m-apply-card{
    position:relative;
    width:100%;
    min-height:100%;
    border-radius:calc(var(--radius-ui) + 4px);
    overflow:hidden;
    color:#f8fafc;
    display:flex;
    flex-direction:column;
    box-shadow:0 16px 40px rgba(15,23,42,0.18);
    border:1px solid rgba(255,255,255,0.12);
}
.m-apply-card__bg{
    position:absolute;
    inset:0;
    z-index:0;
    background:linear-gradient(165deg, #0b1220 0%, #152a52 42%, #1e4b8f 78%, var(--primary-blue) 100%);
}
.m-apply-card__bg::after{
    content:'';
    position:absolute;
    inset:0;
    pointer-events:none;
    background:radial-gradient(ellipse 120% 90% at 88% 0%, rgba(147,197,253,0.18) 0%, transparent 72%),
                radial-gradient(ellipse 110% 85% at 0% 100%, rgba(45,212,191,0.08) 0%, transparent 70%);
}
body.dark-mode .m-apply-card__bg{
    background:linear-gradient(165deg, #020617 0%, #0f172a 45%, #1e3a8a 82%, #1d4ed8 100%);
}
body.dark-mode .m-apply-card__bg::after{
    background:radial-gradient(ellipse 120% 90% at 88% 0%, rgba(96,165,250,0.12) 0%, transparent 72%),
                radial-gradient(ellipse 110% 85% at 0% 100%, rgba(45,212,191,0.05) 0%, transparent 70%);
}
.m-apply-card__inner{
    position:relative;
    z-index:1;
    padding:24px 22px 22px;
    display:flex;
    flex-direction:column;
    align-items:stretch;
    flex:1;
    gap:0;
}
.m-apply-card__icon{
    width:56px;
    height:56px;
    border-radius:16px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:16px;
    background:linear-gradient(145deg, rgba(255,255,255,0.22), rgba(255,255,255,0.06));
    border:1px solid rgba(255,255,255,0.2);
    box-shadow:0 8px 24px rgba(0,0,0,0.2);
}
.m-apply-card__icon i{
    font-size:28px;
    color:#fff;
}
.m-apply-card__title{
    font-size:1.15rem;
    font-weight:800;
    line-height:1.3;
    letter-spacing:-0.02em;
    margin:0 0 16px 0;
    color:#fff;
}
.m-apply-card__features{
    list-style:none;
    margin:0 0 20px 0;
    padding:0;
    display:flex;
    flex-direction:column;
    gap:10px;
    flex:1;
}
.m-apply-card__features li{
    display:flex;
    align-items:center;
    gap:10px;
    font-size:12px;
    font-weight:600;
    line-height:1.45;
    color:rgba(248,250,252,0.88);
}
.m-apply-card__feat-ico{
    flex-shrink:0;
    width:28px;
    height:28px;
    border-radius:8px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:rgba(255,255,255,0.1);
    border:1px solid rgba(255,255,255,0.14);
}
.m-apply-card__feat-ico i{
    font-size:15px;
    color:#6ee7b7;
}
.m-apply-card__cta{
    margin-top:auto;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    width:100%;
    padding:14px 18px;
    border-radius:var(--radius-ui);
    font-weight:800;
    font-size:13px;
    letter-spacing:0.06em;
    text-transform:uppercase;
    text-decoration:none;
    color:#0f172a;
    background:#fff;
    border:none;
    box-shadow:0 4px 14px rgba(0,0,0,0.15);
    transition:background 0.2s ease, box-shadow 0.2s ease;
}
.m-apply-card__cta i{
    font-size:18px;
}
.m-apply-card__cta:hover{
    background:#f1f5f9;
    box-shadow:0 6px 18px rgba(0,0,0,0.18);
}
@media (max-width: 767px){
    .m-apply-card__inner{
        padding:22px 18px 18px;
    }
    .m-apply-card__title{
        font-size:1.05rem;
    }
}
.m-social-banner{
    background:linear-gradient(135deg, #f58529 0%, #dd2a7b 40%, #8134af 70%, #515bd4 100%);
    border-radius:var(--radius-ui);
    padding:24px 28px;
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    color:#fff;
    margin-top:30px;
    margin-bottom:30px;
    box-shadow:0 10px 30px rgba(221, 42, 123, 0.2);
}
.m-social-banner-left{
    display:flex;
    align-items:center;
    gap:16px;
}
.m-social-banner-left i{
    font-size:28px;
    opacity:0.95;
    flex-shrink:0;
}
.m-social-banner-text h2,
.m-social-banner-text h3{
    font-size:18px;
    font-weight:800;
    margin:0;
    color:#fff;
    letter-spacing:-0.3px;
    line-height:1.3;
}
.m-social-banner-text p{
    font-size:13px;
    font-weight:500;
    opacity:0.92;
    margin:4px 0 0 0;
    line-height:1.4;
    color:rgba(255,255,255,0.95);
}
.m-social-btn{
    background:#fff;
    color:#dd2a7b;
    padding:10px 20px;
    border-radius:var(--radius-ui);
    font-weight:800;
    font-size:13px;
    text-decoration:none;
    transition:all 0.2s ease;
    display:inline-flex;
    align-items:center;
    letter-spacing:0.2px;
}
.m-social-btn:hover{
    box-shadow:0 4px 15px rgba(0, 0, 0, 0.2);
    color:#dd2a7b;
}
@media (max-width: 767px){
    .m-social-banner{
        flex-direction:column;
        align-items:stretch;
        padding:18px 16px;
        gap:16px;
        margin-top:20px;
        margin-bottom:24px;
    }
    .m-social-banner-left{
        width:100%;
        min-width:0;
        gap:14px;
    }
    .m-social-banner-left i{
        font-size:24px;
    }
    .m-social-banner-text h2,
    .m-social-banner-text h3{
        font-size:16px;
        line-height:1.35;
    }
    .m-social-banner-text p{
        font-size:12px;
        margin-top:2px;
    }
    .m-social-btn{
        width:100%;
        justify-content:center;
        padding:12px 18px;
        font-size:13px;
    }
}

.m-store-text-content{
    background:var(--bg-header);
    border-radius:var(--radius-ui);
    padding:30px;
    border:1px solid var(--border-color);
    margin-bottom:30px;
}

/* ===== Tüm Mağazalar - Arama/Filtre & Kart Özelleştirmeleri ===== */
.m-controls-wrapper{
    background:var(--bg-header);
    border:1px solid var(--border-color);
    border-radius:var(--radius-ui);
    padding:15px 20px;
    margin-bottom:30px;
    box-shadow:0 4px 20px rgba(0, 0, 0, 0.02);
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:15px;
}
.m-search-box{
    position:relative;
    flex:1;
    min-width:250px;
}
.m-search-box input{
    width:100%;
    height:48px;
    background:var(--input-bg);
    border:1px solid var(--border-color);
    border-radius:var(--radius-ui);
    padding:0 45px;
    color:var(--dark-text);
    font-size:14px;
    font-weight:500;
    transition:all 0.3s ease;
}
.m-search-box input:focus{
    background:var(--bg-header);
    border-color:var(--primary-blue);
    box-shadow:0 0 0 3px rgba(61, 90, 254, 0.1);
    outline:none;
}
body.dark-mode .m-search-box input:focus{
    background:var(--bg-body);
}
.m-search-box .m-icon-left{
    position:absolute !important;
    left:15px !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    color:var(--gray-text) !important;
    font-size:20px !important;
    pointer-events:none !important;
    margin:0 !important;
}
.m-search-box .m-icon-right{
    position:absolute !important;
    right:15px !important;
    left:auto !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    font-size:20px !important;
    margin:0 !important;
}
.m-search-box .clear-icon{
    cursor:pointer;
    pointer-events:auto;
    color:var(--danger-red) !important;
}
.m-search-box .load-icon{
    animation:spin 1s linear infinite;
    color:var(--primary-blue) !important;
}
.m-filter-box{
    display:flex;
    align-items:center;
    gap:12px;
    flex-wrap:wrap;
}
.m-filter-select{
    height:48px;
    background-color:var(--input-bg);
    border:1px solid var(--border-color);
    color:var(--dark-text);
    border-radius:var(--radius-ui);
    padding:0 40px 0 15px;
    font-size:14px;
    font-weight:600;
    cursor:pointer;
    transition:all 0.3s ease;
    appearance:none;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M12 13.172l4.95-4.95 1.414 1.414L12 16 5.636 9.636 7.05 8.222z' fill='%2385909e'/%3E%3C/svg%3E");
    background-repeat:no-repeat;
    background-position:right 12px center;
}
.m-filter-select:focus{
    border-color:var(--primary-blue);
    box-shadow:0 0 0 3px rgba(61, 90, 254, 0.1);
    outline:none;
}
.tum-magazalar-page .m-store-avatar{
    width:70px;
    height:70px;
    background:var(--bg-header);
    border-radius:var(--radius-ui);
    padding:3px;
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
    z-index:5;
    overflow:visible;
    border:4px solid var(--bg-header);
}
.tum-magazalar-page .m-store-avatar .av{
    width:100%;
    height:100%;
    border-radius:6px;
    object-fit:cover;
    position:relative;
    z-index:1;
}
.tum-magazalar-page .m-store-avatar .frame{
    position:absolute;
    top:50%;
    left:50%;
    width:130%;
    height:130%;
    transform:translate(-50%, -50%);
    object-fit:contain;
    pointer-events:none;
    z-index:2;
}
.tum-magazalar-page .rating-pro{
    margin-top:8px;
}
body.dark-mode .m-controls-wrapper{
    background:var(--bg-body);
    border-color:var(--border-color);
    box-shadow:0 4px 20px rgba(0, 0, 0, 0.2);
}
body.dark-mode .m-search-box input{
    background:var(--bg-header);
    border-color:var(--border-color);
    color:var(--dark-text);
}
body.dark-mode .m-filter-select{
    background-color:var(--bg-header);
    border-color:var(--border-color);
    color:var(--dark-text);
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M12 13.172l4.95-4.95 1.414 1.414L12 16 5.636 9.636 7.05 8.222z' fill='%23cbd5e1'/%3E%3C/svg%3E");
}

@media (max-width: 767px){
    .m-controls-wrapper{ padding:12px 16px; gap:12px; }
    .m-search-box{ min-width:100%; }
    .m-filter-box{ width:100%; }
    .m-filter-select{ width:100%; flex:1; }
    .m-store-hero-actions .m-store-btn-action{ flex:1; justify-content:center; }
    .tum-magazalar-page .m-store-avatar{ width:56px; height:56px; }
    .tum-magazalar-page .m-store-avatar .frame{ width:120%; height:120%; }
}

.corp-page-wrapper{
    padding-bottom:60px;
}

.corp-hero{
    background:var(--bg-header);
    border:1px solid var(--border-color);
    border-radius:var(--radius-ui);
    padding:30px 40px;
    margin-top:20px;
    margin-bottom:30px;
    box-shadow:0 4px 20px rgba(0, 0, 0, 0.02);
    display:flex;
    align-items:center;
    gap:20px;
    position:relative;
    overflow:hidden;
}

.corp-hero::before{
    content:"";
    position:absolute;
    top:-50px;
    right:-50px;
    width:150px;
    height:150px;
    background:radial-gradient(circle, rgba(61, 90, 254, 0.05) 0%, transparent 70%);
    border-radius:50%;
    pointer-events:none;
}

.ch-icon{
    width:60px;
    height:60px;
    background:rgba(61, 90, 254, 0.1);
    color:var(--primary-blue);
    border-radius:var(--radius-ui);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:28px;
    flex-shrink:0;
}

.ch-text h1{
    font-size:24px;
    font-weight:700;
    color:var(--dark-text);
    margin:0 0 5px 0;
    line-height:1.2;
}

.ch-text p{
    font-size:14px;
    color:var(--gray-text);
    margin:0;
    font-weight:500;
}

.corp-content-box{
    background:var(--bg-header);
    border:1px solid var(--border-color);
    border-radius:var(--radius-ui);
    padding:40px;
    box-shadow:0 4px 20px rgba(0, 0, 0, 0.02);
    min-height:500px;
}

.content-html{
    color:var(--dark-text);
    font-size:15px;
    line-height:1.7;
}

.content-html h1,
.content-html h2,
.content-html h3,
.content-html h4,
.content-html h5,
.content-html h6{
    color:var(--dark-text);
    font-weight:700;
    margin-top:1.5em;
    margin-bottom:0.8em;
    line-height:1.3;
}

.content-html h1{
    font-size:24px;
}

.content-html h2{
    font-size:20px;
}

.content-html h3{
    font-size:18px;
}

.content-html p{
    margin-bottom:1.2em;
    color:var(--gray-text);
}

.content-html strong,
.content-html b{
    font-weight:700;
    color:var(--dark-text);
}

.content-html ul,
.content-html ol{
    padding-left:20px;
    margin-bottom:1.2em;
    color:var(--gray-text);
}

.content-html li{
    margin-bottom:0.5em;
}

.content-html a{
    color:var(--primary-blue);
    text-decoration:none;
    font-weight:600;
    transition:color 0.2s ease;
}

.content-html a:hover{
    text-decoration:underline;
}

.content-html table{
    width:100%;
    margin-bottom:1.5em;
    border-collapse:collapse;
}

.content-html table th,
.content-html table td{
    border:1px solid var(--border-color);
    padding:10px 15px;
    text-align:left;
}

.content-html table th{
    background:var(--bg-light);
    font-weight:700;
    color:var(--dark-text);
}
.contact-premium-hero{
    position:relative;
    overflow:hidden;
    border-radius:var(--radius-ui);
    background:linear-gradient(135deg, var(--primary-blue) 0%, #17267a 100%);
    padding:50px 40px;
    box-shadow:0 15px 40px rgba(61, 90, 254, 0.25);
    color:#fff;
    text-align:center;
    border:1px solid rgba(255, 255, 255, 0.1);
    margin-top:20px;
    margin-bottom:30px;
}

.contact-premium-hero::before{
    content:'';
    position:absolute;
    width:300px;
    height:300px;
    right:-50px;
    top:-100px;
    border-radius:50%;
    background:radial-gradient(circle, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0) 70%);
    pointer-events:none;
}

.contact-premium-hero::after{
    content:'';
    position:absolute;
    width:200px;
    height:200px;
    left:-30px;
    bottom:-50px;
    border-radius:50%;
    background:radial-gradient(circle, rgba(17, 211, 119, 0.15) 0%, rgba(255, 255, 255, 0) 70%);
    pointer-events:none;
}

.cph-icon{
    width:70px;
    height:70px;
    background:rgba(255, 255, 255, 0.1);
    border:1px solid rgba(255, 255, 255, 0.2);
    backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px);
    border-radius:var(--radius-ui);
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-size:36px;
    color:#fff;
    margin-bottom:15px;
    box-shadow:0 8px 25px rgba(0, 0, 0, 0.2);
    transform:rotate(-5deg);
    transition:transform 0.3s ease;
}


.cph-title{
    font-size:32px;
    font-weight:700;
    margin-bottom:10px;
    text-shadow:0 4px 10px rgba(0, 0, 0, 0.3);
}

.cph-desc{
    font-size:15px;
    font-weight:500;
    opacity:0.9;
    margin:0;
    max-width:600px;
    margin-left:auto;
    margin-right:auto;
}
.corp-sidebar{
    background:var(--bg-header);
    border:1px solid var(--border-color);
    border-radius:var(--radius-ui);
    padding:24px;
    box-shadow:0 10px 30px rgba(0, 0, 0, 0.03);
    position:sticky;
    top:100px;
    z-index:10;
}

.cs-title{
    font-size:13px;
    font-weight:700;
    color:var(--dark-text);
    text-transform:uppercase;
    letter-spacing:0.5px;
    margin-bottom:20px;
    display:flex;
    align-items:center;
    gap:10px;
    padding-bottom:15px;
    border-bottom:1px dashed var(--border-color);
}

.cs-title i{
    color:var(--primary-blue);
    background:rgba(61, 90, 254, 0.1);
    width:32px;
    height:32px;
    border-radius:var(--radius-ui);
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-size:16px;
}

.cs-menu{
    list-style:none;
    padding:0;
    margin:0;
    display:flex;
    flex-direction:column;
    gap:8px;
}

.cs-menu li a{
    display:flex;
    align-items:center;
    padding:14px 18px;
    border-radius:var(--radius-ui);
    color:var(--gray-text);
    font-size:14px;
    font-weight:600;
    text-decoration:none;
    transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    background:transparent;
    border:1px solid transparent;
    position:relative;
    overflow:hidden;
}

.cs-menu li a i.icon-main{
    margin-right:12px;
    font-size:18px;
    transition:all 0.3s ease;
}

.cs-menu li a i.icon-arrow{
    margin-left:auto;
    font-size:18px;
    opacity:0;
    transform:translateX(-15px);
    transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.cs-menu li a:hover{
    background:var(--bg-light);
    color:var(--dark-text);
    border-color:rgba(0,0,0,0.02);
}

body.dark-mode .cs-menu li a:hover{
    border-color:rgba(255,255,255,0.05);
}

.cs-menu li a:hover i.icon-main{
    color:var(--primary-blue);
}

.cs-menu li a:hover i.icon-arrow{
    opacity:1;
    color:var(--primary-blue);
}
.cs-menu li a.active{
    background:linear-gradient(135deg, var(--primary-blue) 0%, #283cb4 100%);
    color:#fff;
    box-shadow:0 6px 20px rgba(61, 90, 254, 0.35);
    border-color:transparent;
}

.cs-menu li a.active i.icon-main,
.cs-menu li a.active i.icon-arrow{
    color:#fff;
    opacity:1;
    transform:translateX(0);
}
.contact-grid{
    display:grid;
    grid-template-columns:repeat(2, 1fr);
    gap:15px;
    margin-bottom:30px;
}

.c-info-card{
    background:var(--bg-header);
    border:1px solid var(--border-color);
    border-radius:var(--radius-ui);
    padding:20px;
    display:flex;
    align-items:flex-start;
    gap:15px;
    transition:all 0.3s ease;
    box-shadow:0 2px 10px rgba(0,0,0,0.02);
}

.c-info-card:hover{
    border-color:var(--primary-blue);
    box-shadow:0 8px 25px rgba(61, 90, 254, 0.08);
}

.c-info-icon{
    width:48px;
    height:48px;
    border-radius:var(--radius-ui);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:24px;
    flex-shrink:0;
    transition:all 0.3s ease;
}
.c-icon-blue{ background:rgba(61, 90, 254, 0.1); color:var(--primary-blue); }
.c-icon-green{ background:rgba(17, 211, 119, 0.1); color:var(--success-green); }
.c-icon-orange{ background:rgba(255, 179, 0, 0.1); color:var(--warning-orange); }
.c-icon-purple{ background:rgba(156, 39, 176, 0.1); color:#9c27b0; }
.c-icon-red{ background:rgba(255, 68, 84, 0.1); color:var(--danger-red); }
.c-icon-dark{ background:var(--bg-light); color:var(--dark-text); }

.c-info-texts{
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.c-info-label{
    font-size:11px;
    text-transform:uppercase;
    letter-spacing:0.5px;
    color:var(--gray-text);
    font-weight:700;
    margin-bottom:4px;
}

.c-info-value{
    font-size:14px;
    font-weight:700;
    color:var(--dark-text);
    line-height:1.4;
    word-break:break-word;
}
.trust-showcase{
    background:#0b0f19;
    border-radius:var(--radius-ui);
    padding:25px 20px;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-wrap:wrap;
    gap:35px;
    margin-bottom:30px;
    border:1px solid rgba(255, 255, 255, 0.08);
    box-shadow:inset 0 4px 20px rgba(0,0,0,0.4);
}

.trust-badge-img{
    height:46px;
    object-fit:contain;
    opacity:0.6;
    transition:all 0.3s ease;
    filter:drop-shadow(0 2px 4px rgba(0,0,0,0.5));
}

.trust-badge-img:hover{
    opacity:1;
}
.contact-form-box{
    background:var(--bg-header);
    border:1px solid var(--border-color);
    border-radius:var(--radius-ui);
    padding:30px;
    box-shadow:0 4px 20px rgba(0,0,0,0.02);
}

.cf-title{
    font-size:18px;
    font-weight:700;
    color:var(--dark-text);
    display:flex;
    align-items:center;
    gap:10px;
    margin-bottom:25px;
    padding-bottom:15px;
    border-bottom:1px dashed var(--border-color);
}

.cf-title i{
    color:var(--primary-blue);
    background:rgba(61, 90, 254, 0.1);
    width:36px;
    height:36px;
    border-radius:var(--radius-ui);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:18px;
}

.cf-label{
    display:block;
    font-size:12px;
    font-weight:700;
    color:var(--gray-text);
    margin-bottom:8px;
    text-transform:uppercase;
    letter-spacing:0.5px;
}

.cf-input{
    width:100%;
    height:50px;
    background:var(--input-bg);
    border:1px solid var(--border-color);
    border-radius:var(--radius-ui);
    padding:0 20px;
    color:var(--dark-text);
    font-size:14px;
    transition:all 0.3s ease;
}

.cf-textarea{
    width:100%;
    min-height:120px;
    background:var(--input-bg);
    border:1px solid var(--border-color);
    border-radius:var(--radius-ui);
    padding:15px 20px;
    color:var(--dark-text);
    font-size:14px;
    transition:all 0.3s ease;
    resize:vertical;
}

.cf-input:focus, .cf-textarea:focus{
    background:var(--bg-header);
    border-color:var(--primary-blue);
    box-shadow:0 0 0 4px rgba(61,90,254,0.1);
    outline:none;
}
.custom-checkbox-wrap{
    display:flex;
    align-items:flex-start;
    gap:12px;
    margin-top:10px;
    padding:15px;
    background:rgba(61, 90, 254, 0.05);
    border-radius:var(--radius-ui);
    border:1px solid rgba(61, 90, 254, 0.1);
}

.custom-checkbox-wrap input[type="checkbox"]{
    width:20px;
    height:20px;
    margin-top:2px;
    accent-color:var(--primary-blue);
    cursor:pointer;
}

.custom-checkbox-wrap label{
    font-size:13px;
    color:var(--dark-text);
    line-height:1.5;
    font-weight:500;
    cursor:pointer;
    margin:0;
}

.custom-checkbox-wrap a{
    color:var(--primary-blue);
    font-weight:700;
    text-decoration:none;
    border-bottom:1px dashed var(--primary-blue);
}

.cf-submit{
    background:linear-gradient(135deg, var(--primary-blue), #283cb4);
    color:#fff;
    border:none;
    height:50px;
    padding:0 35px;
    border-radius:var(--radius-ui);
    font-size:15px;
    font-weight:700;
    display:inline-flex;
    align-items:center;
    gap:10px;
    cursor:pointer;
    transition:all 0.3s ease;
    box-shadow:0 6px 20px rgba(61,90,254,0.3);
}

.cf-submit:hover{
    box-shadow:0 8px 25px rgba(61,90,254,0.45);
    color:#fff;
}
.kvkk-swal-popup{
    padding:0 !important;
    border-radius:var(--radius-ui) !important;
    background:var(--bg-header) !important;
    border:1px solid var(--border-color) !important;
    max-width:650px !important;
    overflow:hidden;
}

.kvkk-swal-close{
    top:15px !important;
    right:15px !important;
    color:var(--gray-text) !important;
    background:var(--bg-light) !important;
    border-radius:var(--radius-ui) !important;
    width:36px !important;
    height:36px !important;
    display:flex !important;
    align-items:center;
    justify-content:center;
    transition:all 0.3s ease !important;
}

.kvkk-swal-close:hover{
    color:var(--danger-red) !important;
    background:rgba(255, 68, 84, 0.1) !important;
}

.kvkk-modal-header{
    display:flex;
    align-items:center;
    gap:15px;
    padding:25px 30px;
    border-bottom:1px solid var(--border-color);
    background:linear-gradient(180deg, rgba(61, 90, 254, 0.05) 0%, transparent 100%);
    text-align:left;
}

.kvkk-modal-header .icon-box{
    width:50px;
    height:50px;
    background:rgba(61, 90, 254, 0.1);
    color:var(--primary-blue);
    border-radius:var(--radius-ui);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:24px;
    flex-shrink:0;
}

.kvkk-modal-header .title-box h3{
    margin:0 0 4px 0;
    font-size:18px;
    font-weight:700;
    color:var(--dark-text);
}

.kvkk-modal-header .title-box p{
    margin:0;
    font-size:13px;
    color:var(--gray-text);
    font-weight:500;
}

.kvkk-modal-body{
    padding:30px;
    text-align:left;
    max-height:450px;
    overflow-y:auto;
    font-size:14px;
    line-height:1.6;
    color:var(--dark-text);
}

.kvkk-modal-body::-webkit-scrollbar{
    width:6px;
}
.kvkk-modal-body::-webkit-scrollbar-track{
    background:transparent;
}
.kvkk-modal-body::-webkit-scrollbar-thumb{
    background:rgba(133, 144, 158, 0.3);
    border-radius:var(--radius-ui);
}

.kvkk-modal-body p{
    margin-bottom:12px;
    color:var(--gray-text);
}

.kvkk-modal-body strong{
    color:var(--dark-text);
}

.kvkk-swal-confirm{
    background:var(--primary-blue) !important;
    color:#fff !important;
    border:none !important;
    border-radius:var(--radius-ui) !important;
    padding:12px 30px !important;
    font-weight:700 !important;
    font-size:14px !important;
    margin:0 30px 25px auto !important;
    display:inline-flex !important;
    transition:all 0.3s ease !important;
    box-shadow:0 4px 15px rgba(61, 90, 254, 0.2) !important;
}

.kvkk-swal-confirm:hover{
    box-shadow:0 6px 20px rgba(61, 90, 254, 0.35) !important;
}
.kvkk-swal-popup .swal2-actions{
    margin:0 !important;
    padding:0 !important;
    width:100% !important;
    display:flex !important;
    justify-content:center !important;
}
.kvkk-swal-popup .swal2-html-container{
    margin:0 !important;
    padding:0 !important;
}
.sv-page-wrapper{
    padding-bottom:60px;
}
.sv-premium-hero{
    position:relative;
    overflow:hidden;
    border-radius:var(--radius-ui);
    background:linear-gradient(135deg, #2b46f6 0%, #152485 100%);
    padding:50px 30px;
    text-align:center;
    color:#fff;
    margin-top:20px;
    margin-bottom:30px;
    box-shadow:0 10px 30px rgba(43, 70, 246, 0.2);
    border:1px solid rgba(255, 255, 255, 0.1);
}

.sv-premium-hero::before{
    content:'';
    position:absolute;
    width:300px;
    height:300px;
    top:-100px;
    left:-100px;
    background:radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%);
    border-radius:50%;
    pointer-events:none;
}

.sv-premium-hero::after{
    content:'';
    position:absolute;
    width:250px;
    height:250px;
    bottom:-80px;
    right:-80px;
    background:radial-gradient(circle, rgba(17,211,119,0.15) 0%, transparent 70%);
    border-radius:50%;
    pointer-events:none;
}

.sv-hero-icon{
    width:70px;
    height:70px;
    background:rgba(255,255,255,0.1);
    backdrop-filter:blur(10px);
    border:1px solid rgba(255,255,255,0.2);
    border-radius:var(--radius-ui);
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-size:32px;
    color:#11d377;
    margin-bottom:20px;
    box-shadow:0 8px 25px rgba(0,0,0,0.2);
}

.sv-hero-title{
    font-size:32px;
    font-weight:700;
    margin-bottom:15px;
    letter-spacing:-0.5px;
}

.sv-hero-desc{
    font-size:15px;
    font-weight:500;
    opacity:0.9;
    max-width:600px;
    margin:0 auto 25px auto;
    line-height:1.5;
}

.sv-hero-actions{
    position:relative;
    z-index:2;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:15px;
    flex-wrap:wrap;
}

.sv-btn{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:12px 24px;
    border-radius:var(--radius-ui);
    font-size:14px;
    font-weight:700;
    text-decoration:none;
    transition:all 0.3s ease;
    border:1px solid transparent;
    cursor:pointer;
}

.sv-btn.primary{
    background:var(--success-green);
    color:#fff;
    box-shadow:0 4px 15px rgba(17, 211, 119, 0.3);
}
.sv-btn.primary:hover{
    background:#0ebc6a;
    box-shadow:0 6px 20px rgba(17, 211, 119, 0.4);
    color:#fff;
}

.sv-btn.secondary{
    background:rgba(255,255,255,0.1);
    border-color:rgba(255,255,255,0.2);
    color:#fff;
    backdrop-filter:blur(5px);
}
.sv-btn.secondary:hover{
    background:rgba(255,255,255,0.2);
    color:#fff;
}
.sv-action-card{
    background:var(--bg-header);
    border:1px solid var(--border-color);
    border-radius:var(--radius-ui);
    padding:25px;
    height:100%;
    display:flex;
    flex-direction:column;
    transition:all 0.3s ease;
    box-shadow:0 4px 15px rgba(0,0,0,0.02);
}

.sv-action-card:hover{
    box-shadow:0 10px 30px rgba(61, 90, 254, 0.08);
    border-color:var(--primary-blue);
}

.sv-ac-icon{
    width:50px;
    height:50px;
    border-radius:var(--radius-ui);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:24px;
    margin-bottom:20px;
    transition:transform 0.3s ease;
}


.sv-ac-title{
    font-size:18px;
    font-weight:700;
    color:var(--dark-text);
    margin-bottom:10px;
}

.sv-ac-desc{
    font-size:13px;
    color:var(--gray-text);
    line-height:1.5;
    margin-bottom:20px;
    flex-grow:1;
}
.sv-section-title{
    font-size:22px;
    font-weight:700;
    color:var(--dark-text);
    margin-bottom:25px;
    display:flex;
    align-items:center;
    gap:10px;
}

.sv-section-title i{
    color:var(--primary-blue);
    background:rgba(61,90,254,0.1);
    width:40px;
    height:40px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:var(--radius-ui);
    font-size:20px;
}

.sv-steps-container{
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    gap:20px;
    position:relative;
}

.sv-step-box{
    background:var(--bg-header);
    border:1px solid var(--border-color);
    border-radius:var(--radius-ui);
    padding:25px 20px;
    text-align:center;
    position:relative;
    z-index:1;
    box-shadow:0 4px 15px rgba(0,0,0,0.02);
}

.sv-step-icon{
    width:70px;
    height:70px;
    margin:0 auto 15px auto;
    background:var(--bg-body);
    border:2px solid var(--border-color);
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:28px;
    color:var(--gray-text);
    position:relative;
    transition:all 0.3s ease;
}

.sv-step-box:hover .sv-step-icon{
    border-color:var(--primary-blue);
    color:var(--primary-blue);
    background:rgba(61,90,254,0.05);
}

.sv-step-num{
    position:absolute;
    top:-5px;
    right:-5px;
    width:24px;
    height:24px;
    background:var(--primary-blue);
    color:#fff;
    border-radius:50%;
    font-size:12px;
    font-weight:700;
    display:flex;
    align-items:center;
    justify-content:center;
    border:2px solid var(--bg-header);
}

.sv-step-title{
    font-size:15px;
    font-weight:700;
    color:var(--dark-text);
    margin-bottom:8px;
}

.sv-step-desc{
    font-size:12px;
    color:var(--gray-text);
    line-height:1.4;
    margin:0;
}
.sv-accordion .accordion-item{
    background:var(--bg-header);
    border:1px solid var(--border-color);
    border-radius:var(--radius-ui) !important;
    margin-bottom:10px;
    overflow:hidden;
    box-shadow:0 2px 8px rgba(0,0,0,0.02);
}

.sv-accordion .accordion-button{
    background:transparent;
    color:var(--dark-text);
    font-weight:700;
    font-size:15px;
    padding:20px 25px;
    box-shadow:none !important;
}

.sv-accordion .accordion-button:not(.collapsed){
    color:var(--primary-blue);
    background:rgba(61,90,254,0.03);
    border-bottom:1px dashed var(--border-color);
}

.sv-accordion .accordion-button::after{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M12 13.172l4.95-4.95 1.414 1.414L12 16 5.636 9.636 7.05 8.222z' fill='%2385909e'/%3E%3C/svg%3E");
}

.sv-accordion .accordion-button:not(.collapsed)::after{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M12 13.172l4.95-4.95 1.414 1.414L12 16 5.636 9.636 7.05 8.222z' fill='%233d5afe'/%3E%3C/svg%3E");
}

.sv-accordion .accordion-body{
    padding:20px 25px;
    color:var(--gray-text);
    font-size:14px;
    line-height:1.6;
}
.sv-cta-banner{
    background:linear-gradient(135deg, #ffb300 0%, #ff8f00 100%);
    border-radius:var(--radius-ui);
    padding:30px 40px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    flex-wrap:wrap;
    gap:20px;
    color:#fff;
    box-shadow:0 10px 25px rgba(255, 179, 0, 0.25);
}

.sv-cta-left h3{
    font-size:22px;
    font-weight:700;
    margin:0 0 5px 0;
}

.sv-cta-left p{
    margin:0;
    font-size:14px;
    opacity:0.9;
    font-weight:500;
}

.sv-btn-dark{
    background:#111;
    color:#fff;
    padding:14px 28px;
    border-radius:var(--radius-ui);
    font-weight:700;
    display:inline-flex;
    align-items:center;
    gap:8px;
    text-decoration:none;
    transition:all 0.3s ease;
}
.sv-btn-dark:hover{
    background:#000;
    box-shadow:0 6px 15px rgba(0,0,0,0.3);
    color:#fff;
}
body.dark-mode .sv-accordion .accordion-button{
    color:var(--dark-text);
}
.help-page-wrapper{
    padding-bottom:80px;
    background-color:transparent;
}
.hc-mesh-hero{
    position:relative;
    padding:60px 20px 50px;
    text-align:center;
    border-radius:var(--radius-ui);
    background:var(--bg-header);
    border:1px solid var(--border-color);
    box-shadow:0 4px 30px rgba(0, 0, 0, 0.02);
    margin-top:20px;
    margin-bottom:40px;
    overflow:hidden;
}
.hc-mesh-hero::before{
    content:'';
    position:absolute;
    top:-50%;
    left:-10%;
    width:60%;
    height:200%;
    background:radial-gradient(ellipse at center, rgba(61, 90, 254, 0.08) 0%, transparent 60%);
    pointer-events:none;
    z-index:0;
}

.hc-mesh-hero::after{
    content:'';
    position:absolute;
    bottom:-50%;
    right:-10%;
    width:60%;
    height:200%;
    background:radial-gradient(ellipse at center, rgba(17, 211, 119, 0.05) 0%, transparent 60%);
    pointer-events:none;
    z-index:0;
}

.hc-hero-title{
    font-size:36px;
    font-weight:700;
    color:var(--dark-text);
    margin-bottom:15px;
    position:relative;
    z-index:2;
    letter-spacing:-0.5px;
}

.hc-hero-desc{
    font-size:16px;
    color:var(--gray-text);
    font-weight:500;
    margin-bottom:40px;
    position:relative;
    z-index:2;
}
.hc-search-wrapper{
    max-width:680px;
    margin:0 auto;
    position:relative;
    z-index:2;
}

.hc-search-box{
    position:relative;
    width:100%;
    display:flex;
    align-items:center;
    background:var(--bg-body);
    border-radius:var(--radius-ui);
    border:1px solid var(--border-color);
    box-shadow:0 20px 40px rgba(0, 0, 0, 0.05), 0 1px 3px rgba(0,0,0,0.02);
    transition:all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.hc-search-box:focus-within{
    box-shadow:0 25px 50px rgba(61, 90, 254, 0.12), 0 0 0 4px rgba(61, 90, 254, 0.1);
    border-color:var(--primary-blue);
}

.hc-search-box i.search-ico{
    position:absolute;
    left:24px;
    font-size:24px;
    color:var(--primary-blue);
    z-index:3;
}

.hc-search-box input{
    width:100%;
    height:68px;
    border:none;
    background:transparent;
    border-radius:var(--radius-ui);
    padding:0 60px 0 64px;
    font-size:16px;
    font-weight:500;
    color:var(--dark-text);
    transition:all 0.3s ease;
}

.hc-search-box input::placeholder{
    color:var(--gray-text);
    font-weight:500;
}
.hc-search-box input:focus{
    outline:none;
}

.hc-search-box .clear-btn{
    position:absolute;
    right:16px;
    background:var(--bg-light);
    color:var(--gray-text);
    border:1px solid var(--border-color);
    width:36px;
    height:36px;
    border-radius:var(--radius-ui);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:18px;
    cursor:pointer;
    transition:all 0.2s ease;
    z-index:3;
    display:none;
}

.hc-search-box .clear-btn:hover{
    background:rgba(255, 68, 84, 0.1);
    color:var(--danger-red);
    border-color:transparent;
}
.hc-split-container{
    display:flex;
    align-items:flex-start;
    gap:40px;
}
.hc-sidebar{
    flex:0 0 280px;
    position:sticky;
    top:100px;
    display:flex;
    flex-direction:column;
    gap:30px;
}

.hc-sidebar-block{
    background:var(--bg-header);
    border:1px solid var(--border-color);
    border-radius:var(--radius-ui);
    padding:24px;
    box-shadow:0 4px 20px rgba(0,0,0,0.02);
    width: 100%;
}

.hc-sidebar-title{
    font-size:11px;
    font-weight:700;
    color:var(--gray-text);
    text-transform:uppercase;
    letter-spacing:1px;
    margin-bottom:15px;
}

.hc-cat-list{
    list-style:none;
    padding:0;
    margin:0;
    display:flex;
    flex-direction:column;
    gap:6px;
}

.hc-cat-item{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:12px 16px;
    border-radius:var(--radius-ui);
    color:var(--dark-text);
    font-size:14px;
    font-weight:600;
    cursor:pointer;
    transition:all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
    border:1px solid transparent;
    background:transparent;
}

.hc-cat-item i{
    opacity:0;
    transform:translateX(-10px);
    transition:all 0.3s ease;
    color:var(--primary-blue);
}

.hc-cat-item:hover{
    background:var(--bg-light);
    padding-left:20px;
}

.hc-cat-item.active{
    background:rgba(61, 90, 254, 0.08);
    border-color:rgba(61, 90, 254, 0.15);
    color:var(--primary-blue);
    padding-left:20px;
}

.hc-cat-item.active i{
    opacity:1;
    transform:translateX(0);
}
.hc-support-card{
    background:linear-gradient(135deg, rgba(61, 90, 254, 0.05) 0%, rgba(61, 90, 254, 0.15) 100%);
    border:1px solid rgba(61, 90, 254, 0.2);
    border-radius:var(--radius-ui);
    padding:24px;
    text-align:center;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:12px;
}

.hc-sc-icon{
    width:48px;
    height:48px;
    background:var(--primary-blue);
    color:#fff;
    border-radius:var(--radius-ui);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:24px;
    box-shadow:0 6px 15px rgba(61, 90, 254, 0.3);
}

.hc-support-card h4,
.hc-sc-title{
    font-size:16px;
    font-weight:700;
    color:var(--dark-text);
    margin:0;
}

.hc-support-card p{
    font-size:13px;
    color:var(--gray-text);
    line-height:1.4;
    margin:0;
}

.hc-sc-btn{
    width:100%;
    padding:12px;
    background:var(--bg-header);
    color:var(--primary-blue);
    border:1px solid rgba(61, 90, 254, 0.2);
    border-radius:var(--radius-ui);
    font-size:13px;
    font-weight:700;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    cursor:pointer;
    transition:all 0.3s ease;
    margin-top:5px;
}

.hc-sc-btn:hover{
    background:var(--primary-blue);
    color:#fff;
    box-shadow:0 4px 15px rgba(61, 90, 254, 0.3);
}
.hc-content{
    flex:1;
    min-width:0;
}

.hc-accordion-container{
    display:flex;
    flex-direction:column;
    gap:12px;
}

.help-item{
    background:var(--bg-header);
    border:1px solid var(--border-color);
    border-radius:var(--radius-ui);
    overflow:hidden;
    transition:all 0.3s ease;
    box-shadow:0 2px 10px rgba(0,0,0,0.01);
}

.help-item:hover{
    border-color:rgba(61, 90, 254, 0.3);
    box-shadow:0 8px 25px rgba(0,0,0,0.04);
}

.row-btn{
    padding:22px 25px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    cursor:pointer;
    user-select:none;
    transition:padding 0.3s ease;
}

.row-title{
    font-size:15px;
    font-weight:700;
    color:var(--dark-text);
    margin:0;
    transition:color 0.3s ease;
}

.row-btn:hover{
    padding-left:30px;
}
.row-btn:hover .row-title{
    color:var(--primary-blue);
}

.acc-action{
    width:32px;
    height:32px;
    background:var(--bg-light);
    border-radius:var(--radius-ui);
    display:flex;
    align-items:center;
    justify-content:center;
    color:var(--gray-text);
    font-size:18px;
    transition:all 0.3s ease;
    flex-shrink:0;
}

.row-btn:hover .acc-action{
    background:rgba(61, 90, 254, 0.1);
    color:var(--primary-blue);
}
.open-panel{
    border-top:1px solid var(--border-color);
    padding:25px 30px;
    position:relative;
    animation:fadeInDown 0.3s ease forwards;
    border-left:3px solid var(--primary-blue);
}

@keyframes fadeInDown{
    from{ opacity:0; transform:translateY(-5px); }
    to{ opacity:1; transform:translateY(0); }
}

.panel-content{
    color:var(--dark-text);
    font-size:14px;
    line-height:1.8;
}

.panel-content h1, .panel-content h2, .panel-content h3{
    font-size:18px;
    font-weight:700;
    margin-top:1.5em;
    margin-bottom:0.8em;
    color:var(--dark-text);
}

.panel-content p{
    margin-bottom:1em;
    color:var(--gray-text);
}

.panel-content a{
    color:var(--primary-blue);
    text-decoration:underline;
    font-weight:600;
}

.panel-content img{
    max-width:100%;
    height:auto;
    border-radius:var(--radius-ui);
    margin:15px 0;
    border:1px solid var(--border-color);
}
mark[data-hl]{
    background:rgba(255, 179, 0, 0.2);
    color:var(--warning-orange);
    padding:0 4px;
    border-radius:6px;
    font-weight:700;
}
.empty-state{
    text-align:center;
    padding:60px 20px;
    background:var(--bg-header);
    border:1px dashed var(--border-color);
    border-radius:var(--radius-ui);
    color:var(--gray-text);
    font-weight:600;
    font-size:15px;
}

.empty-state .icon{
    width:64px;
    height:64px;
    background:var(--bg-light);
    color:var(--gray-text);
    border-radius:var(--radius-ui);
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-size:32px;
    margin-bottom:15px;
}
.breadcrumb.m-0{
    background:var(--bg-header);
    border-bottom:1px solid var(--border-color);
    padding:10px 0;
    font-family:'Gilroy', sans-serif;
}

.breadcrumb .container-xxl{
    display:flex;
    align-items:center;
}

.breadcrumb.m-0 ol{
    list-style:none;
    margin:0;
    padding:0;
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:0;
}

.breadcrumb.m-0 li{
    display:inline-flex;
    align-items:center;
    font-size:13px;
    font-weight:500;
}
.breadcrumb.m-0 li:not(:last-of-type)::after{
    content:"·";
    margin:0 8px;
    color:var(--border-color);
    font-weight:400;
    font-size:16px;
    line-height:1;
}

.breadcrumb.m-0 li a{
    color:var(--gray-text);
    text-decoration:none;
    transition:color 0.15s ease;
    display:inline-flex;
    align-items:center;
    gap:5px;
}

.breadcrumb.m-0 li a,
.breadcrumb.m-0 li a span{
    display:inline-flex;
    align-items:center;
    gap:5px;
}

.breadcrumb.m-0 li a i{
    font-size:14px;
    line-height:1;
    flex-shrink:0;
    opacity:0.8;
}
.breadcrumb.m-0 li a:hover{
    color:var(--primary-blue);
}
.breadcrumb.m-0 li:last-of-type a,
.breadcrumb.m-0 li:last-of-type span{
    color:var(--dark-text);
    font-weight:600;
    pointer-events:none;
}
body.dark-mode .breadcrumb.m-0{
    background:var(--bg-header);
    border-bottom:1px solid var(--border-color);
}

body.dark-mode .breadcrumb.m-0 li:not(:last-of-type)::after{
    color:var(--border-color);
}

body.dark-mode .breadcrumb.m-0 li a{
    color:var(--gray-text);
}

body.dark-mode .breadcrumb.m-0 li:last-of-type a,
body.dark-mode .breadcrumb.m-0 li:last-of-type span{
    color:#e6edf3;
}

/* Sayfa ilk elementi - header ile content arası tutarlı üst boşluk (1.5rem) - admin/panel/partial hariç */
.m-stores-page,
.m-store-hero,
.store-doping-wrapper,
.streamer-content,
.giveaway-section.giveaway-index-page,
.giveaway-section.giveaway-completed-page,
.gwd-section.giveaway-show-page,
.market-page-wrapper,
.dealer-page-wrapper,
.about-page-wrapper,
.sv-page-wrapper,
.sponsor-page-wrapper,
.help-page-wrapper,
.corp-page-wrapper,
.cat-page-wrapper,
.saas-cat-hero,
.ilanlarim-sub-hero.all-categories,
.detail,
.customerarea,
.giveaway-claim,
.cart-main,
.cart-page-wrap,
.checkout,
.success,
.t-detail,
.advert-detail-section,
.clean-deals-hero,
.hero,
.article-page-wrapper,
.cover-reqform{
    padding-top:1.5rem;
}
.market-page-wrapper{
    padding-bottom:80px;
}
.ng-hero{
    position:relative;
    border-radius:var(--radius-ui);
    background:linear-gradient(135deg, var(--primary-blue) 0%, #283cb4 100%);
    padding:40px 40px;
    margin-top:10px;
    margin-bottom:30px;
    overflow:hidden;
    border:1px solid rgba(61, 90, 254, 0.2);
    box-shadow:0 10px 30px rgba(61, 90, 254, 0.2);
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:30px;
}
.ng-hero::before{
    content:'';
    position:absolute;
    top:-50%;
    left:-20%;
    width:60%;
    height:200%;
    background:radial-gradient(ellipse at center, rgba(255, 255, 255, 0.15) 0%, transparent 60%);
    pointer-events:none;
    z-index:0;
}

.ng-hero::after{
    content:'';
    position:absolute;
    bottom:-50%;
    right:-10%;
    width:50%;
    height:150%;
    background:radial-gradient(ellipse at center, rgba(17, 211, 119, 0.15) 0%, transparent 60%);
    pointer-events:none;
    z-index:0;
}
.ng-hero-grid{
    position:absolute;
    inset:0;
    background-image:linear-gradient(rgba(255,255,255,0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.05) 1px, transparent 1px);
    background-size:40px 40px;
    opacity:0.6;
    z-index:0;
    pointer-events:none;
    mask-image:linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
    -webkit-mask-image:linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
}

.ng-hero-content{
    position:relative;
    z-index:2;
    max-width:650px;
}

.ng-hero-title,
.ng-hero-content .hero-title{
    font-size:32px;
    font-weight:700;
    color:#fff;
    margin-bottom:10px;
    letter-spacing:-0.5px;
    line-height:1.2;
}

.ng-hero-desc{
    font-size:14px;
    color:rgba(255, 255, 255, 0.85);
    font-weight:500;
    margin:0;
    line-height:1.6;
}

.ng-hero-action{
    position:relative;
    z-index:2;
    flex-shrink:0;
}
.ng-btn-create{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    width:auto;
    min-width:180px;
    height:56px;
    padding:0 24px;
    padding-right:12px;
    background:#ffffff;
    color:var(--primary-blue) !important;
    border-radius:var(--radius-ui);
    font-size:15px;
    font-weight:700;
    text-decoration:none;
    overflow:hidden;
    transition:all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
    box-shadow:0 8px 20px rgba(0, 0, 0, 0.15);
}
 
.ng-btn-create::before{
    content:'';
    position:absolute;
    inset:0;
    z-index:0;
    background:linear-gradient(135deg, #f0f3ff, #e2e8ff);
    opacity:0;
    transition:opacity 0.4s ease;
}

.ng-btn-create::after{
    content:'';
    position:absolute;
    top:0;
    left:-100%;
    z-index:0;
    width:60%;
    height:100%;
    background:linear-gradient(90deg, transparent, rgba(255,255,255,0.5), transparent);
    transform:skewX(-20deg);
    transition:left 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

.ng-btn-create span, .ng-btn-create .ng-btn-create-icon-wrap, .ng-btn-create > i{
    position:relative;
    z-index:1;
}

.ng-btn-create-icon-wrap{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    width:30px;
    height:30px;
}

.ng-btn-create .ng-btn-icon-default,
.ng-btn-create .ng-btn-icon-hover{
    position:absolute;
    font-size:22px;
    background:rgba(61, 90, 254, 0.1);
    color:var(--primary-blue);
    padding:6px;
    border-radius:var(--radius-ui);
    display:flex;
    align-items:center;
    justify-content:center;
    width:30px;
    height:30px;
    transition:opacity 0.35s ease, transform 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}

.ng-btn-create .ng-btn-icon-hover{
    opacity:0;
    transform:scale(0.5);
}

.ng-btn-create:hover .ng-btn-icon-default{
    opacity:0;
    transform:scale(0.5);
}

.ng-btn-create:hover .ng-btn-icon-hover{
    opacity:1;
    transform:scale(1);
}

.ng-btn-create:hover{
    box-shadow:0 12px 25px rgba(0, 0, 0, 0.2);
}

.ng-btn-create:hover::before{
    opacity:1;
}

.ng-btn-create:hover::after{
    left:100%;
}
body.dark-mode .ng-btn-create{
    background:#ffffff;
    color:var(--primary-blue) !important;
}
.ng-toolbar{
    display:flex;
    align-items:center;
    justify-content:space-between;
    background:var(--bg-header);
    border:1px solid var(--border-color);
    padding:12px 16px;
    border-radius:var(--radius-ui);
    margin-bottom:30px;
    box-shadow:0 4px 20px rgba(0,0,0,0.02);
    gap:15px;
}

.ng-toolbar-search{
    flex:1;
    position:relative;
    display:flex;
    align-items:stretch;
    gap:0;
    min-width:0;
}

.ng-toolbar-search i.search-icon{
    position:absolute;
    left:16px;
    top:50%;
    transform:translateY(-50%);
    font-size:20px;
    color:var(--gray-text);
    pointer-events:none;
}

.ng-toolbar-search input{
    flex:1;
    min-width:0;
    height:44px;
    background:var(--bg-body);
    border:1px solid var(--border-color);
    border-right:none;
    border-radius:var(--radius-ui) 0 0 var(--radius-ui);
    padding:0 16px 0 45px;
    font-size:14px;
    color:var(--dark-text);
    font-weight:600;
    transition:all 0.3s ease;
}

.ng-toolbar-search input[name="keyword"]{
    border-radius:var(--radius-ui) 0 0 var(--radius-ui);
}

.ng-toolbar-search-divider{
    width:1px;
    min-width:1px;
    background:var(--border-color);
    align-self:stretch;
    flex-shrink:0;
}

.ng-toolbar-search .ng-toolbar-seller-input{
    flex:0 0 160px;
    min-width:100px;
    max-width:180px;
    padding:0 12px;
    border:1px solid var(--border-color);
    border-left:none;
    border-right:none;
    border-radius:0;
}

.ng-toolbar-search:focus-within .ng-toolbar-seller-input{
    border-color:var(--primary-blue);
}

.ng-toolbar-search .ng-search-btn{
    display:inline-flex;
    align-items:center;
    gap:8px;
    height:44px;
    padding:0 16px;
    border:1px solid var(--border-color);
    border-left:none;
    border-radius:0 var(--radius-ui) var(--radius-ui) 0;
    background:var(--bg-body);
    color:var(--gray-text);
    font-size:13px;
    font-weight:700;
    cursor:pointer;
    white-space:nowrap;
    transition:color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease;
}

.ng-toolbar-search .ng-search-btn:hover{
    color:var(--primary-blue);
}

.ng-toolbar-search .ng-search-btn i{
    font-size:17px;
}

.ng-toolbar-search:focus-within input{
    background:var(--bg-header);
    border-color:var(--primary-blue);
}
.ng-toolbar-search:focus-within .ng-search-btn{
    border-color:var(--primary-blue);
    color:var(--primary-blue);
}
.ng-toolbar-search input:focus{
    box-shadow:none;
    outline:none;
}
.ng-toolbar-search:focus-within{
    box-shadow:0 0 0 3px rgba(61,90,254,0.1);
    border-radius:var(--radius-ui);
}

.ng-toolbar-actions{
    display:flex;
    align-items:center;
    gap:12px;
}

.ng-select{
    height:44px;
    background-color:var(--bg-body);
    border:1px solid var(--border-color);
    color:var(--dark-text);
    border-radius:var(--radius-ui);
    padding:0 40px 0 16px;
    font-size:13px;
    font-weight:700;
    cursor:pointer;
    appearance:none;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M12 13.172l4.95-4.95 1.414 1.414L12 16 5.636 9.636 7.05 8.222z' fill='%2385909e'/%3E%3C/svg%3E");
    background-repeat:no-repeat;
    background-position:right 12px center;
    transition:border-color 0.3s ease, background-color 0.3s ease;
}

.ng-select:focus{
    border-color:var(--primary-blue);
    background-color:var(--bg-header);
    outline:none;
}
body.dark-mode .ng-select{
    background-color:var(--bg-body);
    border:1px solid var(--border-color);
    color:var(--dark-text);
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M12 13.172l4.95-4.95 1.414 1.414L12 16 5.636 9.636 7.05 8.222z' fill='%2394a3b8'/%3E%3C/svg%3E");
}
.ng-sidebar{
    background:var(--bg-header);
    border-radius:var(--radius-ui);
    border:1px solid var(--border-color);
    padding:0;
    position:sticky;
    top:90px;
    box-shadow:0 4px 25px rgba(0,0,0,0.02);
    overflow:hidden;
}

.ng-sidebar-section{
    padding:24px;
    border-bottom:1px dashed var(--border-color);
}
.ng-sidebar-section:last-child{
    border-bottom:none;
}

.ng-sidebar-title{
    font-size:11px;
    font-weight:700;
    color:var(--gray-text);
    text-transform:uppercase;
    letter-spacing:1px;
    margin-bottom:16px;
    display:flex;
    align-items:center;
    gap:8px;
}
.ng-cat-tree-wrap{
    position:relative;
}

.ng-cat-tree-scroll{
    position:relative;
}

.ng-cat-tree-scroll.has-more .ng-cat-tree{
    max-height:350px;
}

.ng-cat-tree{
    list-style:none;
    padding:0;
    margin:0;
    overflow-y:auto;
    scrollbar-width:thin;
    padding-right:5px;
}

.ng-cat-tree.expanded{
    max-height:none !important;
}

.ng-cat-tree-fade{
    position:absolute;
    bottom:0;
    left:0;
    right:12px;
    height:60px;
    pointer-events:none;
    background:linear-gradient(to top, var(--bg-header) 40%, transparent);
}

.ng-cat-tree.expanded ~ .ng-cat-tree-fade{
    display:none !important;
}

.ng-cat-expand-btn{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    width:100%;
    margin-top:12px;
    padding:10px 14px;
    font-size:12px;
    font-weight:600;
    color:var(--primary-blue);
    background:rgba(61, 90, 254, 0.08);
    border:1px solid rgba(61, 90, 254, 0.2);
    border-radius:var(--radius-ui);
    cursor:pointer;
    transition:all 0.2s ease;
}

.ng-cat-expand-btn:hover{
    background:rgba(61, 90, 254, 0.12);
    border-color:rgba(61, 90, 254, 0.3);
}

.ng-cat-expand-btn i{
    font-size:16px;
}

.ng-cat-tree.expanded ~ .ng-cat-expand-btn{
    display:none !important;
}

.ng-cat-tree::-webkit-scrollbar{ width:4px; }
.ng-cat-tree::-webkit-scrollbar-thumb{ background:var(--border-color); border-radius:var(--radius-ui); }

.load-sub-cat{
    display:none;
}

/* Kategori arama input + sağa hizalı yükleme spinner'ı */
.kategori-search-wrap{
    position:relative;
}
.kategori-search-wrap .ng-input{
    width:100%;
    padding-right:36px;
}
.kategori-search-loading{
    position:absolute;
    right:12px;
    top:50%;
    transform:translateY(-50%);
    pointer-events:none;
    color:var(--gray-text);
    font-size:18px;
    line-height:1;
    display:none;
}
.kategori-search-loading.show{
    display:inline-block;
}
.kategori-search-loading i{
    display:inline-block;
    animation:kategori-search-spin .9s linear infinite;
}
@keyframes kategori-search-spin{
    to{ transform:rotate(360deg); }
}

.ng-cat-item{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:10px 12px;
    border-radius:var(--radius-ui);
    cursor:pointer;
    transition:all 0.2s ease;
    font-size:13px;
    font-weight:700;
    color:var(--dark-text);
    margin-bottom:4px;
    border:1px solid transparent;
}

.ng-cat-item:hover{
    background:var(--bg-light);
}

.ng-cat-item.opened{
    background:rgba(61, 90, 254, 0.05);
    border-color:rgba(61, 90, 254, 0.1);
    color:var(--primary-blue);
}

.ng-cat-tree .ng-cat-item .down-icon{
    display:inline-block;
    transition:transform 0.25s ease;
}

.ng-cat-item.opened .down-icon{
    transform:rotate(180deg);
}

.ng-cat-icon{
    width:32px;
    height:32px;
    border-radius:var(--radius-ui);
    display:inline-flex;
    align-items:center;
    justify-content:center;
    margin-right:12px;
    padding:6px;
    box-shadow:0 2px 8px rgba(0,0,0,0.1);
}

.ng-cat-icon img{
    width:100%;
    height:100%;
    object-fit:contain;
}
.cat-tree-sub{
    list-style:none;
    padding:2px 0 2px 8px;
    margin:2px 0 4px 14px;
    border-left:1px dashed var(--border-color);
}

.cat-tree-sub .item{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:2px 0;
    font-size:11px;
}

.cat-tree-sub .item .d-flex{
    gap:5px;
}

.cat-tree-sub label{
    margin-left:4px;
    font-size:11px !important;
}

.cat-tree-sub .item input[type="checkbox"]{
    width:12px;
    height:12px;
    accent-color:var(--primary-blue);
    cursor:pointer;
    border-radius:3px;
    flex-shrink:0;
    margin: 0;
}

.cat-tree-sub .item label{
    font-size:11px !important;
    color:var(--gray-text);
    cursor:pointer;
    transition:color 0.2s ease;
    margin:0;
    user-select:none;
    font-weight:500;
}

.cat-tree-sub .item label:hover{
    color:var(--primary-blue);
}

.cat-tree-sub .item span{
    font-size:10px !important;
    opacity:0.6;
}
.ng-switch-wrap{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:14px 16px;
    background:var(--bg-body);
    border-radius:var(--radius-ui);
    border:1px solid var(--border-color);
    cursor:pointer;
    font-weight:700;
    font-size:13px;
    color:var(--dark-text);
    transition:all 0.3s ease;
    margin-bottom:10px;
}

.ng-switch-wrap:hover{
    background:var(--bg-light);
    border-color:var(--border-color);
}

.ng-switch-wrap.on{
    background:rgba(61, 90, 254, 0.05);
    border-color:rgba(61, 90, 254, 0.2);
    color:var(--primary-blue);
}

.ng-switch-box{
    width:40px;
    height:22px;
    background:#cbd5e1;
    border-radius:var(--radius-ui);
    position:relative;
    transition:all 0.3s ease;
}

.ng-switch-box::after{
    content:'';
    position:absolute;
    width:18px;
    height:18px;
    background:#fff;
    border-radius:50%;
    top:2px;
    left:2px;
    transition:all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    box-shadow:0 2px 5px rgba(0,0,0,0.2);
}

.ng-switch-wrap.on .ng-switch-box{ background:var(--primary-blue); }
.ng-switch-wrap.on .ng-switch-box::after{ left:calc(100% - 20px); }

.ng-switch-wrap.on.green-switch .ng-switch-box{ background:var(--success-green); }

body.dark-mode .ng-switch-box{ background:rgba(255,255,255,0.15); }
body.dark-mode .ng-switch-wrap:hover:not(.on) .ng-switch-box{ background:rgba(255,255,255,0.22); }
body.dark-mode .ng-switch-box::after{ background:var(--dark-text); box-shadow:0 2px 6px rgba(0,0,0,0.4); }
body.dark-mode .ng-switch-wrap.on .ng-switch-box::after{ background:#fff; }
.ng-price-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px;
}

.ng-input{
    width:100%;
    height:44px;
    background:var(--bg-body);
    border:1px solid transparent;
    border-radius:var(--radius-ui);
    padding:0 16px;
    font-size:13px;
    font-weight:600;
    color:var(--dark-text);
    transition:all 0.2s;
}
.ng-input:focus{
    border-color:var(--primary-blue);
    background:var(--bg-header);
    box-shadow:0 0 0 3px rgba(61,90,254,0.1);
    outline:none;
}
.ng-btn-filter{
    width:100%;
    height:50px;
    border-radius:var(--radius-ui);
    background:var(--primary-blue);
    color:#fff;
    font-weight:700;
    font-size:14px;
    border:none;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    transition:all 0.3s ease;
    box-shadow:0 4px 15px rgba(61, 90, 254, 0.3);
}
.ng-btn-filter:hover{
    box-shadow:0 8px 25px rgba(61, 90, 254, 0.4);
}

.ng-btn-reset{
    width:100%;
    height:44px;
    border-radius:var(--radius-ui);
    background:transparent;
    color:var(--gray-text);
    font-weight:700;
    font-size:13px;
    border:1px solid var(--border-color);
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    margin-top:12px;
    transition:all 0.3s ease;
}
.ng-btn-reset:hover{
    background:rgba(255, 68, 84, 0.1);
    color:var(--danger-red);
    border-color:transparent;
}
.grid-5-col{
    display:grid;
    grid-template-columns:repeat(5, 1fr);
    gap:16px;
}
.grid-6-col{
    display:grid;
    grid-template-columns:repeat(6, 1fr);
    gap:16px;
}

.grid-item-wrap{ width:100%; min-width:0; }
.market-page-wrapper .filter-cover-box{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-bottom:16px;
}

.market-page-wrapper .filter-cover-box .filter-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    padding:10px 14px;
    border-radius:var(--radius-ui);
    border:1px solid var(--border-color);
    background:var(--bg-header);
    color:var(--gray-text);
    text-decoration:none;
    font-size:13px;
    font-weight:700;
    line-height:1;
    transition:all 0.2s ease;
}

.market-page-wrapper .filter-cover-box .filter-btn i{
    font-size:15px;
    color:var(--primary-blue);
}

.market-page-wrapper .filter-cover-box .filter-btn:hover{
    border-color:rgba(61, 90, 254, 0.35);
    color:var(--primary-blue);
}

.market-page-wrapper .filter-cover-box .filter-btn.selected{
    background:linear-gradient(135deg, var(--primary-blue) 0%, #4f6bff 100%);
    border-color:transparent;
    color:#fff;
    box-shadow:0 8px 20px rgba(61, 90, 254, 0.22);
}

.market-page-wrapper .filter-cover-box .filter-btn.selected i{
    color:#fff;
}

/* CS2 skin — float filtresi: sidebar / filter-btn ile aynı dil (sade ray, nötr tutamaç) */
.market-page-wrapper .cs2-float-filter{
    margin-bottom:16px;
}
.market-page-wrapper .cs2-float-stack{
    display:flex;
    flex-direction:column;
    gap:12px;
}
.market-page-wrapper .cs2-wear-spectrum-wrap{
    margin:0;
    padding:8px 0;
    user-select:none;
}
.market-page-wrapper .cs2-wear-spectrum-track{
    position:relative;
    height:8px;
    border-radius:999px;
    touch-action:none;
    cursor:pointer;
    background:linear-gradient(to right, #4caf50 0%, #8bc34a 15%, #cddc39 38%, #ffc107 45%, #f44336 100%);
    border:1px solid var(--border-color);
    box-shadow:inset 0 1px 2px rgba(0,0,0,0.06);
}
body.dark-mode .market-page-wrapper .cs2-wear-spectrum-track{
    box-shadow:inset 0 1px 2px rgba(0,0,0,0.35);
}
.market-page-wrapper .cs2-wear-spectrum-dim{
    position:absolute;
    top:0;
    bottom:0;
    pointer-events:none;
    z-index:1;
    background:rgba(15,23,42,0.38);
}
body.dark-mode .market-page-wrapper .cs2-wear-spectrum-dim{
    background:rgba(0,0,0,0.45);
}
.market-page-wrapper .cs2-wear-spectrum-dim-left{
    left:0;
    width:0;
    border-top-left-radius:999px;
    border-bottom-left-radius:999px;
}
.market-page-wrapper .cs2-wear-spectrum-dim-right{
    left:100%;
    width:0;
    border-top-right-radius:999px;
    border-bottom-right-radius:999px;
}
.market-page-wrapper .cs2-float-handle{
    position:absolute;
    top:50%;
    width:16px;
    height:16px;
    margin-top:-8px;
    margin-left:-8px;
    padding:0;
    border:2px solid var(--primary-blue);
    border-radius:50%;
    background:var(--bg-header);
    box-shadow:0 1px 4px rgba(0,0,0,0.1);
    cursor:grab;
    z-index:2;
    transition:box-shadow 0.15s ease, transform 0.12s ease;
}
.market-page-wrapper .cs2-float-handle:hover{
    z-index:3;
    box-shadow:0 0 0 3px rgba(61,90,254,0.12);
}
.market-page-wrapper .cs2-float-handle:active,
.market-page-wrapper .cs2-float-handle.is-dragging{
    cursor:grabbing;
    z-index:4;
    box-shadow:0 0 0 3px rgba(61,90,254,0.2);
}
.market-page-wrapper .cs2-float-handle:focus-visible{
    outline:2px solid var(--primary-blue);
    outline-offset:2px;
}
.market-page-wrapper .cs2-float-handle-max{
    z-index:2;
}
.market-page-wrapper .cs2-float-inputs{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px;
}
.market-page-wrapper .cs2-float-field{
    display:flex;
    flex-direction:column;
    gap:6px;
    min-width:0;
}
.market-page-wrapper .cs2-float-field-hint{
    font-size:11px;
    font-weight:700;
    color:var(--gray-text);
    line-height:1.2;
}
.market-page-wrapper .cs2-float-inputs .ng-input.cs2-float-input{
    height:44px;
    font-variant-numeric:tabular-nums;
    font-size:13px;
}
.market-page-wrapper .cs2-wear-presets{
    display:grid;
    grid-template-columns:repeat(5, minmax(0, 1fr));
    gap:8px;
}
@media (max-width: 400px){
    .market-page-wrapper .cs2-wear-presets{
        gap:6px;
    }
}
.market-page-wrapper .cs2-wear-preset{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:0;
    min-height:0;
    margin:0;
    padding:10px 4px;
    border-radius:var(--radius-ui);
    border:1px solid var(--border-color);
    background:var(--bg-header);
    color:var(--gray-text);
    font-size:12px;
    font-weight:700;
    line-height:1;
    letter-spacing:0.2px;
    cursor:pointer;
    transition:all 0.2s ease;
}
.market-page-wrapper .cs2-wear-preset:hover{
    border-color:rgba(61,90,254,0.35);
    color:var(--primary-blue);
}
.market-page-wrapper .cs2-wear-preset.is-selected{
    background:linear-gradient(135deg, var(--primary-blue) 0%, #4f6bff 100%);
    border-color:transparent;
    color:#fff;
    box-shadow:0 6px 16px rgba(61,90,254,0.2);
}
body.dark-mode .market-page-wrapper .cs2-wear-preset{
    background:var(--bg-header);
}
body.dark-mode .market-page-wrapper .cs2-wear-preset.is-selected{
    background:linear-gradient(135deg, var(--primary-blue) 0%, #4f6bff 100%);
    color:#fff;
}

.market-page-wrapper .ng-form-block{
    margin-bottom:12px;
}

.market-page-wrapper .ng-field-label{
    display:block;
    margin-bottom:8px;
    font-size:12px;
    font-weight:800;
    color:var(--dark-text);
    letter-spacing:0.2px;
}

.market-page-wrapper .ng-sidebar .ng-select,
.market-page-wrapper .ng-sidebar .ng-input{
    width:100%;
    max-width:100%;
    height:44px;
    background-color:var(--bg-body);
    border:1px solid var(--border-color);
    font-size:13px;
    font-weight:600;
    box-sizing:border-box;
}

.market-page-wrapper .ng-sidebar .ng-select:focus,
.market-page-wrapper .ng-sidebar .ng-input:focus{
    border-color:var(--primary-blue);
    box-shadow:0 0 0 3px rgba(61, 90, 254, 0.1);
    background-color:var(--bg-header);
}
.infinite-scroll-loader{
    display:none;
    align-items:center;
    justify-content:center;
    padding:40px 0;
    gap:12px;
    width:100%;
    grid-column:1 / -1;
    clear:both;
}
.infinite-scroll-loader .loader-text{
    font-size:15px;
    font-weight:700;
    color:var(--primary-blue);
    letter-spacing:0.5px;
    animation:pulseText 1.5s infinite;
}
.infinite-scroll-loader .spinner{
    width:32px;
    height:32px;
    border:3px solid rgba(61, 90, 254, 0.2);
    border-top-color:var(--primary-blue);
    border-radius:50%;
    animation:spin 1s linear infinite;
}

@keyframes pulseText{ 0%, 100%{ opacity:0.5; } 50%{ opacity:1; } }
@keyframes spin{
    0%{ transform:rotate(0deg); }
    100%{ transform:rotate(360deg); }
}

/* ===== GLOBAL LOADER / SPINNER ANIMATIONS - Tüm yükleniyor alanları ===== */
.ri-spin,
i.ri-loader-4-line,
i.ri-loader-2-line,
.msg-loading-icon i,
.msg-loading-state .msg-loading-icon i,
.msg-append-loading .msg-loading-icon i,
.notif-item-append-loading .notif-icon i,
.notif-item-static .notif-icon i.ri-loader-4-line,
.infinite-scroll-loader i,
.infinite-scroll-loader .spinner,
.loader-wrapper i,
.loader-pill i,
.showcase-loader .sc-loader-icon,
.loading-overlay .spinner,
.profile-stats-loading i,
.bento-btn-submit.is-loading i,
.m-search-box .load-icon,
.ch-search-box .load-icon,
.giveaway-index-page .load-icon,
.giveaway-index-page .gw-search-box .load-icon,
.fa-spinner,
.fa-circle-notch.fa-spin,
.fa-sync-alt.fa-spin,
.spin,
.load-icon.spin{
    animation:spin 1s linear infinite !important;
}
.ri-spin,
i.ri-loader-4-line,
i.ri-loader-2-line,
.msg-loading-icon i,
.msg-loading-state .msg-loading-icon i,
.msg-append-loading .msg-loading-icon i,
.notif-item-append-loading .notif-icon i,
.notif-item-static .notif-icon i.ri-loader-4-line,
.infinite-scroll-loader i,
.loader-wrapper i,
.loader-pill i,
.showcase-loader .sc-loader-icon,
.profile-stats-loading i,
.bento-btn-submit.is-loading i,
.m-search-box .load-icon,
.ch-search-box .load-icon{
    display:inline-block;
    transform-origin:center;
}
/* İlan siparişleri: global i.ri-loader-4-line spin burada yanlış (Satıcı Teslim Etti / İşlemde sekmesi) */
.advert-orders-page .boc-status-badge i.ri-loader-4-line,
.advert-orders-page .bq-filter i.ri-loader-4-line{
    animation:none !important;
}
.loading-overlay .spinner{
    width:36px;
    height:36px;
    border:3px solid rgba(61,90,254,0.2);
    border-top-color:var(--primary-blue);
    border-radius:50%;
}
body.dark-mode .loading-overlay .spinner,
body.dark .loading-overlay .spinner{
    border-color:var(--border-color);
    border-top-color:var(--primary-blue);
}

.cat-page-wrapper{
    padding-bottom:80px;
}
.cat-hero{
    background:var(--bg-header);
    border-radius:var(--radius-ui);
    padding:50px 30px;
    text-align:center;
    border:1px solid var(--border-color);
    box-shadow:0 4px 30px rgba(0, 0, 0, 0.02);
    margin-top:20px;
    margin-bottom:30px;
    position:relative;
    overflow:hidden;
}

.cat-hero::before{
    content:'';
    position:absolute;
    top:-100px;
    left:-100px;
    width:300px;
    height:300px;
    background:radial-gradient(circle, rgba(61, 90, 254, 0.05) 0%, transparent 70%);
    border-radius:50%;
    pointer-events:none;
}

.cat-hero::after{
    content:'';
    position:absolute;
    bottom:-100px;
    right:-100px;
    width:300px;
    height:300px;
    background:radial-gradient(circle, rgba(17, 211, 119, 0.05) 0%, transparent 70%);
    border-radius:50%;
    pointer-events:none;
}

.ch-title{
    font-size:32px;
    font-weight:700;
    color:var(--dark-text);
    margin-bottom:10px;
    letter-spacing:-0.5px;
    position:relative;
    z-index:2;
}

.ch-desc{
    font-size:15px;
    color:var(--gray-text);
    font-weight:500;
    margin-bottom:35px;
    position:relative;
    z-index:2;
}

.ch-search-wrap{
    max-width:600px;
    margin:0 auto;
    position:relative;
    z-index:2;
}

.ch-search-box{
    position:relative;
    display:flex;
    align-items:center;
}

.ch-search-box input{
    width:100%;
    height:60px;
    background:var(--bg-body);
    border:1px solid var(--border-color);
    border-radius:var(--radius-ui);
    padding:0 50px;
    font-size:15px;
    color:var(--dark-text);
    font-weight:500;
    transition:all 0.3s ease;
    box-shadow:0 4px 15px rgba(0,0,0,0.02);
}

.ch-search-box input:focus{
    background:var(--bg-header);
    border-color:var(--primary-blue);
    box-shadow:0 10px 30px rgba(61, 90, 254, 0.1);
    outline:none;
}

.ch-search-box .search-icon{
    position:absolute;
    left:20px;
    font-size:22px;
    color:var(--gray-text);
    pointer-events:none;
}

.ch-search-box .action-icon{
    position:absolute;
    right:20px;
    font-size:20px;
    color:var(--gray-text);
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:center;
    background:var(--bg-light);
    width:34px;
    height:34px;
    border-radius:var(--radius-ui);
    transition:all 0.2s;
}

.ch-search-box .action-icon.clear-icon{
    color:var(--danger-red);
    background:rgba(255, 68, 84, 0.1);
}

.ch-search-box .action-icon.load-icon{
    animation:spin 1s linear infinite;
    color:var(--primary-blue);
    background:rgba(61, 90, 254, 0.1);
}
.cat-filters{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    margin-bottom:40px;
    flex-wrap:wrap;
}

.cf-btn{
    padding:10px 24px;
    background:var(--bg-header);
    border:1px solid var(--border-color);
    color:var(--gray-text);
    font-size:14px;
    font-weight:700;
    border-radius:999px;
    cursor:pointer;
    transition:all 0.3s ease;
    box-shadow:0 2px 10px rgba(0,0,0,0.02);
}

.cf-btn:hover{
    background:var(--bg-light);
    color:var(--dark-text);
}

.cf-btn.active{
    background:var(--dark-text);
    border-color:var(--dark-text);
    color:var(--bg-header);
    box-shadow:0 6px 15px rgba(0,0,0,0.15);
}

body.dark-mode .cf-btn.active{
    background:var(--primary-blue);
    border-color:var(--primary-blue);
    color:#fff;
}

/* Günün Fırsatları - çekilişler sayfasıyla aynı hero yapısı */
.gunun-firsatlari-hero .streamer-hero-top{ margin-bottom:0; }
.gunun-firsatlari-hero .icon-box{ background:rgba(255,179,0,0.1) !important; color:var(--warning-orange) !important; }

.clean-deals-hero{
    background:var(--bg-header);
    border:1px solid var(--border-color);
    border-radius:var(--radius-ui);
    padding:24px 30px;
    margin-top:20px;
    box-shadow:0 4px 20px rgba(0,0,0,0.02);
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:space-between;
    gap:20px;
}
.clean-deals-hero .sub-hero-title{
    font-size:18px;
    font-weight:800;
    color:var(--dark-text);
    margin:0 0 4px 0;
    line-height:1.2;
}
.cdh-left{
    display:flex;
    align-items:center;
    gap:16px;
}
.cdh-icon{
    width:48px;
    height:48px;
    background:rgba(255,179,0,0.1);
    color:var(--warning-orange);
    border-radius:var(--radius-ui);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:22px;
}
.cdh-title{
    font-size:18px;
    font-weight:800;
    color:var(--dark-text);
    margin:0 0 4px 0;
    line-height:1.2;
}
.cdh-desc{
    font-size:12px;
    color:var(--gray-text);
    margin:0;
    font-weight:500;
}
.cdh-timer{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:8px 16px;
    background:rgba(17,211,119,0.1);
    color:var(--success-green);
    border-radius:var(--radius-ui);
    font-size:12px;
    font-weight:700;
    border:1px solid rgba(17,211,119,0.2);
}
.cdh-timer i{
    animation:pulse 1.5s infinite;
    font-size:14px;
    flex-shrink:0;
}
.cdh-timer-copy{
    min-width:0;
    line-height:1.45;
}
.clean-filter-bar-wrap{
    margin-top:20px;
    margin-left:calc(-1 * var(--bs-gutter-x, 0.75rem));
    margin-right:calc(-1 * var(--bs-gutter-x, 0.75rem));
    padding-left:var(--bs-gutter-x, 0.75rem);
    padding-right:var(--bs-gutter-x, 0.75rem);
    min-width:0;
    box-sizing:border-box;
}
.clean-filter-bar-track{
    position:relative;
    width:100%;
    min-width:0;
}
.clean-filter-arrow{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    z-index:2;
    flex-shrink:0;
    width:40px;
    height:40px;
    padding:0;
    border:1px solid var(--border-color);
    background:var(--bg-header);
    border-radius:var(--radius-ui);
    color:var(--gray-text);
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:center;
    transition:color 0.2s ease, border-color 0.2s ease, background 0.2s ease, opacity 0.2s ease;
    -webkit-tap-highlight-color:transparent;
    box-shadow:0 2px 8px rgba(15,23,42,0.06);
}
.clean-filter-arrow--prev{
    left:0;
}
.clean-filter-arrow--next{
    right:0;
}
.clean-filter-arrow i{
    font-size:22px;
    line-height:1;
}
.clean-filter-arrow:hover:not(:disabled):not([hidden]){
    color:var(--primary-blue);
    border-color:rgba(61,90,254,0.35);
    background:var(--bg-light);
}
.clean-filter-arrow:disabled{
    opacity:0.35;
    cursor:not-allowed;
}
.clean-filter-arrow[hidden]{
    display:none;
}
body.dark-mode .clean-filter-arrow{
    background:var(--bg-header);
    border-color:var(--border-color);
    color:var(--gray-text);
}
body.dark-mode .clean-filter-arrow:hover:not(:disabled):not([hidden]){
    color:var(--primary-blue);
    border-color:rgba(61,90,254,0.45);
}
.clean-filter-bar{
    display:flex;
    align-items:center;
    flex-wrap:nowrap;
    justify-content:flex-start;
    gap:10px;
    margin-top:0;
    padding-top:2px;
    padding-bottom:2px;
    width:100%;
    max-width:100%;
    min-width:0;
    overflow-x:auto;
    overflow-y:hidden;
    scrollbar-width:none;
    -ms-overflow-style:none;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior-x:contain;
}
.clean-filter-bar-wrap--scrollable .clean-filter-bar{
    padding-left:48px;
    padding-right:48px;
    justify-content:flex-start;
}
.clean-filter-bar.clean-filter-bar--centered{
    justify-content:center;
    overflow-x:hidden;
}
.clean-filter-bar::-webkit-scrollbar{ display:none; }
.clean-filter-bar .cf-btn{
    display:inline-flex;
    align-items:center;
    flex:0 0 auto;
    gap:8px;
    padding:10px 20px;
    border-radius:var(--radius-ui);
    background:var(--bg-header);
    border:1px solid var(--border-color);
    color:var(--gray-text);
    font-size:13px;
    font-weight:700;
    cursor:pointer;
    transition:all 0.2s ease;
    white-space:nowrap;
    box-shadow:none;
}
.clean-filter-bar .cf-btn:hover{
    background:var(--bg-light);
    color:var(--dark-text);
}
.clean-filter-bar .cf-btn.active{
    background:var(--primary-blue);
    border-color:var(--primary-blue);
    color:#fff;
    box-shadow:0 4px 15px rgba(61,90,254,0.25);
}
.clean-filter-bar .cf-btn img{
    transition:all 0.2s ease;
}
.cf-cat-icon{
    width:22px;
    height:22px;
    border-radius:6px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
}
.cf-cat-icon img{
    width:14px;
    height:14px;
    object-fit:contain;
}
.clean-filter-bar .cf-btn.active .cf-cat-icon img{
    filter:brightness(0) invert(1);
}
.daily-deals .mystery-card{
    pointer-events:none;
    cursor:not-allowed;
}
.daily-deals .mystery-card:hover{
    border-color:var(--border-color);
    box-shadow:none;
}
.daily-deals .mystery-card .mystery-card-img{
    filter:blur(12px) grayscale(60%) brightness(0.4);
    transition:none;
}
.daily-deals .mystery-card .mystery-overlay{
    position:absolute;
    inset:0;
    background:rgba(10,12,26,0.75);
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:12px;
    text-align:center;
    z-index:4;
}
.daily-deals .mystery-card .mystery-overlay::before{
    content:'';
    position:absolute;
    inset:0;
    background:repeating-linear-gradient(transparent,transparent 2px,rgba(0,0,0,0.3) 2px,rgba(0,0,0,0.3) 4px);
    pointer-events:none;
}
.daily-deals .mystery-card .mystery-overlay .m-lock-icon{
    position:relative;
    z-index:1;
    width:48px;
    height:48px;
    border-radius:50%;
    background:rgba(20,24,34,0.9);
    border:1px solid rgba(61,90,254,0.5);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:22px;
    color:var(--primary-blue);
    box-shadow:0 0 24px rgba(61,90,254,0.35);
    backdrop-filter:blur(6px);
}
.daily-deals .mystery-card .mystery-overlay .m-title{
    position:relative;
    z-index:1;
    color:rgba(255,255,255,0.95);
    font-size:11px;
    font-weight:700;
    letter-spacing:1px;
    text-transform:uppercase;
    margin:0;
}
.daily-deals .mystery-card .mystery-overlay .m-sub{
    position:relative;
    z-index:1;
    font-size:11px;
    color:rgba(255,255,255,0.5);
    font-weight:500;
    margin:0;
}
.daily-deals .subtitle{
    font-size:14px;
    font-weight:700;
    letter-spacing:1px;
    text-transform:uppercase;
    color:var(--dark-text);
}

/* ===== HAKKIMIZDA SAYFASI ===== */
.about-page-wrapper{ padding-bottom:56px; background-color:transparent; }
.about-hero{
    position:relative;
    border-radius:var(--radius-ui);
    background:linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
    padding:60px 40px;
    margin-bottom:40px;
    overflow:hidden;
    text-align:center;
    box-shadow:0 20px 50px rgba(15,23,42,0.15);
}
.about-hero::before{
    content:'';
    position:absolute;
    top:-50%;
    left:-10%;
    width:70%;
    height:200%;
    background:radial-gradient(ellipse at center, rgba(61,90,254,0.15) 0%, transparent 60%);
    pointer-events:none;
}
.ah-grid{
    position:absolute;
    inset:0;
    opacity:0.5;
    pointer-events:none;
    background-image:linear-gradient(rgba(255,255,255,0.03) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.03) 1px, transparent 1px);
    background-size:40px 40px;
}
.ah-content{ position:relative; z-index:2; max-width:800px; margin:0 auto; }
.ah-badge{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:8px 20px;
    background:rgba(255,255,255,0.1);
    color:#fff;
    border-radius:999px;
    font-size:13px;
    font-weight:800;
    letter-spacing:2px;
    text-transform:uppercase;
    margin-bottom:24px;
    border:1px solid rgba(255,255,255,0.2);
    backdrop-filter:blur(10px);
}
.ah-title{ font-size:56px; font-weight:900; color:#fff; margin-bottom:24px; letter-spacing:-1.5px; line-height:1.1; }
.ah-desc{ font-size:18px; color:#cbd5e1; font-weight:500; line-height:1.7; margin:0; }

.stats-grid{ display:grid; grid-template-columns:repeat(4, 1fr); gap:20px; margin-bottom:48px; }
.stat-card{
    background:var(--bg-header);
    border:1px solid var(--border-color);
    border-radius:var(--radius-ui);
    padding:28px 20px;
    text-align:center;
    transition:all 0.4s ease;
    box-shadow:0 10px 30px rgba(0,0,0,0.02);
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
}
.stat-card:hover{ box-shadow:0 20px 40px rgba(61,90,254,0.08); border-color:var(--primary-blue); }
.stat-icon{
    width:64px;
    height:64px;
    background:rgba(61,90,254,0.1);
    color:var(--primary-blue);
    border-radius:var(--radius-ui);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:32px;
    margin-bottom:20px;
    transition:all 0.3s ease;
}
.stat-card:hover .stat-icon{ background:var(--primary-blue); color:#fff; }
.stat-number{ font-size:42px; font-weight:900; color:var(--dark-text); line-height:1; margin-bottom:8px; letter-spacing:-1px; }
.stat-text{ font-size:14px; font-weight:800; color:var(--gray-text); text-transform:uppercase; letter-spacing:0.5px; }

.story-section{ margin-bottom:48px; }
.story-box{
    background:var(--bg-header);
    border:1px solid var(--border-color);
    border-radius:var(--radius-ui);
    overflow:hidden;
    box-shadow:0 10px 40px rgba(0,0,0,0.02);
}
.story-content-wrap{ padding:40px; display:flex; flex-direction:column; justify-content:center; height:100%; }
.sc-badge{ display:inline-flex; align-items:center; gap:8px; font-size:14px; font-weight:800; color:var(--primary-blue); text-transform:uppercase; letter-spacing:1px; margin-bottom:16px; }
.sc-badge i{ font-size:20px; }
.story-content-wrap h2{ font-size:36px; font-weight:900; color:var(--dark-text); margin-bottom:24px; letter-spacing:-1px; line-height:1.2; }
.story-content-wrap p{ font-size:16px; font-weight:500; color:var(--gray-text); line-height:1.8; margin-bottom:20px; }
.story-content-wrap p:last-child{ margin-bottom:0; }
.story-img-wrap{ height:100%; min-height:400px; background:var(--bg-light); position:relative; }
.story-img-wrap img{ width:100%; height:100%; object-fit:cover; position:absolute; inset:0; }

.timeline-section{ margin-bottom:48px; position:relative; }
.timeline-container{ position:relative; max-width:900px; margin:0 auto; padding:20px 0; }
.timeline-container::before{ content:''; position:absolute; left:50%; top:0; bottom:0; width:4px; background:var(--border-color); border-radius:4px; transform:translateX(-50%); }
.timeline-item{ position:relative; width:50%; padding:0 40px 28px; }
.timeline-item:nth-child(odd){ left:0; text-align:right; }
.timeline-item:nth-child(even){ left:50%; text-align:left; }
.timeline-item:last-child{ padding-bottom:0; }

.timeline-dot{
    position:absolute;
    top:20px;
    width:20px;
    height:20px;
    border-radius:50%;
    background:var(--primary-blue);
    border:4px solid var(--bg-header);
    box-shadow:0 0 0 4px rgba(61,90,254,0.15);
    z-index:2;
    transition:all 0.3s;
}
.timeline-item:nth-child(odd) .timeline-dot{ right:-10px; }
.timeline-item:nth-child(even) .timeline-dot{ left:-10px; }
.timeline-item:hover .timeline-dot{ box-shadow:0 0 0 6px rgba(61,90,254,0.2); }

.timeline-content{
    background:var(--bg-header);
    padding:24px;
    border-radius:var(--radius-ui);
    border:1px solid var(--border-color);
    box-shadow:0 4px 15px rgba(0,0,0,0.02);
    transition:all 0.3s;
    display:inline-block;
    width:100%;
    text-align:left;
    position:relative;
    z-index:1;
}
.timeline-item:hover .timeline-content{ border-color:var(--primary-blue); box-shadow:0 10px 25px rgba(61,90,254,0.05); }
.tc-year{ font-size:14px; font-weight:900; color:var(--primary-blue); margin-bottom:8px; display:inline-block; background:rgba(61,90,254,0.1); padding:4px 12px; border-radius:var(--radius-ui); }
.tc-title{ font-size:18px; font-weight:800; color:var(--dark-text); margin-bottom:8px; }
.tc-desc{ font-size:14px; font-weight:500; color:var(--gray-text); margin:0; line-height:1.6; }

.section-header{ text-align:center; margin-bottom:32px; }
.section-header h2{ font-size:32px; font-weight:900; color:var(--dark-text); margin-bottom:12px; letter-spacing:-0.5px; }
.section-header p{ font-size:16px; font-weight:500; color:var(--gray-text); max-width:600px; margin:0 auto; }

.bento-features{ display:grid; grid-template-columns:repeat(3, 1fr); gap:20px; margin-bottom:48px; }
.bento-card{
    background:var(--bg-header);
    border:1px solid var(--border-color);
    border-radius:var(--radius-ui);
    padding:28px 24px;
    box-shadow:0 4px 15px rgba(0,0,0,0.02);
    transition:all 0.3s ease;
    position:relative;
    overflow:hidden;
}
.bento-card:hover{ border-color:var(--primary-blue); box-shadow:0 15px 30px rgba(61,90,254,0.08); }
.bento-card::after{ content:''; position:absolute; top:0; right:0; width:120px; height:120px; background:radial-gradient(circle, rgba(61,90,254,0.05) 0%, transparent 70%); border-radius:50%; pointer-events:none; }

.bc-icon{ width:56px; height:56px; border-radius:var(--radius-ui); display:flex; align-items:center; justify-content:center; font-size:28px; margin-bottom:24px; }
.bc-icon.blue{ background:rgba(61,90,254,0.1); color:var(--primary-blue); }
.bc-icon.green{ background:rgba(16,185,129,0.1); color:#10b981; }
.bc-icon.orange{ background:rgba(245,158,11,0.1); color:#f59e0b; }
.bc-icon.purple{ background:rgba(145,70,255,0.1); color:#9146FF; }

.bc-title{ font-size:20px; font-weight:900; color:var(--dark-text); margin-bottom:12px; }
.bc-desc{ font-size:15px; font-weight:500; color:var(--gray-text); line-height:1.6; margin:0; }

.partners-section{ margin-bottom:48px; }
.partners-grid{ display:flex; flex-wrap:wrap; gap:16px; justify-content:center; }
.partner-box{
    background:var(--bg-header);
    border:1px solid var(--border-color);
    border-radius:var(--radius-ui);
    padding:20px 32px;
    display:flex;
    align-items:center;
    justify-content:center;
    height:80px;
    transition:all 0.3s;
    filter:grayscale(100%) opacity(0.5);
    cursor:default;
}
.partner-box:hover{ filter:grayscale(0%) opacity(1); border-color:var(--border-color); box-shadow:0 10px 20px rgba(0,0,0,0.03); }
.partner-box img{ max-height:100%; max-width:130px; object-fit:contain; }
.partner-box i{ font-size:32px; color:var(--gray-text); transition:color 0.3s; }
.partner-box:hover i{ color:var(--primary-blue); }

.brand-grid{ display:grid; grid-template-columns:1fr 1fr; gap:20px; margin-bottom:48px; }
.brand-card{
    background:var(--bg-header);
    border:1px solid var(--border-color);
    border-radius:var(--radius-ui);
    padding:28px;
    box-shadow:0 4px 15px rgba(0,0,0,0.02);
}
.brand-title{
    font-size:20px;
    font-weight:900;
    color:var(--dark-text);
    margin-bottom:24px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    border-bottom:1px solid var(--border-color);
    padding-bottom:12px;
}
.brand-title i{ color:var(--primary-blue); font-size:24px; }

.logo-display-area{ display:flex; flex-direction:column; gap:20px; }
.logo-box{
    height:120px;
    border-radius:var(--radius-ui);
    display:flex;
    align-items:center;
    justify-content:center;
    padding:20px;
    border:1px dashed var(--border-color);
    position:relative;
}
.logo-box.light-bg{ background:var(--bg-light); }
.logo-box.dark-bg{ background:#0f172a; border-color:#1e293b; }
.logo-box img{ max-width:180px; max-height:50px; object-fit:contain; }
.logo-label{ position:absolute; top:12px; left:16px; font-size:10px; font-weight:800; text-transform:uppercase; letter-spacing:1px; opacity:0.5; }
.logo-box.light-bg .logo-label{ color:var(--dark-text); }
.logo-box.dark-bg .logo-label{ color:#fff; }

.color-palette{ display:grid; grid-template-columns:repeat(2, 1fr); gap:20px; }
.color-box{ border-radius:var(--radius-ui); overflow:hidden; border:1px solid var(--border-color); }
.cb-fill{ height:100px; width:100%; }
.cb-fill.blue{ background:#3D5AFE; }
.cb-fill.dark{ background:#0F172A; }
.cb-fill.green{ background:#10b981; }
.cb-fill.orange{ background:#f59e0b; }
.cb-info{ padding:16px; background:var(--bg-header); display:flex; justify-content:space-between; align-items:center; }
.cb-name{ font-size:13px; font-weight:800; color:var(--dark-text); }
.cb-hex{ font-size:12px; font-weight:700; color:var(--gray-text); font-family:'Gilroy', sans-serif; }

.career-cta{
    background:linear-gradient(135deg, #1e293b 0%, #0f172a 100%);
    border-radius:var(--radius-ui);
    padding:40px 32px;
    text-align:center;
    position:relative;
    overflow:hidden;
    box-shadow:0 20px 40px rgba(15,23,42,0.1);
    margin-bottom:32px;
}
.career-cta::before{
    content:'';
    position:absolute;
    inset:0;
    pointer-events:none;
    background:radial-gradient(circle at top right, rgba(16,185,129,0.15), transparent 60%), radial-gradient(circle at bottom left, rgba(61,90,254,0.15), transparent 60%);
}
.c-cta-content{ position:relative; z-index:2; }
.c-cta-title{ font-size:36px; font-weight:900; color:#fff; margin-bottom:16px; letter-spacing:-0.5px; }
.c-cta-desc{ font-size:16px; font-weight:500; color:#cbd5e1; margin-bottom:24px; max-width:600px; margin-left:auto; margin-right:auto; line-height:1.6; }
.btn-career{
    background:#10b981;
    color:#fff;
    padding:16px 32px;
    border-radius:var(--radius-ui);
    font-size:15px;
    font-weight:800;
    text-decoration:none;
    display:inline-flex;
    align-items:center;
    gap:8px;
    transition:all 0.3s;
    border:none;
    box-shadow:0 4px 15px rgba(16,185,129,0.3);
}
.btn-career:hover{ background:#059669; box-shadow:0 8px 25px rgba(16,185,129,0.4); color:#fff; }

body.dark-mode .stat-card:hover,
body.dark-mode .story-box,
body.dark-mode .bento-card:hover,
body.dark-mode .partner-box:hover{ box-shadow:0 15px 35px rgba(0,0,0,0.3); }
body.dark-mode .career-cta{ box-shadow:0 20px 40px rgba(0,0,0,0.2); }

.cat-card{
    background:var(--bg-header);
    border-radius:var(--radius-ui);
    border:1px solid var(--border-color);
    overflow:hidden;
    height:100%;
    display:flex;
    flex-direction:column;
    transition:all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
    box-shadow:0 4px 15px rgba(0,0,0,0.02);
    position:relative;
}

.cat-card:hover{
    box-shadow:0 15px 35px rgba(61, 90, 254, 0.08);
    border-color:var(--primary-blue);
}
.cc-header{
    position:relative;
    height:90px;
    display:flex;
    align-items:center;
    padding:20px;
    overflow:hidden;
}

.cc-header::after{
    content:'';
    position:absolute;
    inset:0;
    background:linear-gradient(90deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.2) 100%);
    z-index:1;
}

.cc-bg-img{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    opacity:0.6;
    transition:transform 0.6s ease;
}

.cat-card:hover .cc-bg-img{
    opacity:1;
}

.cc-title-wrap{
    position:relative;
    z-index:2;
    display:flex;
    align-items:center;
    gap:15px;
    color:#fff;
}
.cc-title-wrap h2{
    font-size:14px;
    font-weight:700;
    color:#fff;
    margin:0;
    line-height:1.2;
    text-shadow:0 2px 4px rgba(0,0,0,0.5);
}

.cc-icon{
    width:44px;
    height:44px;
    object-fit:contain;
    filter:drop-shadow(0 2px 4px rgba(0,0,0,0.5));
}

.cc-title{
    font-size:18px;
    font-weight:700;
    color:#fff;
    margin:0;
    line-height:1.2;
    text-shadow:0 2px 4px rgba(0,0,0,0.5);
}
.cc-body{
    padding:20px;
    flex-grow:1;
    display:flex;
    flex-direction:column;
}

.cc-list-title{
    font-size:11px;
    font-weight:700;
    color:var(--gray-text);
    text-transform:uppercase;
    letter-spacing:1px;
    margin-bottom:15px;
}

.cc-list{
    list-style:none;
    padding:0;
    margin:0 0 20px 0;
    display:flex;
    flex-direction:column;
    gap:8px;
    flex-grow:1;
}

.cc-list li a{
    display:block;
    font-size:14px;
    font-weight:600;
    color:var(--dark-text);
    text-decoration:none;
    padding:4px 0;
    transition:all 0.2s ease;
}

.cc-list li a:hover{
    color:var(--primary-blue);
}
.cc-footer-btn{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:14px 20px;
    background:var(--bg-body);
    border-radius:var(--radius-ui);
    color:var(--primary-blue);
    font-size:13px;
    font-weight:700;
    text-decoration:none;
    transition:all 0.3s ease;
    border:1px solid transparent;
    margin-top:auto;
}

.cc-footer-btn i{
    font-size:18px;
    transition:transform 0.3s ease;
}

.cc-footer-btn:hover{
    background:rgba(61, 90, 254, 0.05);
    border-color:rgba(61, 90, 254, 0.2);
}
.cat-empty-state{
    text-align:center;
    padding:80px 20px;
    background:var(--bg-header);
    border-radius:var(--radius-ui);
    border:1px dashed var(--border-color);
}

.cat-empty-state i{
    font-size:48px;
    color:var(--primary-blue);
    opacity:0.5;
    margin-bottom:15px;
    display:inline-block;
}

.cat-empty-state h3{
    font-size:18px;
    font-weight:700;
    color:var(--dark-text);
    margin-bottom:5px;
}

.cat-empty-state p{
    font-size:14px;
    color:var(--gray-text);
    margin:0;
}
.hero-split-row{
    margin-top:20px;
    margin-bottom:30px;
}
.gamer-hero-wrapper{
    position:relative;
    border-radius:var(--radius-ui);
    overflow:hidden;
    background:var(--bg-header);
    box-shadow:0 10px 30px rgba(0,0,0,0.05);
    border:1px solid var(--border-color);
    height:500px;
}

.gamer-hero-slider{
    width:100%;
    height:100%;
}

.gh-slide{
    position:relative;
    width:100%;
    height:100%;
    display:block;
    text-decoration:none !important;
    overflow:hidden;
}

.gh-slide-img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform 6s cubic-bezier(0.25, 1, 0.5, 1);
}

.swiper-slide-active .gh-slide-img{
    transform:scale(1.05);
}

.gh-slide-overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(to top, rgba(10,14,26,0.95) 0%, rgba(10,14,26,0.4) 50%, transparent 100%);
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    padding:40px;
    z-index:2;
}

.gh-tag{
    align-self:flex-start;
    background:var(--primary-blue);
    color:#fff;
    padding:6px 14px;
    border-radius:var(--radius-ui);
    font-size:11px;
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:1px;
    margin-bottom:15px;
    box-shadow:0 4px 15px rgba(61,90,254,0.4);
}

.gh-title{
    font-size:32px;
    font-weight:600;
    color:#fff;
    line-height:1.25;
    margin-bottom:12px;
    text-shadow:0 4px 15px rgba(0,0,0,0.6);
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
}

.gh-meta{
    display:flex;
    align-items:center;
    gap:15px;
    color:rgba(255,255,255,0.8);
    font-size:13px;
    font-weight:500;
}

.gh-meta i{
    color:var(--primary-blue);
    font-size:16px;
}
.gamer-hero-wrapper .swiper-button-next,
.gamer-hero-wrapper .swiper-button-prev{
    color:#fff;
    background:rgba(255,255,255,0.1);
    width:44px;
    height:44px;
    border-radius:var(--radius-ui);
    backdrop-filter:blur(8px);
    border:1px solid rgba(255,255,255,0.2);
    transition:all 0.3s ease;
}

.gamer-hero-wrapper .swiper-button-next:hover,
.gamer-hero-wrapper .swiper-button-prev:hover{
    background:var(--primary-blue);
    border-color:var(--primary-blue);
}

.gamer-hero-wrapper .swiper-button-next::after,
.gamer-hero-wrapper .swiper-button-prev::after{
    font-size:18px;
    font-weight:bold;
}

.gamer-hero-wrapper .swiper-pagination-bullet{
    background:#fff;
    opacity:0.4;
    width:6px;
    height:6px;
    border-radius:4px;
    transition:all 0.3s ease;
}

.gamer-hero-wrapper .swiper-pagination-bullet-active{
    opacity:1;
    background:var(--primary-blue);
    width:20px;
    box-shadow:0 0 10px var(--primary-blue);
}
.hero-featured-stack{
    display:flex;
    flex-direction:column;
    gap:20px;
    height:500px;
}

.hf-card{
    position:relative;
    flex:1;
    border-radius:var(--radius-ui);
    overflow:hidden;
    text-decoration:none !important;
    border:1px solid var(--border-color);
    box-shadow:0 4px 15px rgba(0,0,0,0.03);
    background:var(--bg-header);
    display:block;
}

.hf-card:hover{
    border-color:var(--primary-blue);
    box-shadow:0 10px 25px rgba(61,90,254,0.15);
}

body.dark-mode .hf-card:hover{
    box-shadow:0 10px 25px rgba(0,0,0,0.5);
}

.hf-bg{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}


.hf-overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(to top, rgba(10,14,26,0.9) 0%, rgba(10,14,26,0.2) 60%, transparent 100%);
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    padding:20px;
    z-index:2;
}

.hf-tag{
    font-size:10px;
    font-weight:600;
    color:var(--warning-orange);
    text-transform:uppercase;
    margin-bottom:6px;
    display:inline-flex;
    align-items:center;
    gap:4px;
    letter-spacing:0.5px;
}

.hf-title{
    font-size:15px;
    font-weight:600;
    color:#fff;
    line-height:1.3;
    margin:0;
    display:-webkit-box;
    -webkit-line-clamp:2;
    line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-shadow:0 2px 8px rgba(0,0,0,0.5);
    transition:color 0.3s ease;
}

.hf-card:hover .hf-title{
    color:var(--primary-blue);
}
.bc-icon{
    width:32px;
    height:32px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    box-shadow:0 2px 8px rgba(0,0,0,0.1);
    transition:all 0.3s ease;
}

.bc-icon img{
    width:16px;
    height:16px;
    object-fit:contain;
    filter:brightness(0) invert(1);
}

/* ==========================================================================
   BLOG SAYFASI (Ana liste - mozaik + feed grid)
   ========================================================================== */
.blog-category-nav{
    background:var(--bg-light);
    border-bottom:1px solid var(--border-color);
    padding:16px 0;
    margin-bottom:32px;
}
body.dark-mode .blog-category-nav{
    background:var(--bg-header);
}
.bcn-scroll-wrapper{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:center;
    gap:12px;
}
.bcn-item{
    display:flex;
    align-items:center;
    justify-content:center;
    width:48px;
    height:48px;
    flex-shrink:0;
    background:var(--bg-header);
    border:1px solid var(--border-color);
    border-radius:var(--radius-ui);
    color:var(--gray-text);
    text-decoration:none;
    transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow:0 2px 10px rgba(0,0,0,0.05);
}
.bcn-item i{ font-size:22px; }
.bcn-item .bcn-icon{ width:26px; height:26px; object-fit:contain; filter:brightness(0) invert(1); }
.bcn-item:hover{
    border-color:var(--gray-text);
    color:var(--dark-text);
}
.bcn-item-cat:hover{
    border-color:var(--bcn-color);
    background:color-mix(in srgb, var(--bcn-color) 85%, #000);
    color:#fff;
}
.bcn-item.active{
    background:var(--dark-text);
    border-color:var(--dark-text);
    color:var(--bg-header);
    box-shadow:0 0 0 3px rgba(240, 246, 252, 0.2);
}
body.dark-mode .bcn-item.active{
    background:#f0f6fc;
    border-color:#f0f6fc;
    color:#0a0c10;
}
.bcn-item-cat.active{
    box-shadow:0 0 0 3px color-mix(in srgb, var(--bcn-color) 40%, transparent);
}

.blog-page-wrapper{ padding-bottom:80px; }

.mosaic-hero-grid{
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    grid-template-rows:repeat(2, 240px);
    gap:16px;
    margin-bottom:48px;
}
.mh-card{
    position:relative;
    border-radius:var(--radius-ui);
    overflow:hidden;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    text-decoration:none;
    background:var(--bg-light);
    transition:all 0.4s ease;
}
.mh-card:nth-child(1){ grid-column:span 2; grid-row:span 2; }
.mh-card:nth-child(2){ grid-column:span 2; grid-row:span 1; }
.mh-card:nth-child(3){ grid-column:span 1; grid-row:span 1; }
.mh-card:nth-child(4){ grid-column:span 1; grid-row:span 1; }
.mh-card:hover{
    box-shadow:0 20px 40px rgba(0,0,0,0.2);
    z-index:10;
}
body.dark-mode .mh-card:hover{ box-shadow:0 20px 40px rgba(0,0,0,0.5); }
.mh-bg{
    position:absolute; inset:0; width:100%; height:100%; object-fit:cover;
    transition:transform 0.8s ease; z-index:1;
}
.mh-card:hover .mh-bg{ transform:none; }
.mh-overlay{
    position:absolute; inset:0; z-index:2;
    background:linear-gradient(0deg, rgba(10,12,16,0.95) 0%, rgba(10,12,16,0.4) 50%, rgba(10,12,16,0.1) 100%);
}
.mh-content{ position:relative; z-index:3; padding:24px; width:100%; }
.mh-card:nth-child(1) .mh-content{ padding:40px; }
.mh-badge{
    display:inline-block;
    background:rgba(255,255,255,0.2);
    backdrop-filter:blur(8px);
    color:#fff;
    font-size:11px;
    font-weight:800;
    padding:6px 12px;
    border-radius:var(--radius-ui);
    text-transform:uppercase;
    letter-spacing:1px;
    margin-bottom:12px;
}
.mh-card:nth-child(1) .mh-badge{ box-shadow:0 4px 15px rgba(61,90,254,0.3); }
.mh-title{
    font-size:18px;
    font-weight:900;
    color:#fff;
    margin:0 0 8px 0;
    line-height:1.3;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-shadow:0 2px 4px rgba(0,0,0,0.5);
}
.mh-card:nth-child(1) .mh-title{ font-size:32px; letter-spacing:-1px; }
.mh-meta{ display:flex; align-items:center; gap:12px; font-size:12px; font-weight:600; color:rgba(203, 213, 225, 0.95); }
.mh-meta span{ display:flex; align-items:center; gap:4px; }

.feed-header{ display:flex; align-items:center; justify-content:space-between; margin-bottom:24px; }
.feed-title{ font-size:20px; font-weight:900; color:var(--dark-text); margin:0; display:flex; align-items:center; gap:8px; }
.feed-title i{ color:var(--primary-blue); }

.feed-grid{
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:24px;
}

.blog-page-wrapper .modern-post-card{
    background:var(--bg-header);
    border:1px solid var(--border-color);
    border-radius:var(--radius-ui);
    overflow:hidden;
    display:flex;
    flex-direction:column;
    text-decoration:none;
    transition:all 0.3s ease;
    box-shadow:0 4px 20px rgba(0,0,0,0.04);
}
.blog-page-wrapper .modern-post-card:hover{
    border-color:var(--gray-text);
    box-shadow:0 15px 35px rgba(61,90,254,0.08);
}
body.dark-mode .blog-page-wrapper .modern-post-card:hover{
    box-shadow:0 15px 35px rgba(0,0,0,0.4);
}
.blog-page-wrapper .mpc-img{
    position:relative;
    width:100%;
    aspect-ratio:16/10;
    overflow:hidden;
    background:var(--bg-light);
    flex-shrink:0;
    padding:0;
}
.blog-page-wrapper .mpc-img img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform 0.6s ease;
}
.blog-page-wrapper .modern-post-card:hover .mpc-img img{ transform:none; }
.blog-page-wrapper .mpc-body{ padding:24px; display:flex; flex-direction:column; flex:1; }
.blog-page-wrapper .mpc-cat{ font-size:11px; font-weight:800; color:var(--primary-blue); text-transform:uppercase; letter-spacing:1px; margin-bottom:8px; }
.blog-page-wrapper .mpc-title{
    font-size:18px;
    font-weight:900;
    color:var(--dark-text);
    margin:0 0 12px 0;
    line-height:1.4;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    transition:color 0.2s;
}
.blog-page-wrapper .modern-post-card:hover .mpc-title{ color:var(--primary-blue); }
.blog-page-wrapper .mpc-desc{
    font-size:14px;
    font-weight:500;
    color:var(--gray-text);
    margin:0 0 20px 0;
    line-height:1.6;
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    overflow:hidden;
    flex:1;
}
.blog-page-wrapper .mpc-footer{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding-top:16px;
    border-top:1px dashed var(--border-color);
    font-size:12px;
    font-weight:700;
    color:var(--gray-text);
}
.blog-page-wrapper .mpc-footer-left{ display:flex; align-items:center; gap:6px; color:var(--gray-text); }
.blog-page-wrapper .mpc-footer-left img{ width:24px; height:24px; border-radius:50%; object-fit:cover; }

.blog-page-wrapper .loader-wrapper{
    display:flex;
    align-items:center;
    justify-content:center;
    padding:40px 0;
}
.blog-page-wrapper .loader-pill{
    background:var(--bg-header);
    border:1px solid var(--border-color);
    padding:12px 24px;
    border-radius:var(--radius-ui);
    font-size:14px;
    font-weight:800;
    color:var(--primary-blue);
    display:flex;
    align-items:center;
    gap:10px;
    box-shadow:0 4px 15px rgba(61,90,254,0.15);
}

@media (max-width:1200px){
    .feed-grid{ grid-template-columns:repeat(2, 1fr); gap:20px; }
    .mosaic-hero-grid{ grid-template-rows:repeat(2, 200px); gap:14px; margin-bottom:36px; }
    .blog-page-wrapper .mpc-body{ padding:20px; }
}
@media (max-width:991px){
    .mosaic-hero-grid{
        display:flex;
        flex-direction:column;
        grid-template-columns:1fr;
        grid-template-rows:unset;
        gap:16px;
        margin-bottom:36px;
    }
    .mh-card{ height:250px !important; min-height:250px; }
    .mh-card:nth-child(1){ height:320px !important; min-height:320px; grid-column:unset; grid-row:unset; }
    .mh-card:nth-child(2),
    .mh-card:nth-child(3),
    .mh-card:nth-child(4){ grid-column:unset; grid-row:unset; }
    .mh-content{ padding:20px !important; }
    .mh-card:nth-child(1) .mh-content{ padding:28px !important; }
    .mh-title{ font-size:16px; }
    .mh-card:nth-child(1) .mh-title{ font-size:26px; }
}
@media (max-width:767px){
    .blog-category-nav{ padding:12px 0; margin-bottom:24px; }
    .bcn-scroll-wrapper{ gap:10px; }
    .bcn-item{ width:44px; height:44px; }
    .bcn-item .bcn-icon{ width:22px; height:22px; }
    .bcn-item i{ font-size:20px; }
    .feed-grid{ grid-template-columns:1fr; gap:20px; }
    .feed-header{ margin-bottom:20px; }
    .feed-title{ font-size:18px; }
    .mosaic-hero-grid{ gap:12px; margin-bottom:28px; }
    .mh-card{ height:220px !important; min-height:220px; }
    .mh-card:nth-child(1){ height:280px !important; min-height:280px; }
    .mh-content{ padding:16px !important; }
    .mh-card:nth-child(1) .mh-content{ padding:22px !important; }
    .mh-title{ font-size:15px; }
    .mh-card:nth-child(1) .mh-title{ font-size:22px; }
    .blog-page-wrapper .mpc-body{ padding:20px 16px; }
    .blog-page-wrapper .mpc-title{ font-size:16px; }
    .blog-page-wrapper .mpc-desc{ font-size:13px; margin-bottom:16px; }
    .blog-page-wrapper .mpc-footer{ padding-top:12px; font-size:11px; }
}
@media (max-width:480px){
    .blog-category-nav{ padding:10px 0; margin-bottom:20px; }
    .bcn-item{ width:40px; height:40px; }
    .bcn-item .bcn-icon{ width:20px; height:20px; }
    .bcn-item i{ font-size:18px; }
    .feed-grid{ gap:16px; }
    .mosaic-hero-grid{ gap:10px; margin-bottom:24px; }
    .mh-card{ height:200px !important; min-height:200px; }
    .mh-card:nth-child(1){ height:260px !important; min-height:260px; }
    .mh-content{ padding:14px !important; }
    .mh-card:nth-child(1) .mh-content{ padding:18px !important; }
    .mh-title{ font-size:14px; }
    .mh-card:nth-child(1) .mh-title{ font-size:20px; }
    .blog-page-wrapper .mpc-body{ padding:16px 14px; }
    .blog-page-wrapper .mpc-title{ font-size:15px; }
}
@media (max-width:380px){
    .bcn-item{ width:38px; height:38px; }
    .bcn-item .bcn-icon{ width:18px; height:18px; }
    .mh-card{ height:180px !important; min-height:180px; }
    .mh-card:nth-child(1){ height:240px !important; min-height:240px; }
}

.cat-mesh-hero{
    position:relative;
    border-radius:var(--radius-ui);
    background:linear-gradient(135deg, var(--primary-blue) 0%, #283cb4 100%);
    padding:50px 50px;
    margin-top:20px;
    margin-bottom:40px;
    overflow:hidden;
    border:1px solid rgba(61, 90, 254, 0.2);
    box-shadow:0 10px 30px rgba(61, 90, 254, 0.2);
    display:flex;
    align-items:center;
    gap:40px;
}
.cat-mesh-hero::before{
    content:'';
    position:absolute;
    top:-50%;
    left:-20%;
    width:60%;
    height:200%;
    background:radial-gradient(ellipse at center, rgba(255, 255, 255, 0.15) 0%, transparent 60%);
    pointer-events:none;
    z-index:0;
}

.cat-mesh-hero::after{
    content:'';
    position:absolute;
    bottom:-50%;
    right:-10%;
    width:50%;
    height:150%;
    background:radial-gradient(ellipse at center, rgba(17, 211, 119, 0.15) 0%, transparent 60%);
    pointer-events:none;
    z-index:0;
}
.cat-hero-grid{
    position:absolute;
    inset:0;
    background-image:linear-gradient(rgba(255,255,255,0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.05) 1px, transparent 1px);
    background-size:40px 40px;
    opacity:0.6;
    z-index:0;
    pointer-events:none;
    mask-image:linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
    -webkit-mask-image:linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
}

.cmh-icon-wrapper{
    position:relative;
    z-index:2;
    flex-shrink:0;
}
.cmh-icon{
    width:90px;
    height:90px;
    border-radius:var(--radius-ui);
    background:var(--cat-color);
    display:flex;
    align-items:center;
    justify-content:center;
    box-shadow:0 10px 30px rgba(0,0,0,0.25);
    position:relative;
    overflow:hidden;
    border:2px solid rgba(255, 255, 255, 0.25);
}

.cmh-icon img{
    width:45px;
    height:45px;
    object-fit:contain;
    filter:brightness(0) invert(1);
}

.cmh-text{
    position:relative;
    z-index:2;
    flex-grow:1;
    color:#fff;
}

.cmh-badge{
    display:inline-flex;
    align-items:center;
    gap:6px;
    padding:6px 14px;
    background:rgba(255, 255, 255, 0.1);
    color:#ffffff;
    border-radius:999px;
    font-size:11px;
    font-weight:700;
    letter-spacing:1px;
    text-transform:uppercase;
    margin-bottom:12px;
    border:1px solid rgba(255, 255, 255, 0.2);
    backdrop-filter:blur(5px);
}

.cmh-title{
    font-size:36px;
    font-weight:600;
    color:#ffffff;
    margin-bottom:8px;
    letter-spacing:-1px;
    line-height:1.1;
}

.cmh-desc{
    font-size:14px;
    color:rgba(255, 255, 255, 0.85);
    font-weight:500;
    margin:0;
    max-width:600px;
    line-height:1.6;
}

.bc-pill.active{
    background:var(--primary-blue);
    border-color:var(--primary-blue);
    color:#fff;
    box-shadow:0 4px 15px rgba(61,90,254,0.3);
}

.bc-pill.active .bc-icon{
    background:#fff !important;
}

.bc-pill.active .bc-icon img{
    filter:none;
}
.widget-posts{
    display:flex;
    flex-direction:column;
    gap:15px; }
.w-post-item{
    display:flex;
    align-items:center;
    gap:12px;
    text-decoration:none !important;
    padding-bottom:15px;
    border-bottom:1px solid rgba(0,0,0,0.03); }
body.dark-mode .w-post-item{
    border-bottom-color:rgba(255,255,255,0.03); }
.w-post-item:last-child{
    margin-bottom:0;
    padding-bottom:0;
    border-bottom:none; }
.w-post-img{
    width:70px;
    height:50px;
    border-radius:var(--radius-ui);
    overflow:hidden;
    flex-shrink:0;
    background:var(--bg-light);
    position:relative; }
.w-post-img img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform 0.3s ease; }
.w-post-info{
    flex-grow:1;
    min-width:0; }
.w-post-title{
    font-size:14px;
    font-weight:700;
    color:var(--dark-text);
    margin:0;
    line-height:1.4;
    display:-webkit-box;
    -webkit-line-clamp:2;
    line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    transition:color 0.2s ease; }
.w-post-item:hover .w-post-title{
    color:var(--primary-blue); }
.article-page-wrapper{
    padding-bottom:80px;
}
.next-post-data{ display:none; }
.single-article-container{
    position:relative;
}
.article-divider{
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    margin:40px 0;
    position:relative;
}
.article-divider::before{
    content:'';
    position:absolute;
    top:50%;
    left:0;
    width:100%;
    height:1px;
    background:var(--border-color);
    z-index:1;
}
.article-divider span{
    position:relative;
    z-index:2;
    background:var(--bg-body);
    padding:0 20px;
    font-size:13px;
    font-weight:700;
    color:var(--primary-blue);
    text-transform:uppercase;
    letter-spacing:1px;
}
.article-card{
    background:var(--bg-header);
    border:1px solid var(--border-color);
    border-radius:var(--radius-ui);
    padding:50px;
    box-shadow:0 10px 40px rgba(0,0,0,0.03);
}

.article-header{
    margin-bottom:30px;
    text-align:center;
}

.ah-category-badge{
    display:inline-flex;
    align-items:center;
    gap:6px;
    background:rgba(61, 90, 254, 0.1);
    color:var(--primary-blue);
    padding:6px 16px;
    border-radius:999px;
    font-size:13px;
    font-weight:700;
    letter-spacing:0.5px;
    text-transform:uppercase;
    margin-bottom:20px;
    text-decoration:none;
    transition:all 0.3s ease;
}
.ah-category-badge:hover{ background:var(--primary-blue); color:#fff; }
.ah-category-badge:hover img{ filter:brightness(0) invert(1) !important; }

.article-title{
    font-size:42px;
    font-weight:700;
    color:var(--dark-text);
    margin-bottom:20px;
    line-height:1.25;
    letter-spacing:-1px;
    word-wrap:break-word;
    overflow-wrap:break-word;
}

.ah-meta{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:25px;
    font-size:14px;
    font-weight:600;
    color:var(--gray-text);
    flex-wrap:wrap;
}
.ah-meta span{ display:flex; align-items:center; gap:6px; }
.ah-meta i{ font-size:18px; color:var(--primary-blue); }

.ah-featured-img{
    width:100%;
    border-radius:var(--radius-ui);
    overflow:hidden;
    margin-bottom:40px;
    background:var(--bg-light);
}
.ah-featured-img img{
    width:100%;
    height:auto;
    max-height:550px;
    object-fit:cover;
    display:block;
}
.article-toc{
    background:var(--bg-body);
    border-left:4px solid var(--primary-blue);
    border-radius:0 var(--radius-ui) var(--radius-ui) 0;
    padding:25px 30px;
    margin-bottom:40px;
    border-top:1px solid var(--border-color);
    border-right:1px solid var(--border-color);
    border-bottom:1px solid var(--border-color);
}
.toc-title{
    font-size:16px;
    font-weight:700;
    color:var(--dark-text);
    display:flex;
    align-items:center;
    justify-content:space-between;
    cursor:pointer;
    user-select:none;
}
.toc-title i.ri-list-check{
    color:var(--primary-blue);
    margin-right:10px;
    font-size:20px;
}
.toc-list-wrap{ display:none; margin-top:20px; padding-top:20px; border-top:1px dashed var(--border-color); }
.toc-list{ list-style:none; padding:0; margin:0; }
.toc-list li{ margin-bottom:12px; }
.toc-list a{
    color:var(--dark-text);
    text-decoration:none;
    font-size:15px;
    font-weight:600;
    display:flex;
    align-items:center;
    gap:12px;
    transition:all 0.2s ease;
}
.toc-list a span.num{ background:var(--bg-light); color:var(--gray-text); font-size:13px; font-weight:700; padding:4px 8px; border-radius:var(--radius-ui); transition:all 0.2s ease; }
.toc-list a:hover{ color:var(--primary-blue); }
.toc-list a:hover span.num{ background:var(--primary-blue); color:#fff; }
.toc-sublist{ list-style:none; padding-left:36px; margin-top:10px; border-left:2px solid rgba(61, 90, 254, 0.15); margin-left:16px; }
.article-body{
    font-size:17px;
    line-height:1.85;
    color:var(--dark-text);
    letter-spacing:-0.2px;
}
.article-body h2, .article-body h3, .article-body h4{
    font-weight:700;
    color:var(--dark-text);
    margin-top:2.2em;
    margin-bottom:1em;
    line-height:1.35;
    letter-spacing:-0.5px;
}
.article-body h2{ font-size:28px; }
.article-body h3{ font-size:24px; }
.article-body p{ margin-bottom:1.6em; color:rgba(var(--dark-text-rgb), 0.9); }
.article-body strong{ color:var(--dark-text); font-weight:700; }
.article-body a{ color:var(--primary-blue); text-decoration:underline; font-weight:700; text-underline-offset:4px; }
.article-body a:hover{ color:#283cb4; }
.article-body img{ max-width:100%; height:auto; border-radius:var(--radius-ui); margin:30px 0; }
.article-body ul, .article-body ol{ margin-bottom:1.6em; padding-left:20px; }
.article-body li{ margin-bottom:8px; }
.article-body blockquote{
    border-left:4px solid var(--primary-blue);
    padding-left:20px;
    font-style:italic;
    color:var(--gray-text);
    margin:30px 0;
    font-size:18px;
    background:var(--bg-body);
    padding:20px;
    border-radius:0 var(--radius-ui) var(--radius-ui) 0;
}
.article-share{
    display:flex;
    align-items:center;
    gap:15px;
    margin-top:50px;
    padding-top:30px;
    border-top:1px dashed var(--border-color);
}
.article-share-text{ font-size:15px; font-weight:700; color:var(--dark-text); text-transform:uppercase; letter-spacing:0.5px; margin-right:auto; display:flex; align-items:center; gap:8px; }
.article-share-text i{ font-size:20px; color:var(--primary-blue); }
.share-btn{ width:44px; height:44px; border-radius:var(--radius-ui); display:flex; align-items:center; justify-content:center; font-size:20px; color:#fff; text-decoration:none; transition:transform 0.3s ease; }
.share-btn:hover{ box-shadow:0 6px 15px rgba(0,0,0,0.2); color:#fff; }
.share-fb{ background:#1877F2; }
.share-tw{ background:#000; }
.share-in{ background:#0A66C2; }
.share-wp{ background:#25D366; }
.similar-posts-section{ margin-top:50px; }
.sp-title{ font-size:20px; font-weight:700; color:var(--dark-text); margin-bottom:20px; display:flex; align-items:center; gap:10px; }
.sp-title i{ color:var(--primary-blue); background:rgba(61,90,254,0.1); padding:6px; border-radius:var(--radius-ui); }
.sp-card{ display:flex; align-items:stretch; background:var(--bg-body); border-radius:var(--radius-ui); border:1px solid var(--border-color); padding:12px; gap:15px; margin-bottom:20px; transition:all 0.3s ease; text-decoration:none !important; height:100%; }
.sp-card:hover{ border-color:var(--primary-blue); }
.sp-img{ width:120px; border-radius:var(--radius-ui); overflow:hidden; flex-shrink:0; }
.sp-img img{ width:100%; height:100%; object-fit:cover; transition:transform 0.3s ease; }
.sp-info{ display:flex; flex-direction:column; justify-content:center; }
.sp-post-title{ font-size:14px; font-weight:700; color:var(--dark-text); margin:0 0 8px 0; line-height:1.4; display:-webkit-box; -webkit-line-clamp:2; line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; transition:color 0.3s ease; }
.sp-card:hover .sp-post-title{ color:var(--primary-blue); }
.sp-meta{ font-size:12px; font-weight:600; color:var(--gray-text); margin-top:auto; display:flex; align-items:center; gap:4px; }

.post-detail-page .single-article-container{
    background:var(--bg-header);
    border:1px solid var(--border-color);
    border-radius:24px;
    padding:40px;
    box-shadow:0 10px 40px rgba(0,0,0,0.03);
    margin-bottom:40px;
    position:relative;
}
.post-detail-page .saas-post-header{ margin-bottom:32px; }
.post-detail-page .sph-category{
    display:inline-flex;
    align-items:center;
    gap:6px;
    font-size:13px;
    font-weight:800;
    padding:6px 16px;
    border-radius:10px;
    text-transform:uppercase;
    letter-spacing:0.5px;
    text-decoration:none;
    margin-bottom:16px;
    transition:all 0.3s ease;
}
.post-detail-page .sph-category:hover{ background:var(--cat-color) !important; color:#fff !important; }
.post-detail-page .sph-category:hover img{ filter:brightness(0) invert(1); }
.post-detail-page .sph-category img{ width:16px; filter:grayscale(100%); transition:filter 0.3s; }
.post-detail-page .sph-title{
    font-size:36px;
    font-weight:900;
    color:var(--dark-text);
    line-height:1.3;
    letter-spacing:-0.5px;
    margin-bottom:24px;
}
.post-detail-page .sph-meta{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:20px;
    font-size:13px;
    font-weight:600;
    color:var(--gray-text);
    border-top:1px solid var(--border-color);
    border-bottom:1px solid var(--border-color);
    padding:16px 0;
}
.post-detail-page .sph-meta-item{ display:flex; align-items:center; gap:8px; }
.post-detail-page .sph-meta-item i{ color:var(--primary-blue); font-size:16px; }
.post-detail-page .sph-author{ display:flex; align-items:center; gap:8px; }
.post-detail-page .sph-author-avatar{
    width:32px;
    height:32px;
    border-radius:10px;
    background:var(--bg-light);
    color:var(--gray-text);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:18px;
    overflow:hidden;
}
.post-detail-page .sph-author-avatar img{ width:100%; height:100%; object-fit:cover; }
.post-detail-page .sph-author-name{ color:var(--dark-text); font-weight:800; }
.post-detail-page .saas-post-cover{
    width:100%;
    border-radius:20px;
    overflow:hidden;
    margin-bottom:40px;
    background:var(--bg-light);
}
.post-detail-page .saas-post-cover img{
    width:100%;
    height:auto;
    object-fit:contain;
    display:block;
}
.post-detail-page .saas-toc-box{
    background:var(--bg-body);
    border:1px solid var(--border-color);
    border-radius:16px;
    padding:24px;
    margin-bottom:40px;
}
.post-detail-page .toc-title{
    display:flex;
    align-items:center;
    justify-content:space-between;
    font-size:16px;
    font-weight:900;
    color:var(--dark-text);
    cursor:pointer;
    user-select:none;
}
.post-detail-page .toc-title-left{ display:flex; align-items:center; gap:10px; }
.post-detail-page .toc-title-left i{ color:var(--primary-blue); font-size:20px; }
.post-detail-page .toc-list-wrap{ margin-top:16px; display:none; border-top:1px dashed var(--border-color); padding-top:16px; }
.post-detail-page .toc-list,
.post-detail-page .toc-sublist{ list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:12px; }
.post-detail-page .toc-sublist{ padding-left:24px; margin-top:12px; border-left:2px solid var(--border-color); margin-left:8px; }
.post-detail-page .toc-list a,
.post-detail-page .toc-sublist a{
    display:flex;
    align-items:center;
    gap:10px;
    color:var(--gray-text);
    font-size:14px;
    font-weight:600;
    text-decoration:none;
    transition:color 0.2s;
}
.post-detail-page .toc-list a:hover,
.post-detail-page .toc-sublist a:hover{ color:var(--primary-blue); }
.post-detail-page .toc-list .num,
.post-detail-page .toc-sublist .num{
    background:var(--bg-header);
    border:1px solid var(--border-color);
    color:var(--gray-text);
    font-size:11px;
    font-weight:900;
    padding:2px 8px;
    border-radius:6px;
    transition:all 0.2s;
}
.post-detail-page .toc-list a:hover .num,
.post-detail-page .toc-sublist a:hover .num{ background:var(--primary-blue); border-color:var(--primary-blue); color:#fff; }
.post-detail-page .saas-post-body{
    font-size:16px;
    line-height:1.8;
    color:var(--gray-text);
    font-weight:500;
}
.post-detail-page .saas-post-body h2,
.post-detail-page .saas-post-body h3,
.post-detail-page .saas-post-body h4{
    scroll-margin-top:240px;
    color:var(--dark-text);
    font-weight:900;
    margin:40px 0 20px 0;
    letter-spacing:-0.5px;
    line-height:1.3;
}
.post-detail-page .saas-post-body h2{ font-size:26px; border-bottom:1px solid var(--border-color); padding-bottom:12px; }
.post-detail-page .saas-post-body h3{ font-size:22px; }
.post-detail-page .saas-post-body p{ margin-bottom:20px; }
.post-detail-page .saas-post-body img{
    max-width:100%;
    height:auto;
    border-radius:16px;
    margin:24px 0;
    border:1px solid var(--border-color);
}
.post-detail-page .saas-post-body blockquote{
    background:var(--bg-body);
    border-left:4px solid var(--primary-blue);
    padding:24px;
    border-radius:0 16px 16px 0;
    font-size:18px;
    font-weight:600;
    color:var(--dark-text);
    font-style:italic;
    margin:32px 0;
    line-height:1.6;
}
.post-detail-page .saas-post-body ul,
.post-detail-page .saas-post-body ol{ margin-bottom:24px; padding-left:20px; }
.post-detail-page .saas-post-body li{ margin-bottom:10px; }
.post-detail-page .saas-post-body a{ color:var(--primary-blue); text-decoration:none; font-weight:800; }
.post-detail-page .saas-post-body a:hover{ text-decoration:underline; }
.post-detail-page .blog-table-wrap{
    margin:24px 0;
    border:1px solid rgba(0,0,0,0.06);
    border-radius:var(--radius-ui);
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    background:var(--bg-body);
}
.post-detail-page .blog-table-wrap table{
    width:100%;
    min-width:320px;
    border-collapse:collapse;
    font-size:14px;
}
.post-detail-page .blog-table-wrap th,
.post-detail-page .blog-table-wrap td{
    padding:12px 16px;
    text-align:left;
    border-bottom:1px solid rgba(0,0,0,0.06);
    color:var(--dark-text);
    background:transparent;
}
.post-detail-page .blog-table-wrap th{
    background:rgba(0,0,0,0.03);
    font-weight:700;
    font-size:12px;
    text-transform:uppercase;
    letter-spacing:0.5px;
    color:var(--gray-text);
}
.post-detail-page .blog-table-wrap tbody tr:last-child td{ border-bottom:none; }
.post-detail-page .blog-table-wrap tbody tr:hover td{ background:rgba(61,90,254,0.04); }
body.dark-mode .post-detail-page .blog-table-wrap,
html.dark-mode .post-detail-page .blog-table-wrap{
    border-color:rgba(255,255,255,0.1) !important;
    background:#1c2128 !important;
}
body.dark-mode .post-detail-page .blog-table-wrap table,
body.dark-mode .post-detail-page .blog-table-wrap thead,
body.dark-mode .post-detail-page .blog-table-wrap tbody,
body.dark-mode .post-detail-page .blog-table-wrap tr,
body.dark-mode .post-detail-page .blog-table-wrap th,
body.dark-mode .post-detail-page .blog-table-wrap td,
html.dark-mode .post-detail-page .blog-table-wrap table,
html.dark-mode .post-detail-page .blog-table-wrap thead,
html.dark-mode .post-detail-page .blog-table-wrap tbody,
html.dark-mode .post-detail-page .blog-table-wrap tr,
html.dark-mode .post-detail-page .blog-table-wrap th,
html.dark-mode .post-detail-page .blog-table-wrap td{
    background:#1c2128 !important;
    color:#e2e8f0 !important;
    border-color:rgba(255,255,255,0.1) !important;
}
body.dark-mode .post-detail-page .blog-table-wrap th,
html.dark-mode .post-detail-page .blog-table-wrap th{
    background:#11141a !important;
    color:#94a3b8 !important;
}
body.dark-mode .post-detail-page .blog-table-wrap tbody tr:hover td,
html.dark-mode .post-detail-page .blog-table-wrap tbody tr:hover td{
    background:rgba(61,90,254,0.15) !important;
}
body.dark-mode .post-detail-page .blog-table-wrap a,
html.dark-mode .post-detail-page .blog-table-wrap a{
    color:var(--primary-blue) !important;
}
.post-detail-page .saas-post-share{
    display:flex;
    align-items:center;
    justify-content:space-between;
    flex-wrap:wrap;
    gap:16px;
    margin-top:48px;
    padding-top:32px;
    border-top:1px solid var(--border-color);
}
.post-detail-page .sps-title{ font-size:16px; font-weight:800; color:var(--dark-text); display:flex; align-items:center; gap:8px; }
.post-detail-page .sps-title i{ color:var(--primary-blue); font-size:20px; }
.post-detail-page .sps-btns{ display:flex; gap:10px; flex-wrap:wrap; }
.post-detail-page .sps-btn{
    width:40px;
    height:40px;
    border-radius:12px;
    background:var(--bg-light);
    color:var(--gray-text);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:18px;
    text-decoration:none;
    transition:all 0.3s;
}
.post-detail-page .sps-btn:hover{ color:#fff; }
.post-detail-page .sps-fb:hover{ background:#1877F2; }
.post-detail-page .sps-tw:hover{ background:#000; }
.post-detail-page .sps-in:hover{ background:#0A66C2; }
.post-detail-page .sps-wp:hover{ background:#25D366; }
.post-detail-page .saas-similar-posts{ margin-top:24px; }
.post-detail-page .ssp-title{ font-size:20px; font-weight:900; color:var(--dark-text); margin-bottom:20px; display:flex; align-items:center; gap:8px; }
.post-detail-page .ssp-title i{ color:#f59e0b; }
.post-detail-page .ssp-card{
    display:flex;
    background:var(--bg-header);
    border:1px solid var(--border-color);
    border-radius:16px;
    padding:12px;
    gap:16px;
    text-decoration:none;
    transition:all 0.3s;
    align-items:center;
    height:100%;
    box-shadow:0 4px 15px rgba(0,0,0,0.02);
}
.post-detail-page .ssp-card:hover{ border-color:var(--primary-blue); box-shadow:0 10px 25px rgba(0,0,0,0.08); }
.post-detail-page .ssp-img{ width:80px; height:80px; border-radius:12px; overflow:hidden; flex-shrink:0; background:var(--bg-light); }
.post-detail-page .ssp-img img{ width:100%; height:100%; object-fit:cover; }
.post-detail-page .ssp-info{ display:flex; flex-direction:column; justify-content:center; }
.post-detail-page .ssp-post-title{
    font-size:14px;
    font-weight:800;
    color:var(--dark-text);
    margin:0 0 6px 0;
    line-height:1.4;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    transition:color 0.2s;
}
.post-detail-page .ssp-card:hover .ssp-post-title{ color:var(--primary-blue); }
.post-detail-page .ssp-meta{ font-size:11px; font-weight:600; color:var(--gray-text); display:flex; align-items:center; gap:4px; }
.post-detail-page .saas-sidebar{ position:sticky; top:24px; display:flex; flex-direction:column; gap:24px; }
.post-detail-page .sidebar-widget{
    background:var(--bg-header);
    border:1px solid var(--border-color);
    border-radius:24px;
    padding:24px;
    box-shadow:0 4px 15px rgba(0,0,0,0.02);
}
.post-detail-page .widget-title{
    font-size:16px;
    font-weight:900;
    color:var(--dark-text);
    margin:0 0 20px 0;
    display:flex;
    align-items:center;
    gap:8px;
    border-bottom:1px solid var(--border-color);
    padding-bottom:16px;
}
.post-detail-page .widget-title i{ color:var(--primary-blue); font-size:20px; }
.post-detail-page .widget-cat-list{ list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:8px; }
.post-detail-page .widget-cat-list li a{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:12px 16px;
    background:var(--bg-body);
    border-radius:12px;
    text-decoration:none;
    transition:all 0.3s;
    border:1px solid transparent;
    font-size:14px;
    font-weight:700;
    color:var(--gray-text);
}
.post-detail-page .widget-cat-list li a .ri-arrow-right-s-line{ color:var(--border-color); font-size:20px; }
.post-detail-page .widget-cat-list li a:hover{
    background:var(--bg-header);
    border-color:var(--border-color);
    box-shadow:0 4px 15px rgba(0,0,0,0.05);
}
.post-detail-page .widget-cat-list li a.active{
    background:var(--bg-header);
    border-color:var(--border-color);
    box-shadow:0 4px 15px rgba(0,0,0,0.05);
    transform:translateX(4px);
    color:var(--primary-blue);
}
.post-detail-page .widget-cat-list li a.active .w-cat-name{ color:var(--primary-blue); }
.post-detail-page .widget-cat-list li a.active .ri-arrow-right-s-line{ color:var(--border-color); }
body.dark-mode .post-detail-page .widget-cat-list li a.active{
    background:var(--bg-header);
    border-color:var(--border-color);
    box-shadow:0 4px 15px rgba(0,0,0,0.15);
}
body.dark-mode .post-detail-page .widget-cat-list li a.active .ri-arrow-right-s-line{ color:var(--gray-text); }
.post-detail-page .w-cat-left{ display:flex; align-items:center; gap:12px; }
.post-detail-page .w-cat-icon{
    width:32px;
    height:32px;
    border-radius:10px;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
}
.post-detail-page .w-cat-icon img{ width:16px; height:16px; object-fit:contain; filter:brightness(0) invert(1); }
.post-detail-page .widget-posts{ display:flex; flex-direction:column; gap:16px; }
.post-detail-page .w-post-item{ display:flex; align-items:center; gap:12px; text-decoration:none; }
.post-detail-page .w-post-img{ width:64px; height:64px; border-radius:12px; overflow:hidden; flex-shrink:0; }
.post-detail-page .w-post-img img{ width:100%; height:100%; object-fit:cover; }
.post-detail-page .w-post-info{ display:flex; flex-direction:column; gap:6px; }
.post-detail-page .w-post-date{ font-size:11px; font-weight:600; color:var(--gray-text); }
.post-detail-page .w-post-title{
    font-size:13px;
    font-weight:800;
    color:var(--dark-text);
    line-height:1.4;
    margin:0;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    transition:color 0.2s;
}
.post-detail-page .w-post-item:hover .w-post-title{ color:var(--primary-blue); }
.post-detail-page .article-divider{
    display:flex;
    align-items:center;
    text-align:center;
    margin:40px 0;
    color:var(--gray-text);
}
.post-detail-page .article-divider::before,
.post-detail-page .article-divider::after{ content:''; flex:1; border-bottom:2px dashed var(--border-color); }
.post-detail-page .article-divider span{ padding:0 20px; font-size:12px; font-weight:800; text-transform:uppercase; letter-spacing:1px; color:var(--gray-text); }
.post-detail-page .infinite-scroll-loader{
    display:none;
    align-items:center;
    justify-content:center;
    gap:12px;
    padding:16px 32px;
    background:var(--bg-header);
    border:1px solid var(--border-color);
    border-radius:999px;
    width:max-content;
    margin:0 auto;
    box-shadow:0 4px 15px rgba(61,90,254,0.1);
    color:var(--primary-blue);
    font-size:14px;
    font-weight:800;
}
.post-detail-page .infinite-scroll-loader i{ font-size:20px; animation:post-spin 1s linear infinite; }
@keyframes post-spin{ 100%{ transform:rotate(360deg); } }

/* Post detail - Tablet (max 991px) */
@media (max-width:991px){
    .post-detail-page .single-article-container{ padding:28px 24px; border-radius:20px; }
    .post-detail-page .sph-title{ font-size:28px; }
    .post-detail-page .saas-post-cover{ margin-bottom:28px; border-radius:16px; }
    .post-detail-page .saas-post-cover img{ height:auto; }
    .post-detail-page .sph-meta{ gap:16px; font-size:13px; }
    .post-detail-page .saas-toc-box{ padding:20px; margin-bottom:32px; }
    .post-detail-page .sidebar-widget{ padding:20px; }
    .post-detail-page .saas-sidebar{ position:static; }
    .post-detail-page .blog-table-wrap{ margin:20px 0; border-radius:12px; }
    .post-detail-page .blog-table-wrap th,
    .post-detail-page .blog-table-wrap td{ padding:10px 14px; font-size:13px; }
}

/* Post detail - Mobile (max 767px) */
@media (max-width:767px){
    .post-detail-page{ padding-bottom:48px; }
    .post-detail-page .sph-author{ display:none !important; }
    .post-detail-page .single-article-container{ padding:20px 16px; border-radius:16px; margin-bottom:24px; }
    .post-detail-page .sph-title{ font-size:24px; line-height:1.35; margin-bottom:20px; }
    .post-detail-page .sph-category{ font-size:12px; padding:5px 12px; }
    .post-detail-page .sph-meta{ flex-direction:row; flex-wrap:wrap; gap:12px; font-size:12px; padding:12px 0; }
    .post-detail-page .sph-meta-item i{ font-size:16px; }
    .post-detail-page .saas-post-cover{ margin-bottom:20px; border-radius:12px; }
    .post-detail-page .saas-post-cover img{ height:auto; }
    .post-detail-page .saas-toc-box{ padding:12px 14px; margin-bottom:20px; border-radius:10px; }
    .post-detail-page .toc-title{ font-size:14px; }
    .post-detail-page .toc-title-left{ gap:8px; }
    .post-detail-page .toc-title-left i{ font-size:16px; }
    .post-detail-page .toc-list-wrap{ margin-top:10px; padding-top:10px; }
    .post-detail-page .toc-list,
    .post-detail-page .toc-sublist{ gap:8px; }
    .post-detail-page .toc-sublist{ padding-left:16px; margin-top:8px; margin-left:4px; }
    .post-detail-page .toc-list a,
    .post-detail-page .toc-sublist a{ font-size:12px; gap:8px; }
    .post-detail-page .toc-list .num,
    .post-detail-page .toc-sublist .num{ font-size:10px; padding:2px 6px; }
    .post-detail-page .saas-post-body{ font-size:15px; line-height:1.75; }
    .post-detail-page .saas-post-body h2{ font-size:22px; margin:32px 0 16px 0; }
    .post-detail-page .saas-post-body h3{ font-size:19px; }
    .post-detail-page .saas-post-body h4{ font-size:17px; }
    .post-detail-page .saas-post-body blockquote{ font-size:16px; padding:16px; margin:24px 0; }
    .post-detail-page .saas-post-body img{ margin:16px 0; border-radius:12px; }
    .post-detail-page .blog-table-wrap{ margin:16px 0; border-radius:10px; }
    .post-detail-page .blog-table-wrap th,
    .post-detail-page .blog-table-wrap td{ padding:10px 12px; font-size:12px; }
    .post-detail-page .blog-table-wrap th{ font-size:11px; }
    .post-detail-page .saas-post-share{ flex-direction:column; align-items:flex-start; gap:12px; margin-top:32px; padding-top:24px; }
    .post-detail-page .sps-title{ font-size:14px; }
    .post-detail-page .sps-btn{ width:44px; height:44px; }
    .post-detail-page .ssp-card{ flex-direction:row; padding:10px; gap:12px; }
    .post-detail-page .ssp-img{ width:64px; height:64px; min-width:64px; }
    .post-detail-page .ssp-post-title{ font-size:13px; }
    .post-detail-page .ssp-title{ font-size:18px; margin-bottom:16px; }
    .post-detail-page .sidebar-widget{ padding:18px; border-radius:16px; }
    .post-detail-page .widget-title{ font-size:15px; padding-bottom:12px; }
    .post-detail-page .widget-cat-list li a{ padding:10px 14px; font-size:13px; }
    .post-detail-page .w-post-img{ width:56px; height:56px; min-width:56px; }
    .post-detail-page .w-post-title{ font-size:12px; }
    .post-detail-page .article-divider{ margin:28px 0; }
    .post-detail-page .article-divider span{ font-size:11px; padding:0 12px; }
}

/* Post detail - Small mobile (max 480px) */
@media (max-width:480px){
    .post-detail-page .single-article-container{ padding:16px 12px; }
    .post-detail-page .sph-title{ font-size:20px; }
    .post-detail-page .sph-meta{ gap:10px; font-size:11px; }
    .post-detail-page .saas-post-cover img{ height:auto; }
    .post-detail-page .saas-toc-box{ padding:10px 12px; margin-bottom:16px; }
    .post-detail-page .toc-title{ font-size:13px; }
    .post-detail-page .toc-title-left i{ font-size:14px; }
    .post-detail-page .toc-list a,
    .post-detail-page .toc-sublist a{ font-size:11px; }
    .post-detail-page .ssp-card{ padding:8px; gap:10px; }
    .post-detail-page .ssp-img{ width:56px; height:56px; min-width:56px; }
    .post-detail-page .infinite-scroll-loader{ padding:12px 20px; font-size:13px; }
}

.dealer-page-wrapper{
    padding-bottom:0;
}
.dealer-hero{
    position:relative;
    border-radius:var(--radius-ui);
    background:linear-gradient(135deg, var(--primary-blue) 0%, #283cb4 100%);
    padding:60px 40px;
    margin-top:20px;
    margin-bottom:-60px;
    overflow:hidden;
    border:1px solid rgba(61, 90, 254, 0.2);
    box-shadow:0 10px 40px rgba(61, 90, 254, 0.15);
    text-align:center;
}

.dealer-hero::before{
    content:'';
    position:absolute;
    top:-50%;
    left:-20%;
    width:60%;
    height:200%;
    background:radial-gradient(ellipse at center, rgba(255, 255, 255, 0.15) 0%, transparent 60%);
    pointer-events:none;
    z-index:0;
}

.dealer-hero::after{
    content:'';
    position:absolute;
    bottom:-50%;
    right:-10%;
    width:50%;
    height:150%;
    background:radial-gradient(ellipse at center, rgba(17, 211, 119, 0.15) 0%, transparent 60%);
    pointer-events:none;
    z-index:0;
}

.dealer-hero-grid{
    position:absolute;
    inset:0;
    background-image:linear-gradient(rgba(255,255,255,0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.05) 1px, transparent 1px);
    background-size:30px 30px;
    opacity:0.6;
    z-index:0;
    pointer-events:none;
    mask-image:linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
    -webkit-mask-image:linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
}

.dh-content{
    position:relative;
    z-index:2;
    max-width:700px;
    margin:0 auto;
    padding-bottom:60px;
}

.dh-content h1{
    color:#fff;
    font-size:36px;
    font-weight:700;
    margin-bottom:15px;
    letter-spacing:-0.5px;
    line-height:1.2;
}

.dh-icon{
    width:72px;
    height:72px;
    background:rgba(255, 255, 255, 0.1);
    border:1px solid rgba(255, 255, 255, 0.2);
    backdrop-filter:blur(10px);
    border-radius:var(--radius-ui);
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-size:36px;
    color:#fff;
    margin-bottom:20px;
    box-shadow:0 10px 25px rgba(0,0,0,0.1);
}

.dh-title{
    font-size:36px;
    font-weight:700;
    color:#fff;
    margin-bottom:15px;
    letter-spacing:-0.5px;
    line-height:1.2;
}

.dh-desc{
    font-size:16px;
    color:rgba(255,255,255,0.8);
    font-weight:500;
    margin:0;
    line-height:1.6;
}
.form-wrapper-card{
    background:var(--bg-body);
    border-radius:var(--radius-ui);
    padding:40px;
    border:1px solid var(--border-color);
    box-shadow:0 20px 50px rgba(0,0,0,0.08);
    position:relative;
    z-index:5;
    max-width:900px;
    margin:0 auto;
}

body.dark-mode .form-wrapper-card{
    background:var(--bg-header);
    box-shadow:0 20px 50px rgba(0,0,0,0.4);
}

.fw-header{
    font-size:18px;
    font-weight:700;
    color:var(--dark-text);
    margin-bottom:30px;
    padding-bottom:20px;
    border-bottom:1px dashed var(--border-color);
    display:flex;
    align-items:center;
    gap:10px;
}

.fw-header i{
    color:var(--primary-blue);
    font-size:24px;
}
.form-group{
    margin-bottom:20px;
}

.form-group label{
    display:block;
    font-size:13px;
    font-weight:700;
    color:var(--dark-text);
    margin-bottom:8px;
    padding-left:5px;
}

.input-gg{
    position:relative;
}

.input-gg i:not(.ri-arrow-down-s-line){
    position:absolute;
    left:18px;
    top:16px;
    font-size:20px;
    color:var(--gray-text);
    transition:color 0.3s ease;
    z-index:2;
}

.input-gg .ri-arrow-down-s-line{
    position:absolute;
    right:15px;
    top:50%;
    transform:translateY(-50%);
    font-size:20px;
    color:var(--gray-text);
    pointer-events:none;
    z-index:2;
}
.input-gg .form-control{
    width:100%;
    height:56px;
    background:var(--input-bg);
    border:1px solid var(--border-color);
    border-radius:var(--radius-ui);
    padding:0 20px 0 50px;
    font-size:15px;
    font-weight:400;
    color:var(--dark-text);
    transition:all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.input-gg textarea.form-control{
    height:auto;
    min-height:140px;
    padding-top:16px;
    resize:vertical;
}

.input-gg select.form-control{
    appearance:none;
    -webkit-appearance:none;
    cursor:pointer;
}
.input-gg .form-control:hover{
    border-color:rgba(61, 90, 254, 0.4);
    background-color:var(--bg-body);
}
.input-gg .form-control:focus{
    background-color:var(--bg-body);
    border-color:var(--primary-blue);
    box-shadow:0 0 0 4px rgba(61, 90, 254, 0.15);
    outline:none;
}

.input-gg .form-control:focus + i,
.input-gg .form-control:focus ~ i{
    color:var(--primary-blue);
}
.kvkk_info{
    display:flex;
    align-items:flex-start;
    gap:12px;
    background:var(--bg-light);
    padding:20px;
    border-radius:var(--radius-ui);
    border:2px solid var(--border-color);
    font-size:13px;
    color:var(--gray-text);
    line-height:1.5;
    margin-bottom:30px;
    transition:all 0.3s ease;
    cursor:pointer;
}

.kvkk_info:hover{
    border-color:rgba(61, 90, 254, 0.3);
}

.kvkk_info input[type="checkbox"]{
    width:20px;
    height:20px;
    accent-color:var(--primary-blue);
    cursor:pointer;
    flex-shrink:0;
    margin-top:2px;
}

.kvkk_info a{
    color:var(--primary-blue);
    font-weight:700;
    text-decoration:underline;
    cursor:pointer;
    transition:color 0.2s;
}

.kvkk_info a:hover{
    color:#152485;
}
.btn-submit-req{
    width:100%;
    height:56px;
    border-radius:var(--radius-ui);
    background:linear-gradient(135deg, var(--success-green) 0%, #0ebc6a 100%);
    color:#fff;
    font-size:16px;
    font-weight:700;
    border:none;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    transition:all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
    box-shadow:0 8px 20px rgba(17, 211, 119, 0.3);
    cursor:pointer;
}

.btn-submit-req:hover{
    box-shadow:0 12px 25px rgba(17, 211, 119, 0.4);
    background:linear-gradient(135deg, #12e883 0%, #11d377 100%);
}

.btn-submit-req i{
    font-size:20px;
    transition:transform 0.3s ease;
}
.info-content-box{
    background:var(--bg-header);
    border:1px solid var(--border-color);
    border-radius:var(--radius-ui);
    padding:40px;
    max-width:900px;
    margin:40px auto 0;
    box-shadow:0 4px 20px rgba(0,0,0,0.02);
}

.info-content-box .content{
    color:var(--gray-text);
    line-height:1.8;
    font-size:15px;
}

.info-content-box .content h2,
.info-content-box .content h3,
.info-content-box .content h4{
    color:var(--dark-text);
    font-weight:600;
    margin-top:1.5em;
    margin-bottom:0.6em;
    line-height:1.3;
}
.info-content-box .content h2{ font-size:22px; }
.info-content-box .content h3{ font-size:18px; }
.info-content-box .content h4{ font-size:16px; font-weight:600; }
.sponsor-page-wrapper{
    padding-bottom:0;
}
.sponsor-hero{
    position:relative;
    border-radius:var(--radius-ui);
    background:linear-gradient(135deg, var(--primary-blue) 0%, #283cb4 100%);
    padding:60px 40px;
    margin-top:20px;
    margin-bottom:-60px;
    overflow:hidden;
    border:1px solid rgba(61, 90, 254, 0.2);
    box-shadow:0 10px 40px rgba(61, 90, 254, 0.15);
    text-align:center;
}

.sponsor-hero::before{
    content:'';
    position:absolute;
    top:-50%;
    left:-20%;
    width:60%;
    height:200%;
    background:radial-gradient(ellipse at center, rgba(255, 255, 255, 0.15) 0%, transparent 60%);
    pointer-events:none;
    z-index:0;
}

.sponsor-hero::after{
    content:'';
    position:absolute;
    bottom:-50%;
    right:-10%;
    width:50%;
    height:150%;
    background:radial-gradient(ellipse at center, rgba(17, 211, 119, 0.15) 0%, transparent 60%);
    pointer-events:none;
    z-index:0;
}

.sponsor-hero-grid{
    position:absolute;
    inset:0;
    background-image:linear-gradient(rgba(255,255,255,0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.05) 1px, transparent 1px);
    background-size:30px 30px;
    opacity:0.6;
    z-index:0;
    pointer-events:none;
    mask-image:linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
    -webkit-mask-image:linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
}

.sh-content{
    position:relative;
    z-index:2;
    max-width:700px;
    margin:0 auto;
    padding-bottom:60px;
}

.sh-icon{
    width:64px;
    height:64px;
    background:linear-gradient(135deg, var(--primary-blue) 0%, #283cb4 100%);
    border:1px solid rgba(255, 255, 255, 0.2);
    backdrop-filter:blur(10px);
    border-radius:var(--radius-ui);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:32px;
    color:#fff;
    margin-bottom:20px;
    box-shadow:0 8px 20px rgba(61,90,254,0.3);
    flex-shrink:0;
}

.sh-title{
    font-size:36px;
    font-weight:700;
    color:#fff;
    margin-bottom:15px;
    letter-spacing:-0.5px;
    line-height:1.2;
}

.sh-desc{
    font-size:16px;
    color:rgba(255,255,255,0.8);
    font-weight:500;
    margin:0;
    line-height:1.6;
}
.premium-modal-swal{
    border-radius:var(--radius-ui) !important;
    background:var(--bg-header) !important;
    border:1px solid var(--border-color) !important;
    box-shadow:0 25px 60px rgba(0,0,0,0.15) !important;
}

body.dark-mode .premium-modal-swal{
    box-shadow:0 25px 60px rgba(0,0,0,0.6) !important;
}

.premium-modal-title{
    color:var(--dark-text) !important;
    font-size:22px !important;
    font-weight:900 !important;
    border-bottom:1px solid var(--border-color);
    padding-bottom:20px !important;
    margin-bottom:10px !important;
    text-align:left !important;
}

.premium-modal-html{
    text-align:left !important;
    font-size:14px !important;
    line-height:1.7 !important;
    color:var(--gray-text) !important;
}
.scrollarea{
    overflow-y:auto;
    scrollbar-width:none;
    max-height:50vh;
    padding-right:15px;
    overflow:auto;
    -ms-overflow-style:none;
}

.scrollarea::-webkit-scrollbar{
    width:6px;
    display:none; }
.scrollarea::-webkit-scrollbar-thumb{ background:var(--border-color); border-radius:var(--radius-ui); }
.premium-modal-btn{
    width:100% !important;
    height:50px !important;
    border-radius:var(--radius-ui) !important;
    font-weight:800 !important;
    font-size:15px !important;
    background:var(--primary-blue) !important;
    box-shadow:0 6px 15px rgba(61,90,254,0.3) !important;
    margin-top:20px !important;
}
.success-page-wrapper{
    position:relative;
    min-height:60vh;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:60px 20px;
    overflow:hidden;
    border-radius:var(--radius-ui);
    background:var(--bg-header);
    border:1px solid var(--border-color);
    box-shadow:0 10px 40px rgba(0, 0, 0, 0.02);
    margin:40px auto;
    max-width:900px;
}

body.dark-mode .success-page-wrapper{
    box-shadow:0 15px 50px rgba(0, 0, 0, 0.3);
}

.success-ambient-glow{
    position:absolute;
    border-radius:50%;
    filter:blur(80px);
    opacity:0.5;
    animation:success-float-ambient 15s infinite alternate ease-in-out;
    pointer-events:none;
    z-index:0;
}

.success-ambient-glow.primary{
    width:350px;
    height:350px;
    background:rgba(17, 211, 119, 0.15);
    top:-100px;
    left:-100px;
}

.success-ambient-glow.secondary{
    width:300px;
    height:300px;
    background:rgba(61, 90, 254, 0.08);
    bottom:-100px;
    right:-100px;
    animation-delay:-3s;
}

@keyframes success-float-ambient{
    0%{ transform:translate(0, 0) scale(1); }
    100%{ transform:translate(5%, 5%) scale(1.1); }
}

.success-giant-text{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    font-size:11vw;
    font-weight:900;
    line-height:1;
    margin:0;
    color:transparent;
    -webkit-text-stroke:2px rgba(17, 211, 119, 0.1);
    z-index:1;
    user-select:none;
    pointer-events:none;
    white-space:nowrap;
    letter-spacing:-2px;
}

body.dark-mode .success-giant-text{
    -webkit-text-stroke:2px rgba(17, 211, 119, 0.05);
}

.success-content{
    position:relative;
    z-index:2;
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
    animation:success-fade-in 0.8s ease-out forwards;
}

@keyframes success-fade-in{
    from{ opacity:0; transform:translateY(20px); }
    to{ opacity:1; transform:translateY(0); }
}

.success-icon{
    width:84px;
    height:84px;
    background:rgba(17, 211, 119, 0.1);
    border:1px solid rgba(17, 211, 119, 0.25);
    color:var(--success-green, #11d377);
    border-radius:var(--radius-ui);
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-size:42px;
    margin-bottom:25px;
    box-shadow:0 10px 30px rgba(17, 211, 119, 0.15);
    backdrop-filter:blur(10px);
    animation:success-pulse 3s ease-in-out infinite;
}

@keyframes success-pulse{
    0%, 100%{ transform:scale(1); box-shadow:0 10px 30px rgba(17, 211, 119, 0.15); }
    50%{ transform:scale(1.05); box-shadow:0 15px 40px rgba(17, 211, 119, 0.3); }
}

@keyframes pulse{
    0%, 100%{ opacity:1; }
    50%{ opacity:0.6; }
}

.success-title{
    font-size:34px;
    font-weight:800;
    color:var(--dark-text);
    margin-bottom:12px;
    letter-spacing:-0.5px;
}

.success-msg{
    font-size:16px;
    color:var(--gray-text);
    max-width:500px;
    margin:0 auto 25px auto;
    line-height:1.6;
    font-weight:500;
}

.success-order-badge{
    display:inline-flex;
    align-items:center;
    gap:12px;
    padding:14px 24px;
    background:rgba(17, 211, 119, 0.05);
    border:1px dashed rgba(17, 211, 119, 0.3);
    border-radius:var(--radius-ui);
    color:var(--success-green, #11d377);
    font-size:14px;
    font-weight:600;
    margin-bottom:35px;
}

.success-order-badge i{
    font-size:22px;
}

.success-order-badge strong{
    color:var(--dark-text);
    font-size:16px;
    letter-spacing:0.5px;
    margin-left:4px;
}

.btn-success-modern{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    padding:16px 40px;
    background:linear-gradient(135deg, var(--success-green) 0%, #0db866 100%);
    color:#ffffff !important;
    text-decoration:none;
    border-radius:999px;
    font-weight:700;
    font-size:15px;
    letter-spacing:0.5px;
    transition:all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
    box-shadow:0 10px 25px rgba(17, 211, 119, 0.25);
    border:1px solid rgba(255, 255, 255, 0.1);
}

.btn-success-modern:hover{
    box-shadow:0 15px 35px rgba(17, 211, 119, 0.4);
}

.btn-success-modern i{
    font-size:20px;
    transition:transform 0.3s ease;
}

/* Payment result - Pending/Didit variant (turuncu) */
.success-page-wrapper .success-icon.pending{
    background:rgba(255,145,1,0.1);
    border-color:rgba(255,145,1,0.25);
    color:#FF9101;
    box-shadow:0 10px 30px rgba(255,145,1,0.15);
    animation:none;
}
.success-page-wrapper.pending .success-ambient-glow.primary{ background:rgba(255,145,1,0.1); }
.success-page-wrapper.pending .success-ambient-glow.secondary{ background:rgba(61,90,254,0.06); }
.success-page-wrapper.pending .success-giant-text{ -webkit-text-stroke:2px rgba(255,145,1,0.08); }
.btn-pending-modern{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    padding:16px 40px;
    background:linear-gradient(135deg, #FF9101 0%, #e65100 100%);
    color:#fff !important;
    text-decoration:none;
    border-radius:999px;
    font-weight:700;
    font-size:15px;
    letter-spacing:0.5px;
    transition:all 0.3s cubic-bezier(0.16,1,0.3,1);
    box-shadow:0 10px 25px rgba(255,145,1,0.25);
    border:1px solid rgba(255,255,255,0.1);
}
.btn-pending-modern:hover{ box-shadow:0 15px 35px rgba(255,145,1,0.4); }
.btn-pending-modern i{ font-size:20px; }

.fail-page-wrapper{
    position:relative;
    min-height:60vh;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:60px 20px;
    overflow:hidden;
    border-radius:var(--radius-ui);
    background:var(--bg-header);
    border:1px solid var(--border-color);
    box-shadow:0 10px 40px rgba(0, 0, 0, 0.02);
    margin:40px auto;
    max-width:900px;
}

body.dark-mode .fail-page-wrapper{
    box-shadow:0 15px 50px rgba(0, 0, 0, 0.3);
}

.fail-ambient-glow{
    position:absolute;
    border-radius:50%;
    filter:blur(80px);
    opacity:0.45;
    animation:fail-float-ambient 15s infinite alternate ease-in-out;
    pointer-events:none;
    z-index:0;
}

.fail-ambient-glow.primary{
    width:350px;
    height:350px;
    background:rgba(255, 77, 77, 0.15);
    top:-100px;
    left:-100px;
}

.fail-ambient-glow.secondary{
    width:300px;
    height:300px;
    background:rgba(255, 153, 51, 0.1);
    bottom:-100px;
    right:-100px;
    animation-delay:-3s;
}

@keyframes fail-float-ambient{
    0%{ transform:translate(0, 0) scale(1); }
    100%{ transform:translate(5%, 5%) scale(1.1); }
}

.fail-giant-text{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    font-size:11vw;
    font-weight:900;
    line-height:1;
    margin:0;
    color:transparent;
    -webkit-text-stroke:2px rgba(255, 77, 77, 0.12);
    z-index:1;
    user-select:none;
    pointer-events:none;
    white-space:nowrap;
    letter-spacing:-2px;
}

body.dark-mode .fail-giant-text{
    -webkit-text-stroke:2px rgba(255, 102, 102, 0.08);
}

.fail-content{
    position:relative;
    z-index:2;
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
    animation:fail-fade-in 0.8s ease-out forwards;
}

@keyframes fail-fade-in{
    from{ opacity:0; transform:translateY(20px); }
    to{ opacity:1; transform:translateY(0); }
}

.fail-icon{
    width:84px;
    height:84px;
    background:rgba(255, 77, 77, 0.12);
    border:1px solid rgba(255, 77, 77, 0.3);
    color:#ff4d4d;
    border-radius:var(--radius-ui);
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-size:42px;
    margin-bottom:25px;
    box-shadow:0 10px 30px rgba(255, 77, 77, 0.18);
    backdrop-filter:blur(10px);
}

.fail-title{
    font-size:34px;
    font-weight:800;
    color:var(--dark-text);
    margin-bottom:12px;
    letter-spacing:-0.5px;
}

.fail-msg{
    font-size:16px;
    color:var(--gray-text);
    max-width:500px;
    margin:0 auto 25px auto;
    line-height:1.6;
    font-weight:500;
}

.fail-order-badge{
    display:inline-flex;
    align-items:center;
    gap:12px;
    padding:14px 24px;
    background:rgba(255, 77, 77, 0.05);
    border:1px dashed rgba(255, 77, 77, 0.35);
    border-radius:var(--radius-ui);
    color:#ff6b6b;
    font-size:14px;
    font-weight:600;
    margin-bottom:35px;
}

.fail-order-badge i{
    font-size:22px;
}

.fail-order-badge strong{
    color:var(--dark-text);
    font-size:15px;
    letter-spacing:0.2px;
}

.btn-fail-modern{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:16px 40px;
    background:linear-gradient(135deg, #ff4d4d 0%, #e63b3b 100%);
    color:#ffffff !important;
    text-decoration:none;
    border-radius:999px;
    font-weight:700;
    font-size:15px;
    letter-spacing:0.5px;
    transition:background-color 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
    box-shadow:0 10px 25px rgba(255, 77, 77, 0.25);
    border:1px solid rgba(255, 255, 255, 0.1);
}

.btn-fail-modern:hover{
    background:linear-gradient(135deg, #f24747 0%, #d93636 100%);
    border-color:rgba(255, 255, 255, 0.2);
    box-shadow:0 12px 30px rgba(255, 77, 77, 0.35);
}
.coupon-banner-wrapper{
    background:linear-gradient(135deg, var(--warning-orange) 0%, #e6a100 100%);
    padding:15px 0;
    position:relative;
    overflow:hidden;
    margin-bottom:30px;
    box-shadow:0 4px 20px rgba(255, 179, 0, 0.2);
}

.coupon-content{
    display:flex;
    align-items:center;
    justify-content:space-between;
    flex-wrap:wrap;
    gap:15px;
    position:relative;
    z-index:2;
}

.coupon-title{
    font-size:16px;
    font-weight:800;
    color:#fff;
    margin:0;
    display:flex;
    align-items:center;
    gap:10px;
    text-shadow:0 2px 4px rgba(0, 0, 0, 0.2);
}

.coupon-title i{
    color:#fff !important;
    background:rgba(255, 255, 255, 0.2);
    padding:6px;
    border-radius:var(--radius-ui);
}

.coupon-timer{
    font-size:15px;
    font-weight:800;
    color:#fff;
    background:rgba(0, 0, 0, 0.15);
    padding:6px 16px;
    border-radius:var(--radius-ui);
    border:1px solid rgba(255, 255, 255, 0.2);
    backdrop-filter:blur(5px);
}

.coupon-code-box{
    display:flex;
    align-items:center;
    background:#fff;
    padding:4px 4px 4px 16px;
    border-radius:var(--radius-ui);
    box-shadow:0 4px 15px rgba(0, 0, 0, 0.1);
}

.coupon-code-box span{
    font-family:'Gilroy', sans-serif;
    font-size:16px;
    font-weight:900;
    color:var(--warning-orange);
    letter-spacing:1px;
    margin-right:12px;
}

.coupon-code-box button{
    background:var(--warning-orange);
    color:#fff;
    border:none;
    padding:8px 16px;
    border-radius:var(--radius-ui);
    font-size:13px;
    font-weight:800;
    cursor:pointer;
    transition:var(--transition);
}

.coupon-code-box button:hover{
    box-shadow:0 4px 10px rgba(255, 179, 0, 0.3);
}
.gallery-wrapper{
    display:flex;
    flex-direction:column;
    gap:12px;
    position:sticky;
    top:90px;
}

.gallery-main{
    background:var(--bg-header);
    border:1px solid var(--border-color);
    border-radius:var(--radius-ui);
    aspect-ratio:1 / 1;
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    box-shadow:0 4px 20px rgba(0, 0, 0, 0.02);
}

body.dark-mode .gallery-main{
    box-shadow:0 10px 30px rgba(0, 0, 0, 0.2);
}

.gallery-main img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform 0.4s ease;
}


.g-badge-top{
    position:absolute;
    top:16px;
    left:16px;
    z-index:10;
    background:rgba(10, 14, 26, 0.75);
    backdrop-filter:blur(8px);
    border:1px solid rgba(255, 255, 255, 0.15);
    color:#fff;
    font-size:11px;
    font-weight:800;
    padding:6px 12px;
    border-radius:var(--radius-ui);
    display:flex;
    align-items:center;
    gap:6px;
    letter-spacing:0.5px;
    text-transform:uppercase;
}

.g-badge-top img{
    width:14px;
    height:14px;
    object-fit:contain;
}

.btn-favorite{
    position:absolute;
    top:16px;
    right:16px;
    z-index:10;
    width:44px;
    height:44px;
    border-radius:var(--radius-ui);
    background:rgba(10, 14, 26, 0.5);
    backdrop-filter:blur(8px);
    border:1px solid rgba(255, 255, 255, 0.15);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:22px;
    cursor:pointer;
    transition:var(--transition);
}

.btn-favorite:hover, .btn-favorite.active{
    background:var(--danger-red);
    border-color:var(--danger-red);
}

.gallery-thumbs{
    display:flex;
    gap:12px;
    overflow-x:auto;
    scrollbar-width:none;
    padding-bottom:5px;
}

.gallery-thumbs::-webkit-scrollbar{
    display:none;
}

.g-thumb{
    width:80px;
    height:80px;
    flex-shrink:0;
    border-radius:var(--radius-ui);
    border:2px solid transparent;
    overflow:hidden;
    cursor:pointer;
    opacity:0.6;
    transition:var(--transition);
    background:var(--bg-header);
}

.g-thumb img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.g-thumb:hover{
    opacity:0.8;
}

.g-thumb.active{
    opacity:1;
    border-color:var(--primary-blue);
    box-shadow:0 4px 15px rgba(61, 90, 254, 0.2);
}
.c-meta-top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    flex-wrap:wrap;
    gap:10px;
    margin-bottom:16px;
}

.c-cat-pill{
    display:inline-flex;
    align-items:center;
    gap:6px;
    background:rgba(61, 90, 254, 0.08);
    border:1px solid rgba(61, 90, 254, 0.15);
    color:var(--primary-blue);
    padding:6px 14px;
    border-radius:var(--radius-ui);
    font-size:13px;
    font-weight:800;
}

.c-cat-pill img{
    width:16px;
    height:16px;
    object-fit:contain;
    filter:brightness(0) invert(0);
}
body.dark-mode .c-cat-pill img{ filter:brightness(0) invert(1); }

.c-id{
    font-size:13px;
    font-weight:700;
    color:var(--gray-text);
}

.c-title{
    font-size:26px;
    font-weight:900;
    color:var(--dark-text);
    line-height:1.3;
    margin:0 0 16px 0;
    letter-spacing:-0.5px;
}

.c-stats-row{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:20px;
    margin-bottom:24px;
    padding-bottom:20px;
    border-bottom:1px dashed var(--border-color);
}

.c-stat{
    font-size:13px;
    font-weight:700;
    color:var(--gray-text);
    display:flex;
    align-items:center;
    gap:6px;
    text-decoration:none;
    transition:var(--transition);
}

.c-stat i{
    font-size:16px;
    color:var(--primary-blue);
}

.c-stat:hover{
    color:var(--primary-blue);
}
.hurry-alert-banner{
    background:rgba(255, 68, 84, 0.08);
    border:1px solid rgba(255, 68, 84, 0.15);
    border-radius:var(--radius-ui);
    padding:12px 16px;
    display:flex;
    align-items:center;
    gap:12px;
    font-size:13px;
    font-weight:600;
    color:var(--danger-red);
    margin-bottom:20px;
}

.hurry-alert-banner .dot{
    width:8px;
    height:8px;
    background:var(--danger-red);
    border-radius:50%;
    animation:livePulse 1.5s infinite;
}

@keyframes livePulse{
    0%{ box-shadow:0 0 0 0 rgba(255, 68, 84, 0.4); }
    70%{ box-shadow:0 0 0 8px rgba(255, 68, 84, 0); }
    100%{ box-shadow:0 0 0 0 rgba(255, 68, 84, 0); }
}

.hurry-alert-banner strong{
    font-weight:800;
}
.feat-horizontal{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-bottom:24px;
}

.feat-pill{
    display:inline-flex;
    align-items:center;
    gap:6px;
    padding:8px 12px;
    background:var(--bg-header);
    border:1px solid var(--border-color);
    border-radius:var(--radius-ui);
    font-size:12px;
    font-weight:700;
    color:var(--dark-text);
    box-shadow:0 2px 10px rgba(0,0,0,0.01);
}

.feat-pill.green i{ color:var(--success-green); }
.feat-pill.pink i{ color:#f43f5e; }
.feat-pill.blue i{ color:var(--primary-blue); }
.feat-pill.orange i{ color:var(--warning-orange); }
.saas-coupon-banner{
    position:relative;
    background:linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
    border-radius:var(--radius-ui);
    padding:24px 32px;
    color:#fff;
    margin-top:24px;
    margin-bottom:24px;
    overflow:hidden;
    display:flex;
    align-items:center;
    justify-content:space-between;
    flex-wrap:wrap;
    gap:20px;
    box-shadow:0 10px 30px rgba(15,23,42,0.2);
}
.saas-coupon-banner::before{
    content:'';
    position:absolute;
    top:-50px;
    right:-50px;
    width:250px;
    height:250px;
    background:radial-gradient(circle, rgba(61,90,254,0.4) 0%, transparent 70%);
    filter:blur(20px);
    pointer-events:none;
}
.scb-left{ position:relative; z-index:2; }
.scb-title{ font-size:18px; font-weight:900; margin:0 0 6px 0; display:flex; align-items:center; gap:8px; }
.scb-title i{ color:#f59e0b; font-size:24px; }
.scb-timer{ font-size:13px; font-weight:700; color:#cbd5e1; display:flex; align-items:center; gap:6px; }
.scb-timer i{ color:#ef4444; }
.scb-right{ position:relative; z-index:2; display:flex; align-items:center; background:rgba(255,255,255,0.1); border:1px solid rgba(255,255,255,0.2); padding:6px; border-radius:var(--radius-ui); backdrop-filter:blur(10px); }
.scb-code{ padding:0 20px; font-size:16px; font-weight:900; letter-spacing:2px; color:#fff; }
.scb-btn{ background:var(--primary-blue); color:#fff; border:none; padding:10px 20px; border-radius:var(--radius-ui); font-size:13px; font-weight:800; text-transform:uppercase; cursor:pointer; transition:var(--transition); box-shadow:0 4px 15px rgba(61,90,254,0.3); }
.scb-btn:hover{ background:#283cb4; }

/* saas-coupons-wrapper - Kupon kartları (Livewire) - main3, dark, mobil uyumlu */
.saas-coupons-wrapper{ padding-top:24px; padding-bottom:24px; }
.saas-coupon-card{
    background:var(--bg-header); border:1px solid var(--border-color); border-radius:var(--radius-ui);
    padding:24px; display:flex; flex-direction:column; height:100%;
    transition:var(--transition); box-shadow:var(--box-shadow);
}
.saas-coupon-card:hover{
    border-color:var(--primary-blue);
    box-shadow:0 12px 30px rgba(61,90,254,0.12);
}
body.dark-mode .saas-coupon-card{ box-shadow:0 10px 40px rgba(0,0,0,0.2); }
body.dark-mode .saas-coupon-card:hover{ box-shadow:0 12px 35px rgba(61,90,254,0.15); }

.scc-head{ display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:20px; flex-wrap:wrap; }
.scc-code{
    background:var(--input-bg); border:2px dashed var(--border-color); padding:8px 16px; border-radius:var(--radius-ui);
    font-size:16px; font-weight:900; color:var(--dark-text); letter-spacing:1px;
    display:inline-flex; align-items:center; gap:8px; transition:var(--transition);
}
.saas-coupon-card:hover .scc-code{ border-color:var(--primary-blue); color:var(--primary-blue); background:rgba(61,90,254,0.08); }

.scc-badge{
    background:linear-gradient(135deg, var(--success-green) 0%, #059669 100%); color:#fff;
    padding:8px 16px; border-radius:var(--radius-ui); font-size:14px; font-weight:900;
    box-shadow:0 4px 10px rgba(17,211,119,0.25); display:inline-flex; align-items:center;
}

.scc-body{ flex:1; display:flex; flex-direction:column; gap:8px; margin-bottom:20px; }
.scc-title{ font-size:16px; font-weight:900; color:var(--dark-text); margin:0; line-height:1.4; }
.scc-desc{ font-size:14px; font-weight:500; color:var(--gray-text); margin:0; line-height:1.6; }

.scc-meta{
    display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px;
    padding-top:16px; border-top:1px solid var(--border-color);
}
.scc-meta-item{ display:flex; align-items:center; gap:6px; font-size:13px; font-weight:700; color:var(--gray-text); }
.scc-meta-item i{ color:var(--primary-blue); font-size:16px; }

.saas-empty-state{
    display:flex; flex-direction:column; align-items:center; justify-content:center;
    padding:60px 24px; background:var(--bg-header); border-radius:var(--radius-ui);
    border:2px dashed var(--border-color); text-align:center;
}
.saas-empty-state i{ font-size:48px; color:var(--gray-text); margin-bottom:16px; }
.saas-empty-state .text{ font-size:16px; font-weight:800; color:var(--dark-text); }

@media (max-width: 767px){
    .saas-coupons-wrapper{ padding-top:16px; padding-bottom:16px; }
    .saas-coupon-card{ padding:20px; border-radius:var(--radius-ui); }
    .scc-head{ flex-direction:column; align-items:flex-start; gap:10px; margin-bottom:16px; }
    .scc-code{ font-size:14px; padding:6px 12px; }
    .scc-badge{ font-size:13px; padding:6px 12px; }
    .scc-title{ font-size:15px; }
    .scc-desc{ font-size:13px; }
    .scc-meta{ flex-direction:column; align-items:flex-start; gap:8px; padding-top:12px; }
}
@media (max-width: 380px){
    .saas-coupon-card{ padding:16px; }
    .saas-empty-state{ padding:40px 16px; }
    .saas-empty-state i{ font-size:40px; }
    .saas-empty-state .text{ font-size:14px; }
}

/* saas-stats-wrapper - Profil İstatistikleri (Livewire) - yeni vitrin, dark, mobil uyumlu */
.saas-stats-wrapper{ padding-top:24px; padding-bottom:24px; }

.profile-stats-hero{
    display:grid;
    grid-template-columns:minmax(0, 1.5fr) minmax(320px, 1fr);
    gap:24px;
    margin-bottom:24px;
}

.profile-stats-spotlight,
.profile-stats-panel,
.profile-kpi-card{
    background:var(--bg-header);
    border:1px solid var(--border-color);
    border-radius:calc(var(--radius-ui) + 4px);
    box-shadow:var(--box-shadow);
}

body.dark-mode .profile-stats-spotlight,
body.dark-mode .profile-stats-panel,
body.dark-mode .profile-kpi-card{
    box-shadow:0 10px 40px rgba(0,0,0,0.2);
}

.profile-stats-spotlight{
    position:relative;
    overflow:hidden;
    padding:32px;
    background:
        radial-gradient(circle at top right, rgba(61,90,254,0.18), transparent 34%),
        radial-gradient(circle at bottom left, rgba(17,211,119,0.12), transparent 28%),
        var(--bg-header);
}

.profile-stats-copy{
    max-width:520px;
    margin-bottom:28px;
}

.profile-stats-eyebrow{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:8px 12px;
    border-radius:999px;
    background:rgba(61,90,254,0.10);
    color:var(--primary-blue);
    font-size:12px;
    font-weight:800;
    letter-spacing:0.4px;
    text-transform:uppercase;
    margin-bottom:16px;
}

.profile-stats-title{
    font-size:30px;
    line-height:1.15;
    letter-spacing:-0.6px;
    color:var(--dark-text);
    font-weight:900;
    margin:0 0 10px;
}

.profile-stats-desc{
    margin:0;
    color:var(--gray-text);
    font-size:15px;
    line-height:1.7;
}

.profile-stats-rating-block{
    display:flex;
    flex-direction:column;
    gap:10px;
    margin-bottom:20px;
}

.profile-stats-rating-value{
    min-height:72px;
    color:var(--dark-text);
    font-size:64px;
    line-height:1;
    font-weight:900;
    letter-spacing:-2px;
}

.profile-stats-stars{
    display:flex;
    flex-wrap:wrap;
    gap:6px;
    color:#f59e0b;
    font-size:22px;
}

.profile-stats-stars .is-empty{
    color:rgba(148,163,184,0.45);
}

.profile-stats-rating-meta{
    color:var(--gray-text);
    font-size:14px;
    font-weight:700;
}

.profile-stats-badges{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
}

.profile-stats-badge{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:10px 14px;
    border-radius:999px;
    font-size:13px;
    font-weight:800;
}

.profile-stats-badge.is-green{
    background:rgba(17,211,119,0.12);
    color:var(--success-green);
}

.profile-stats-badge.is-blue{
    background:rgba(61,90,254,0.10);
    color:var(--primary-blue);
}

.profile-stats-badge.is-muted{
    background:rgba(148,163,184,0.12);
    color:var(--gray-text);
}

.profile-stats-kpis{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:16px;
}

.profile-kpi-card{
    padding:22px;
    transition:var(--transition);
}

.profile-kpi-card:hover{
    border-color:rgba(61,90,254,0.35);
}

.profile-kpi-card.is-highlight{
    background:
        linear-gradient(135deg, rgba(61,90,254,0.12), rgba(61,90,254,0.03)),
        var(--bg-header);
    border-color:rgba(61,90,254,0.20);
}

.profile-kpi-icon{
    width:46px;
    height:46px;
    border-radius:14px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:16px;
    color:var(--primary-blue);
    background:rgba(61,90,254,0.10);
    font-size:22px;
}

.profile-kpi-label{
    color:var(--gray-text);
    font-size:13px;
    font-weight:700;
    margin-bottom:8px;
}

.profile-kpi-value{
    color:var(--dark-text);
    font-size:34px;
    line-height:1.1;
    font-weight:900;
    letter-spacing:-1px;
}

.profile-kpi-placeholder{
    width:72px;
    height:34px;
}

.profile-stats-panel{
    padding:28px;
    height:100%;
}

.profile-stats-panel-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:16px;
    margin-bottom:24px;
}

.profile-stats-panel-title{
    display:flex;
    align-items:center;
    gap:10px;
    margin:0 0 8px;
    color:var(--dark-text);
    font-size:18px;
    font-weight:900;
}

.profile-stats-panel-title i{
    color:var(--primary-blue);
    font-size:22px;
}

.profile-stats-panel-desc{
    margin:0;
    color:var(--gray-text);
    font-size:14px;
}

.profile-stats-loading{
    display:inline-flex;
    align-items:center;
    gap:8px;
    white-space:nowrap;
    color:var(--gray-text);
    font-size:13px;
    font-weight:700;
}

.profile-period-grid{
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:16px;
}

.profile-period-card{
    border-radius:calc(var(--radius-ui) + 2px);
    border:1px solid var(--border-color);
    background:linear-gradient(180deg, rgba(255,255,255,0.02), transparent), var(--input-bg);
    padding:20px;
}

body.dark-mode .profile-period-card{
    background:linear-gradient(180deg, rgba(255,255,255,0.02), transparent), rgba(255,255,255,0.03);
}

.profile-period-card.is-featured{
    border-color:rgba(61,90,254,0.22);
    box-shadow:0 8px 24px rgba(61,90,254,0.08);
}

body.dark-mode .profile-period-card.is-featured{
    box-shadow:0 12px 28px rgba(61,90,254,0.12);
}

.profile-period-top{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px;
    margin-bottom:18px;
}

.profile-period-label{
    color:var(--dark-text);
    font-size:15px;
    font-weight:900;
    margin-bottom:4px;
}

.profile-period-orders{
    color:var(--gray-text);
    font-size:13px;
    font-weight:700;
}

.profile-period-chip{
    flex-shrink:0;
    padding:8px 10px;
    border-radius:999px;
    background:rgba(17,211,119,0.12);
    color:var(--success-green);
    font-size:12px;
    font-weight:800;
}

.profile-period-progress{
    height:10px;
    border-radius:999px;
    overflow:hidden;
    background:rgba(148,163,184,0.16);
    margin-bottom:12px;
}

body.dark-mode .profile-period-progress{
    background:rgba(255,255,255,0.08);
}

.profile-period-progress-bar{
    height:100%;
    border-radius:999px;
    background:linear-gradient(90deg, var(--primary-blue), #60a5fa);
}

.profile-period-card.is-skeleton .profile-period-progress{
    overflow:hidden;
}

.profile-period-skeleton-stack{
    display:grid;
    gap:10px;
}

.profile-period-skeleton-stack.is-tight{
    margin-top:16px;
}

.profile-period-placeholder-title{
    width:108px;
    height:18px;
}

.profile-period-placeholder-subtitle{
    width:84px;
    height:14px;
}

.profile-period-placeholder-chip{
    width:88px;
    height:32px;
}

.profile-period-placeholder-progress{
    width:58%;
    height:100%;
}

.profile-period-placeholder-line{
    width:100%;
    height:14px;
}

.profile-period-placeholder-line.short{
    width:72%;
}

.profile-period-rate{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    margin-bottom:16px;
    color:var(--dark-text);
    font-size:13px;
    font-weight:700;
}

.profile-period-rate strong{
    font-size:20px;
    font-weight:900;
}

.profile-period-metrics{
    display:grid;
    gap:10px;
}

.profile-period-metric{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    border-top:1px solid rgba(148,163,184,0.14);
    padding-top:10px;
}

.profile-period-metric span{
    color:var(--gray-text);
    font-size:12px;
    font-weight:700;
}

.profile-period-metric strong{
    color:var(--dark-text);
    font-size:13px;
    font-weight:900;
    text-align:right;
}

.profile-rating-list{
    display:flex;
    flex-direction:column;
    gap:18px;
}

.profile-rating-row{
    display:grid;
    grid-template-columns:56px minmax(0, 1fr) 74px;
    align-items:center;
    gap:12px;
}

.profile-rating-label{
    display:flex;
    align-items:center;
    gap:6px;
    color:var(--dark-text);
    font-size:14px;
    font-weight:800;
}

.profile-rating-label i{
    color:#f59e0b;
}

.profile-rating-bar{
    height:10px;
    border-radius:999px;
    overflow:hidden;
    background:rgba(148,163,184,0.16);
}

body.dark-mode .profile-rating-bar{
    background:rgba(255,255,255,0.08);
}

.profile-rating-bar-fill{
    height:100%;
    min-width:0;
    border-radius:999px;
    background:linear-gradient(90deg, #f59e0b, #fbbf24);
}

.profile-rating-meta{
    display:flex;
    flex-direction:column;
    align-items:flex-end;
    gap:2px;
    color:var(--gray-text);
    font-size:12px;
    font-weight:700;
}

.profile-rating-meta strong{
    color:var(--dark-text);
    font-size:13px;
}

.profile-rating-skeleton{
    display:grid;
    gap:18px;
}

.profile-rating-skeleton-row{
    display:grid;
    grid-template-columns:56px minmax(0, 1fr) 74px;
    align-items:center;
    gap:12px;
}

.profile-rating-placeholder-label{
    width:42px;
    height:16px;
}

.profile-rating-placeholder-bar{
    width:100%;
    height:10px;
}

.profile-rating-placeholder-meta{
    width:58px;
    height:16px;
    justify-self:end;
}

.profile-stats-empty{
    min-height:260px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:12px;
    text-align:center;
    color:var(--gray-text);
    border:1px dashed var(--border-color);
    border-radius:calc(var(--radius-ui) + 2px);
    background:rgba(148,163,184,0.04);
}

.profile-stats-empty i{
    font-size:32px;
    color:var(--primary-blue);
}

.profile-stats-empty span{
    font-size:14px;
    font-weight:700;
}

.profile-stats-placeholder{
    display:inline-block;
    border-radius:999px;
    background:linear-gradient(90deg, rgba(148,163,184,0.18), rgba(148,163,184,0.34), rgba(148,163,184,0.18));
    background-size:200% 100%;
    animation:profileStatsShimmer 1.4s linear infinite;
}

.profile-stats-placeholder-lg{
    width:120px;
    height:62px;
}

@keyframes profileStatsShimmer{
    0%{ background-position:200% 0; }
    100%{ background-position:-200% 0; }
}

@media (max-width: 1199px){
    .profile-stats-hero{
        grid-template-columns:1fr;
    }

    .profile-period-grid{
        grid-template-columns:1fr;
    }
}

@media (max-width: 991px){
    .profile-stats-spotlight,
    .profile-stats-panel{
        padding:24px;
    }

    .profile-stats-rating-value{
        font-size:54px;
    }

    .profile-kpi-value{
        font-size:30px;
    }
}

@media (max-width: 767px){
    .saas-stats-wrapper{ padding-top:16px; padding-bottom:16px; }

    .profile-stats-hero{
        gap:16px;
        margin-bottom:16px;
    }

    .profile-stats-spotlight,
    .profile-stats-panel,
    .profile-kpi-card{
        border-radius:var(--radius-ui);
    }

    .profile-stats-spotlight,
    .profile-stats-panel{
        padding:20px;
    }

    .profile-stats-title{
        font-size:24px;
    }

    .profile-stats-desc,
    .profile-stats-panel-desc{
        font-size:13px;
    }

    .profile-stats-rating-value{
        min-height:auto;
        font-size:46px;
    }

    .profile-stats-stars{
        font-size:20px;
    }

    .profile-stats-kpis{
        grid-template-columns:1fr 1fr;
        gap:12px;
    }

    .profile-kpi-card{
        padding:18px;
    }

    .profile-kpi-icon{
        width:40px;
        height:40px;
        margin-bottom:12px;
        font-size:20px;
    }

    .profile-kpi-value{
        font-size:26px;
    }

    .profile-stats-panel-head{
        flex-direction:column;
        margin-bottom:20px;
    }

    .profile-rating-row{
        grid-template-columns:48px minmax(0, 1fr) 64px;
        gap:10px;
    }

    .profile-rating-skeleton-row{
        grid-template-columns:48px minmax(0, 1fr) 64px;
        gap:10px;
    }
}

@media (max-width: 480px){
    .profile-stats-kpis{
        grid-template-columns:1fr;
    }

    .profile-stats-badges{
        flex-direction:column;
        align-items:stretch;
    }

    .profile-stats-badge{
        justify-content:center;
    }

    .profile-period-top{
        flex-direction:column;
    }

    .profile-period-chip{
        align-self:flex-start;
    }
}

.saas-advert-card{
    background:var(--bg-header);
    border:1px solid var(--border-color);
    border-radius:var(--radius-ui);
    padding:24px;
    box-shadow:0 10px 40px rgba(15,23,42,0.03);
    margin-top:24px;
    margin-bottom:24px;
}
body.dark-mode .saas-advert-card{ box-shadow:0 10px 40px rgba(0,0,0,0.2); }
.saas-advert-card .gallery-wrapper{ position:relative; width:100%; top:0 !important; }
.saas-advert-card .gallery-wrapper .ds{
    position:relative;
    width:100%;
    aspect-ratio:1/1;
    border-radius:var(--radius-ui);
    overflow:hidden;
    background:rgba(0,0,0,0.02);
    border:1px solid var(--border-color);
    z-index:1;
}
body.dark-mode .saas-advert-card .gallery-wrapper .ds{ background:rgba(255,255,255,0.03); border-color:var(--border-color); }
.saas-advert-card .gallery-wrapper .bg{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:0;
    border-radius:var(--radius-ui);
    overflow:hidden;
}
.saas-advert-card .gallery-wrapper .bg img{
    width:100%;
    height:100%;
    object-fit:cover;
    filter:blur(20px);
    transform:scale(2);
}
.saas-advert-card .gallery-main,
.saas-advert-card .advert-gallery-swiper{
    position:relative;
    width:100%;
    height:100%;
    border-radius:var(--radius-ui);
    overflow:hidden;
    background:transparent;
    display:flex;
    align-items:center;
    justify-content:center;
}
.saas-advert-card .advert-gallery-swiper .swiper-wrapper{ align-items:center; }
.saas-advert-card .advert-gallery-swiper .swiper-slide{
    display:flex;
    align-items:center;
    justify-content:center;
    height:100%;
    position:relative;
    overflow:hidden;
}
.saas-advert-card .advert-gallery-swiper .swiper-slide > a{
    position:relative;
    z-index:1;
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    height:100%;
}
.saas-advert-card .advert-gallery-swiper .swiper-slide img{ width:100%; height:100%; object-fit:contain; display:block; }
.saas-advert-card .gallery-main > a{ display:flex; align-items:center; justify-content:center; width:100%; height:100%; }
.saas-advert-card .gallery-main img{ width:100%; height:100%; object-fit:contain; transition:transform 0.4s; }

.saas-advert-card .advert-gallery-nav{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    width:44px;
    height:44px;
    z-index:15;
    display:flex;
    align-items:center;
    justify-content:center;
    background:rgba(255,255,255,0.95);
    backdrop-filter:blur(8px);
    border-radius:var(--radius-ui);
    border:1px solid rgba(0,0,0,0.06);
    box-shadow:0 4px 15px rgba(0,0,0,0.08);
    color:#475569;
    cursor:pointer;
    transition:all 0.2s;
}
body.dark-mode .saas-advert-card .advert-gallery-nav{
    background:rgba(17,20,26,0.9);
    border-color:rgba(255,255,255,0.1);
    color:#94a3b8;
}
.saas-advert-card .advert-gallery-nav:hover{ background:var(--bg-header); color:var(--primary-blue); }
body.dark-mode .saas-advert-card .advert-gallery-nav:hover{ background:#1e293b; color:var(--primary-blue); }
.saas-advert-card .advert-gallery-nav.prev{ left:12px; }
.saas-advert-card .advert-gallery-nav.next{ right:12px; }
.saas-advert-card .advert-gallery-nav i{ font-size:22px; }
.saas-advert-card .advert-gallery-nav.swiper-button-disabled{ opacity:0.3; pointer-events:none; }

.saas-advert-card .g-badge-top{
    position:absolute;
    top:12px;
    left:12px;
    background:rgba(255,255,255,0.95);
    backdrop-filter:blur(8px);
    padding:6px 12px;
    border-radius:var(--radius-ui);
    font-size:11px;
    font-weight:800;
    color:var(--dark-text);
    display:flex;
    align-items:center;
    gap:6px;
    box-shadow:0 4px 15px rgba(0,0,0,0.05);
    z-index:10;
}
body.dark-mode .saas-advert-card .g-badge-top{ background:rgba(15,20,26,0.9); color:#f0f6fc; }

.saas-advert-card .btn-favorite{
    position:absolute;
    top:12px;
    right:12px;
    width:40px;
    height:40px;
    border-radius:var(--radius-ui);
    background:rgba(255,255,255,0.95);
    backdrop-filter:blur(8px);
    border:1px solid rgba(0,0,0,0.08);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:20px;
    color:#94a3b8;
    cursor:pointer;
    transition:all 0.2s ease;
    box-shadow:0 4px 15px rgba(0,0,0,0.08);
    z-index:10;
    padding:0;
    appearance:none;
    -webkit-appearance:none;
}
body.dark-mode .saas-advert-card .btn-favorite{ background:rgba(17,20,26,0.9); border-color:rgba(255,255,255,0.1); }
.saas-advert-card .btn-favorite:hover{ color:#ef4444; background:var(--bg-header); border-color:rgba(239,68,68,0.2); box-shadow:0 4px 20px rgba(239,68,68,0.15); }
.saas-advert-card .btn-favorite.active{ color:#ef4444; }
.saas-advert-card .btn-favorite.active:hover{ color:#dc2626; background:rgba(254,226,226,0.9); border-color:rgba(239,68,68,0.3); }
body.dark-mode .saas-advert-card .btn-favorite.active:hover{ background:rgba(239,68,68,0.2); }
.adv-header-meta{ display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:8px; margin-bottom:14px; font-size:14px; font-weight:600; }
.adv-meta-primary{ min-width:0; }
.adv-meta-inline{ display:inline-flex; align-items:center; gap:8px; }
.adv-cat-pill{ display:inline-flex; align-items:center; gap:6px; background:var(--cat-color, var(--primary-blue)); border:1px solid var(--cat-color, var(--primary-blue)); padding:5px 12px; border-radius:var(--radius-ui); font-size:12px; font-weight:800; color:#fff; text-decoration:none; transition:all 0.2s; }
.adv-cat-pill:hover{ filter:brightness(1.03); }
.adv-cat-pill img{ width:18px; height:18px; object-fit:contain; }

.adv-actions{ display:flex; align-items:center; gap:8px; }
.adv-action-btn{ display:inline-flex; align-items:center; gap:6px; font-size:13px; font-weight:700; color:var(--gray-text); background:none; border:none; cursor:pointer; transition:color 0.2s; }
.adv-action-btn:hover{ color:var(--primary-blue); }
.adv-action-btn.report:hover{ color:var(--danger-red); }
.adv-mobile-report{ width:34px; height:34px; padding:0; justify-content:center; border-radius:var(--radius-ui); background:var(--bg-light); border:1px solid var(--border-color); }
.adv-mobile-report i{ font-size:18px; }
.adv-share-dropdown .dropdown-toggle::after{ display:none; }
.adv-share-dropdown .dropdown-toggle .ri-arrow-down-s-line{
    backface-visibility:hidden;
    -webkit-backface-visibility:hidden;
    display:inline-flex;
    transform-origin:center;
    transition:transform .2s ease;
}
.adv-share-menu{ min-width:200px; }
.adv-share-item{ font-size:13px; font-weight:600; color:var(--gray-text); transition:all 0.15s; border:none; background:none; width:100%; text-align:left; }
.adv-share-item:hover{ background:var(--input-bg); color:var(--primary-blue); }
body.dark-mode .adv-share-dropdown .adv-share-menu{ background:var(--bg-header) !important; border:1px solid var(--border-color) !important; }
body.dark-mode .adv-share-dropdown .adv-share-item{ color:var(--gray-text) !important; }
body.dark-mode .adv-share-dropdown .adv-share-item:hover{ background:rgba(255,255,255,0.06) !important; color:var(--primary-blue) !important; }
body.dark-mode .adv-share-dropdown .dropdown-divider{ border-color:var(--border-color) !important; }

.adv-title{ font-size:22px; font-weight:900; color:var(--dark-text); margin:0 0 10px 0; line-height:1.3; letter-spacing:-0.5px; }

.saas-advert-card h1{ font-size:22px; font-weight:800; margin-bottom:12px; line-height:1.3; }

.saas-advert-card .c-stats-row{ display:flex; align-items:center; flex-wrap:wrap; gap:12px; margin-bottom:14px; padding-bottom:14px; border-bottom:1px solid var(--border-color); }
.saas-advert-card .c-stat{ display:inline-flex; align-items:center; gap:5px; font-size:12px; font-weight:700; color:var(--gray-text); text-decoration:none; transition:color 0.2s; }
.saas-advert-card .c-stat i{ font-size:16px; }
.saas-advert-card .c-stat.view i{ color:var(--primary-blue); }
.saas-advert-card .c-stat.refund i{ color:var(--warning-orange); }
.saas-advert-card .c-stat.online-status{ display:inline-flex; align-items:center; gap:6px; }
.saas-advert-card .c-stat.online-status .status-dot{ width:8px; height:8px; border-radius:50%; }
.saas-advert-card .c-stat.online-status.is-online .status-dot{ background:var(--success-green); box-shadow:0 0 0 2px rgba(17,211,119,0.3); }
.saas-advert-card .c-stat.online-status.is-offline .status-dot{ background:#94a3b8; }

.saas-advert-card .hurry-alert-banner{ display:flex; align-items:center; gap:10px; background:rgba(239,68,68,0.05); border:1px solid rgba(239,68,68,0.2); padding:8px 14px; border-radius:var(--radius-ui); color:var(--danger-red); font-size:13px; font-weight:600; margin-bottom:14px; }
body.dark-mode .saas-advert-card .hurry-alert-banner{ background:rgba(239,68,68,0.08); border-color:rgba(239,68,68,0.25); }
.saas-advert-card .hurry-alert-banner .dot{ background:var(--danger-red); border-radius:50%; box-shadow:0 0 0 0 rgba(239,68,68,0.7); animation:pulse-red 2s infinite; }
@keyframes pulse-red{ 0%{ box-shadow:0 0 0 0 rgba(239,68,68,0.7); } 70%{ box-shadow:0 0 0 10px rgba(239,68,68,0); } 100%{ box-shadow:0 0 0 0 rgba(239,68,68,0); } }
.saas-advert-card .hurry-alert-banner strong{ font-weight:900; }

/* Advert detail page - gallery badges, feat, html-text, guarantee-promo, bloke-sure */
.gallery-wrapper .g-badge-top{ padding:4px; background:rgba(255,255,255,0.9); border-radius:var(--radius-ui); border:none; }
.gallery-wrapper .g-badge-top img{ width:auto !important; height:auto !important; max-width:50px; max-height:36px; object-fit:contain; display:block; }
.gallery-wrapper .g-badge-firsat img{ max-width:48px; }
.gallery-wrapper .g-badge-coksatan img{ max-width:56px; }
.gallery-wrapper .g-badge-teslimat img{ max-width:72px; }
.gallery-wrapper .g-badge-coksatan{ top:10px; }
.gallery-wrapper:has(.g-badge-firsat) .g-badge-coksatan{ top:56px; }
body.dark-mode .gallery-wrapper .g-badge-top{ background:rgba(15,20,26,0.9); }
.feat-givebox-desc{ font-size:14px; line-height:1.6; color:var(--gray-text); }
.feat-givebox-desc p{ margin:0 0 0.5em 0; }
.feat-givebox-desc p:last-child{ margin-bottom:0; }
.fancybox-slide--image .fancybox-content{ max-width:95vw; max-height:95vh; }
.fancybox-slide--image .fancybox-image{ max-width:100%; max-height:100%; object-fit:contain; }
.feat-prominent{ gap:10px !important; margin-bottom:18px !important; }
.feat-prominent .feat-pill{ padding:12px 18px !important; font-size:14px !important; font-weight:700 !important; border-radius:var(--radius-ui) !important; border-width:1.5px !important; box-shadow:0 2px 12px rgba(0,0,0,0.06) !important; }
.feat-prominent .feat-pill i{ font-size:1.15em !important; }
.feat-prominent .feat-pill.green{ background:rgba(16,185,129,0.14) !important; border-color:rgba(16,185,129,0.35) !important; }
.feat-prominent .feat-pill.pink{ background:rgba(236,72,153,0.14) !important; border-color:rgba(236,72,153,0.35) !important; }
.feat-prominent .feat-pill.blue{ background:rgba(61,90,254,0.12) !important; border-color:rgba(61,90,254,0.35) !important; }
.feat-prominent .feat-pill.orange{ background:rgba(245,158,11,0.14) !important; border-color:rgba(245,158,11,0.35) !important; }
body.dark-mode .feat-prominent .feat-pill.green{ background:rgba(16,185,129,0.2) !important; color:#34d399 !important; }
body.dark-mode .feat-prominent .feat-pill.green i{ color:#34d399 !important; }
body.dark-mode .feat-prominent .feat-pill.pink{ background:rgba(236,72,153,0.28) !important; color:#f9a8d4 !important; border-color:rgba(236,72,153,0.5) !important; }
body.dark-mode .feat-prominent .feat-pill.pink i{ color:#f9a8d4 !important; }
body.dark-mode .feat-prominent .feat-pill.blue{ background:rgba(61,90,254,0.18) !important; color:#93c5fd !important; }
body.dark-mode .feat-prominent .feat-pill.blue i{ color:#93c5fd !important; }
body.dark-mode .feat-prominent .feat-pill.orange{ background:rgba(245,158,11,0.2) !important; color:#fcd34d !important; }
body.dark-mode .feat-prominent .feat-pill.orange i{ color:#fcd34d !important; }
.feat-table-wrap{ margin-bottom:18px; border:1px solid var(--border-color,#eee); border-radius:var(--radius-ui); overflow:hidden; font-size:14px; font-weight:600; box-shadow:0 2px 12px rgba(0,0,0,0.04); }
.feat-table{ width:100%; border-collapse:collapse; border-spacing:0; margin:0!important; }
.feat-table th,.feat-table td{ padding:14px 16px; text-align:left; border:none; background:var(--bg-card,#fff); }
.feat-table tbody tr:last-child td{ border-bottom:none; }
.feat-table th{ color:var(--gray-text); font-weight:600; font-size:12px; text-transform:uppercase; letter-spacing:0.5px; white-space:nowrap; }
.feat-table .feat-icon{ margin-right:8px; font-size:1.15em; }
.feat-table .feat-icon.green{ color:#059669; }
.feat-table .feat-icon.pink{ color:#db2777; }
.feat-table .feat-icon.blue{ color:var(--primary-blue,#3d5afe); }
.feat-table .feat-icon.orange{ color:#d97706; }
.advert-section-title{ display:flex; align-items:center; gap:8px; margin-bottom:12px; font-weight:600; font-size:0.95rem; color:var(--dark-text); }
.advert-section-title i{ font-size:1rem; color:var(--gray-text); opacity:0.8; }
.advert-desc-title{ display:flex; align-items:center; gap:8px; margin:20px 0 12px 0; font-weight:600; font-size:0.95rem; color:var(--dark-text); }
.advert-desc-title i{ font-size:1rem; color:var(--gray-text); opacity:0.8; }
.html-text{ color:var(--gray-text); font-size:15px; line-height:1.75; }
.html-text [style*="background"]:not(.guarantee-promo):not(.guarantee-promo *):not(.bloke-sure-card):not(.bloke-sure-card *),
.html-text [style*="background-color"]:not(.guarantee-promo):not(.guarantee-promo *):not(.bloke-sure-card):not(.bloke-sure-card *){ background:transparent !important; background-color:transparent !important; }
.html-text [style*="color: rgb"],.html-text [style*="color:rgb"],.html-text [style*="color:#"]{ color:inherit !important; }
.html-text p{ margin:0 0 0.85em 0; font-size:15px; line-height:1.75; color:var(--gray-text); }
.html-text p:last-child{ margin-bottom:0; }
.html-text p:empty{ display:none; }
.html-text strong,.html-text b{ font-weight:700; color:var(--dark-text) !important; background:none !important; }
.html-text em,.html-text i:not([class*="ri-"]){ font-style:italic; color:inherit !important; background:none !important; }
.html-text u{ text-decoration:underline; text-underline-offset:2px; }
.html-text span{ color:inherit !important; background:none !important; }
.html-text h1,.html-text h2,.html-text h3,.html-text h4,.html-text h5,.html-text h6{ margin:1.1em 0 0.45em 0; font-weight:700; color:var(--dark-text) !important; line-height:1.35; }
.html-text h1{ font-size:1.35rem; margin-top:0; }
.html-text h2{ font-size:1.2rem; }
.html-text h3{ font-size:1.1rem; }
.html-text h4,.html-text h5,.html-text h6{ font-size:1rem; }
.html-text ul,.html-text ol{ padding-left:1.4em; margin:0 0 0.9em 0; }
.html-text ul{ list-style:disc; }
.html-text ol{ list-style:decimal; }
.html-text li{ margin-bottom:0.35em; line-height:1.65; }
.html-text li:last-child{ margin-bottom:0; }
.html-text a{ color:var(--primary-blue,#3d5afe) !important; text-decoration:underline; text-underline-offset:2px; }
.html-text a:hover{ color:#283cb4 !important; }
.html-text blockquote{ margin:1em 0; padding:0.75em 1em; border-left:4px solid var(--primary-blue); background:rgba(61,90,254,0.06); border-radius:0 var(--radius-ui) var(--radius-ui) 0; font-style:italic; color:var(--gray-text); }
.html-text hr{ border:none; height:1px; background:var(--border-color); margin:1.25em 0; }
.html-text img,.html-text picture img{ max-width:100%; height:auto; vertical-align:middle; }
.html-text table{ width:100%; border-collapse:collapse; margin:1em 0; font-size:14px; }
.html-text th,.html-text td{ padding:8px 12px; border:1px solid var(--border-color); text-align:left; }
.html-text th{ background:var(--bg-light); font-weight:700; color:var(--dark-text); }
.html-text tr:nth-child(even){ background:rgba(248,250,252,0.3); }
.html-text code{ background:var(--bg-light); padding:2px 6px; border-radius:6px; font-size:0.9em; font-family:'Gilroy', sans-serif; color:var(--dark-text); }
.html-text pre{ background:var(--bg-light); border:1px solid var(--border-color); border-radius:var(--radius-ui); padding:1em; overflow-x:auto; margin:1em 0; font-size:0.9em; line-height:1.5; color:var(--dark-text); }
body.dark-mode .expired-alert .text-dark,body.dark-mode .expired-alert .fw-600{ color:var(--dark-text) !important; }
body.dark-mode .expired-alert .text-muted{ color:var(--gray-text) !important; }
/* --bg-card dark’ta tanımsız; geçerli yüzey + süresi dolmuş uyarısı için hafif danger tonu */
body.dark .expired-alert,
body.dark-mode .expired-alert,
html.dark-mode .expired-alert{
   background:rgba(255, 68, 84, 0.09) !important;
   border:1px solid rgba(248, 113, 113, 0.38) !important;
   box-shadow:var(--box-shadow);
}
body.dark .expired-alert .expired-title,
body.dark-mode .expired-alert .expired-title,
html.dark-mode .expired-alert .expired-title,
body.dark .expired-alert .h5,
body.dark-mode .expired-alert .h5,
html.dark-mode .expired-alert .h5{
   color:var(--dark-text) !important;
}
body.dark .expired-alert .expired-desc,
body.dark-mode .expired-alert .expired-desc,
html.dark-mode .expired-alert .expired-desc{
   color:var(--gray-text) !important;
}
body.dark .expired-alert .expired-icon,
body.dark-mode .expired-alert .expired-icon,
html.dark-mode .expired-alert .expired-icon{
   background:rgba(248, 113, 113, 0.14);
   color:#f87171;
}
.adv-share-menu .tw-x-icon{ color:#000; }
body.dark-mode .adv-share-menu .tw-x-icon{ color:#e7e9ea; }
body.dark-mode .guarantee-promo .text-dark,body.dark-mode .guarantee-promo .fw-700,html.dark-mode .guarantee-promo .text-dark,html.dark-mode .guarantee-promo .fw-700{ color:var(--dark-text) !important; }
.bloke-sure-card{
    background:rgba(61,90,254,0.06);
    border:1px solid rgba(61,90,254,0.2);
    color:var(--dark-text);
}
.bloke-sure-icon{
    width:48px;
    height:48px;
    border-radius:var(--radius-ui);
    background:rgba(61,90,254,0.12);
    color:var(--primary-blue,#3d5afe);
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
    font-size:1.5rem;
}
.bloke-sure-desc{ font-weight:500; font-size:0.95rem; color:var(--gray-text); line-height:1.55; }
.bloke-sure-desc strong{ color:var(--dark-text); }
body.dark-mode .bloke-sure-card{ background:rgba(61,90,254,0.1) !important; border-color:rgba(61,90,254,0.3) !important; }
body.dark-mode .bloke-sure-icon{ background:rgba(61,90,254,0.18) !important; color:#6d8cff !important; }
body.dark-mode .bloke-sure-title{ color:var(--dark-text) !important; }
body.dark-mode .bloke-sure-desc{ color:var(--gray-text) !important; }

.guarantee-promo{
    background:rgba(16,185,129,0.06);
    border:1px solid rgba(16,185,129,0.2);
    color:var(--dark-text);
}
.guarantee-promo-icon{
    width:48px;
    height:48px;
    border-radius:var(--radius-ui);
    background:rgba(16,185,129,0.12);
    color:#059669;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
    font-size:1.5rem;
}
.guarantee-promo-text{ font-weight:500; font-size:0.95rem; color:var(--gray-text); line-height:1.55; }
.guarantee-promo-text strong{ color:var(--dark-text); }
body.dark-mode .guarantee-promo{ background:rgba(16,185,129,0.1) !important; border-color:rgba(16,185,129,0.3) !important; }
body.dark-mode .guarantee-promo-icon{ background:rgba(16,185,129,0.18) !important; color:#34d399 !important; }
body.dark-mode .guarantee-promo-title{ color:var(--dark-text) !important; }
body.dark-mode .guarantee-promo-text{ color:var(--gray-text) !important; }
body.dark-mode .html-text blockquote{ background:rgba(61,90,254,0.12) !important; }
body.dark-mode .html-text a:hover{ color:#7c9cff !important; }
body.dark-mode .html-text tr:nth-child(even){ background:rgba(255,255,255,0.03); }
body.dark-mode .html-text [style*="background-color: rgb(255, 255, 255)"],body.dark-mode .html-text [style*="background-color:rgb(255,255,255)"],body.dark-mode .html-text [style*="background: rgb(255, 255, 255)"],body.dark-mode .html-text [style*="background:rgb(255,255,255)"],body.dark-mode .html-text [style*="background-color:#fff"],body.dark-mode .html-text [style*="background-color:#ffffff"],body.dark-mode .html-text [style*="background:#fff"],body.dark-mode .html-text [style*="background:#ffffff"],body.dark-mode .html-text [style*="background-color: white"],body.dark-mode .html-text [style*="background: white"],body.dark-mode .html-text [style*="background-color:white"],body.dark-mode .html-text [style*="background:white"]{ background-color:transparent !important; background:none !important; }
.advert-detail-page .advert-reviews-slider-wrap{
    margin-top:0;
    background:var(--bg-header);
    border:1px solid var(--border-color);
    border-radius:var(--radius-ui);
    overflow:hidden;
    box-shadow:var(--box-shadow);
}
body.dark-mode .advert-detail-page .advert-reviews-slider-wrap{ box-shadow:0 10px 40px rgba(0,0,0,0.2); }
.advert-detail-page .advert-reviews-slider-inner{
    position:relative;
}
.advert-detail-page .advert-reviews-nav{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    width:40px;
    height:40px;
    z-index:5;
    display:flex;
    align-items:center;
    justify-content:center;
    background:var(--bg-header);
    backdrop-filter:blur(8px);
    border-radius:var(--radius-ui);
    border:1px solid var(--border-color);
    box-shadow:0 4px 14px rgba(0,0,0,0.07);
    color:var(--gray-text);
    cursor:pointer;
    padding:0;
    transition:color 0.2s, background 0.2s, border-color 0.2s;
}
.advert-detail-page .advert-reviews-nav:hover{
    background:var(--input-bg);
    color:var(--primary-blue);
    border-color:color-mix(in srgb, var(--primary-blue) 35%, var(--border-color));
}
.advert-detail-page .advert-reviews-nav.prev{ left:8px; }
.advert-detail-page .advert-reviews-nav.next{ right:8px; }
.advert-detail-page .advert-reviews-nav i{ font-size:20px; line-height:1; }
body.dark-mode .advert-detail-page .advert-reviews-nav{
    background:rgba(17,20,26,0.92);
    border-color:rgba(255,255,255,0.1);
    color:#94a3b8;
    box-shadow:0 4px 16px rgba(0,0,0,0.35);
}
body.dark-mode .advert-detail-page .advert-reviews-nav:hover{ background:#1e293b; color:var(--primary-blue); }
.advert-review-slide-card{
    background:var(--input-bg);
    border:1px solid var(--border-color);
    border-radius:var(--radius-ui);
    padding:16px;
    display:flex;
    flex-direction:column;
    gap:14px;
    min-height:100%;
    box-shadow:0 1px 0 rgba(0,0,0,0.04);
}
body.dark-mode .advert-review-slide-card{
    background:rgba(255,255,255,0.04);
    border-color:var(--border-color);
    box-shadow:none;
}
.advert-review-slide-text{
    margin:0;
    font-size:13px;
    font-weight:500;
    line-height:1.55;
    color:var(--gray-text);
}
.advert-review-slide-meta{
    display:flex;
    align-items:center;
    gap:10px;
    margin-top:auto;
    padding-top:12px;
    border-top:1px solid var(--border-color);
}
.advert-review-slide-avatar{
    width:40px;
    height:40px;
    border-radius:var(--radius-ui);
    object-fit:cover;
    flex-shrink:0;
    border:1px solid var(--border-color);
}
.advert-review-slide-user{
    font-size:13px;
    font-weight:700;
    color:var(--dark-text);
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.advert-review-slide-stars{
    margin-left:auto;
    flex-shrink:0;
    display:flex;
    align-items:center;
    gap:2px;
}
.advert-review-slide-stars .ri-star-fill,
.advert-review-slide-stars .ri-star-line{ font-size:13px; line-height:1; }
.advert-review-slide-stars .ri-star-fill{ color:#f59e0b; }
.advert-review-slide-stars .ri-star-line{ color:color-mix(in srgb, var(--gray-text) 45%, transparent); }
body.dark-mode .feat-table-wrap{ box-shadow:0 2px 12px rgba(0,0,0,0.15); border-color:var(--border-color) !important; background:var(--bg-card) !important; }
body.dark-mode .feat-table th,body.dark-mode .feat-table td{ background:var(--bg-card) !important; border-color:var(--border-color) !important; color:var(--dark-text); }
body.dark-mode .feat-table th{ color:var(--gray-text) !important; }
body.dark-mode .feat-table .feat-icon.green{ color:#34d399; }
body.dark-mode .feat-table .feat-icon.pink{ color:#f472b6; }
body.dark-mode .feat-table .feat-icon.blue{ color:var(--primary-blue,#6d8cff); }
body.dark-mode .feat-table .feat-icon.orange{ color:#fbbf24; }
body.dark-mode .feat-table td::before{ color:var(--gray-text) !important; }
body.dark-mode .saas-coupon-banner .scb-timer{ color:rgba(255,255,255,0.9); }
body.dark-mode .saas-coupon-banner .scb-right{ background:rgba(255,255,255,0.08); border-color:rgba(255,255,255,0.15); }
/* ===== ADVERT DETAIL PAGE - RESPONSIVE (mobile-first) ===== */
/* Advert detail responsive reset */
@media (max-width:1199px){
    .advert-detail-page .similar-ads-section .premium-grid-5{ grid-template-columns:repeat(3, 1fr); }
}
@media (max-width:991px){
    .advert-detail-page .advert-detail-section .row.g-4{ --bs-gutter-x:16px; --bs-gutter-y:16px; }
    .advert-detail-page .sticky-sidebar{ position:static; top:auto;
        margin-top: 20px; }
    .advert-detail-page .similar-ads-section .premium-grid-5{ grid-template-columns:repeat(4, 1fr); gap:12px; }
}
@media (max-width:767px){
    .advert-detail-page .breadcrumb ol{ flex-wrap:nowrap; gap:0; font-size:12px; }
    .advert-detail-page .breadcrumb ol li{ max-width:160px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; flex-shrink:0; }
    .advert-detail-page .similar-ads-section .premium-grid-5{ grid-template-columns:repeat(2, 1fr); gap:12px; }
    .advert-detail-page .saas-coupon-banner,
    .advert-detail-page .expired-alert,
    .advert-detail-page .guarantee-promo,
    .advert-detail-page .bloke-sure-card,
    .advert-detail-page .adv-sold-expired-box{ flex-direction:column; align-items:stretch !important; gap:12px; }
    .advert-detail-page .saas-coupon-banner{ text-align:center !important; padding:16px !important; }
    .advert-detail-page .saas-coupon-banner .scb-left,
    .advert-detail-page .saas-coupon-banner .scb-right{ width:100% !important; justify-content:center !important; }
    .advert-detail-page .expired-alert .btn,
    .advert-detail-page .adv-sold-expired-box .ase-btn{ width:100%; justify-content:center; }
    .advert-detail-page .saas-advert-card{ padding:16px; border-radius:var(--radius-ui); }
    .advert-detail-page .saas-advert-card .row.g-4{ --bs-gutter-x:12px; --bs-gutter-y:16px; }
    .advert-detail-page .saas-advert-card h1{ font-size:1.28rem; line-height:1.35; margin-bottom:12px; }
    .advert-detail-page .adv-header-meta{ flex-direction:column; align-items:stretch; gap:12px; margin-bottom:12px; }
    .advert-detail-page .adv-header-meta > div:first-child{ gap:8px !important; }
    .advert-detail-page .adv-meta-primary{ width:100%; align-items:flex-start !important; }
    .advert-detail-page .adv-meta-inline{ margin-left:auto; flex:0 0 auto; }
    .advert-detail-page .adv-actions{ display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:8px; width:100%; }
    .advert-detail-page .adv-actions > *{ min-width:0; }
    .advert-detail-page .adv-share-dropdown,
    .advert-detail-page .desktop-report-action{ display:none !important; }
    .advert-detail-page .adv-share-dropdown,
    .advert-detail-page .adv-share-dropdown .adv-action-btn,
    .advert-detail-page .adv-actions > .adv-action-btn,
    .advert-detail-page .adv-actions > a.adv-action-btn{ width:100%; }
    .advert-detail-page .adv-action-btn{ min-height:44px; justify-content:center; padding:10px 12px; font-size:13px; border-radius:var(--radius-ui); }
    .advert-detail-page .adv-mobile-report{ width:36px; height:36px; min-height:36px; padding:0; flex:0 0 36px; border-radius:var(--radius-ui); }
    .advert-detail-page .saas-advert-card .c-stats-row{ gap:8px; margin-bottom:12px; padding-bottom:12px; flex-wrap:nowrap; overflow-x:auto; overflow-y:hidden; -webkit-overflow-scrolling:touch; scrollbar-width:none; -ms-overflow-style:none; }
    .advert-detail-page .saas-advert-card .c-stats-row::-webkit-scrollbar{ display:none; }
    .advert-detail-page .saas-advert-card .c-stats-row .ms-auto{ margin-left:0 !important; }
    .advert-detail-page .saas-advert-card .c-stat{ min-height:36px; padding:6px 10px; border-radius:999px; background:var(--bg-light); flex:0 0 auto; white-space:nowrap; }
    body.dark-mode .advert-detail-page .saas-advert-card .c-stat{ background:rgba(255,255,255,0.05); }
    .advert-detail-page .saas-advert-card .hurry-alert-banner{ padding:10px 12px; font-size:13px; }
    .advert-detail-page .guarantee-promo{ padding:12px !important; gap:10px !important; border-radius:var(--radius-ui) !important; }
    .advert-detail-page .guarantee-promo .guarantee-promo-icon{ width:40px !important; height:40px !important; border-radius:var(--radius-ui) !important; }
    .advert-detail-page .guarantee-promo .guarantee-promo-icon i{ font-size:1.2rem !important; }
    .advert-detail-page .guarantee-promo .guarantee-promo-title{ font-size:0.92rem !important; }
    .advert-detail-page .guarantee-promo .guarantee-promo-text{ font-size:0.84rem !important; line-height:1.45 !important; }
    .advert-detail-page .saas-advert-card .feat-horizontal{ flex-wrap:nowrap; overflow-x:auto; overflow-y:hidden; -webkit-overflow-scrolling:touch; scrollbar-width:none; -ms-overflow-style:none; padding-bottom:2px; }
    .advert-detail-page .saas-advert-card .feat-horizontal::-webkit-scrollbar{ display:none; }
    .advert-detail-page .feat-prominent{ gap:8px !important; }
    .advert-detail-page .feat-prominent .feat-pill{ flex:0 0 auto; min-width:0; padding:9px 12px !important; font-size:12px !important; justify-content:center; text-align:center; white-space:nowrap; }
    .advert-detail-page .adv-buy-box,
    .advert-detail-page .saas-buy-box{ padding:14px; gap:12px; border-radius:var(--radius-ui); }
    .advert-detail-page .adv-buy-box .price-area{ width:100%; }
    .advert-detail-page .adv-price-wrap{ width:100%; justify-content:space-between; align-items:flex-start; gap:8px; }
    .advert-detail-page .buy-actions{ width:100%; justify-content:stretch; gap:8px; }
    .advert-detail-page .saas-buy-box .p-cart-row{
        width:100%;
        display:flex;
        align-items:center;
        justify-content:stretch;
        gap:8px;
        flex-wrap:nowrap;
    }
    .advert-detail-page .saas-buy-box #advertBuyForm{
        flex:0 0 auto;
        display:flex;
        align-items:center;
        min-width:0;
    }
    .advert-detail-page .saas-buy-box .p-qty{
        width:auto;
        min-width:104px;
        height:46px;
        border-radius:var(--radius-ui);
        flex:0 0 auto;
    }
    .advert-detail-page .saas-buy-box .p-qty button{ width:32px; height:32px; }
    .advert-detail-page .saas-buy-box .p-qty input{ width:28px; font-size:14px; }
    .advert-detail-page .saas-buy-box .p-add-cart{
        width:46px;
        height:46px;
        border-radius:var(--radius-ui);
        flex:0 0 46px;
    }
    .advert-detail-page .saas-buy-box .btn-buy-product,
    .advert-detail-page .saas-buy-box .btn-stokyok{
        flex:1 1 0;
        min-width:0;
        max-width:none;
        height:46px;
        padding:0 14px;
        justify-content:center;
        white-space:nowrap;
    }
    .advert-detail-page .buy-actions.p-cart-row:has(.btn-owner-action){ flex-direction:column; align-items:stretch; }
    .advert-detail-page .buy-actions.p-cart-row:has(.btn-owner-action) .btn-owner-action{ flex:none; width:100%; min-height:44px; justify-content:center; }
    .advert-detail-page .m-store-card .m-store-body{ padding:0 16px 20px 16px; }
    .advert-detail-page .m-store-head{ margin-top:-28px; }
    .advert-detail-page .m-store-avatar{ width:58px; height:58px; }
    .advert-detail-page .m-store-info .name{ font-size:16px; }
    .advert-detail-page .saas-tabs-head .nav{ flex-wrap:nowrap; overflow-x:auto; overflow-y:hidden; -webkit-overflow-scrolling:touch; gap:8px; margin:0 -14px; padding:0 14px; scrollbar-width:none; -ms-overflow-style:none; }
    .advert-detail-page .saas-tabs-head .nav::-webkit-scrollbar{ display:none; }
    .advert-detail-page .saas-tabs-head .nav .nav-item{ flex:0 0 auto; }
    .advert-detail-page .saas-tabs-head .nav-link{ padding:8px 14px; font-size:13px; white-space:nowrap; }
    .advert-detail-page .html-text table,
    .advert-detail-page .html-text pre{ max-width:100%; overflow-x:auto; display:block; }
    .advert-detail-page .advert-content-body{ overflow-wrap:break-word; word-break:break-word; }
}
@media (max-width:576px){
    .advert-detail-page .breadcrumb ol li{ max-width:110px; }
    .advert-detail-page .saas-advert-card{ padding:12px; border-radius:var(--radius-ui); }
    .advert-detail-page .saas-advert-card .gallery-wrapper .ds,
    .advert-detail-page .saas-advert-card .gallery-wrapper .bg,
    .advert-detail-page .saas-advert-card .gallery-main,
    .advert-detail-page .saas-advert-card .advert-gallery-swiper{ border-radius:var(--radius-ui); }
    .advert-detail-page .gallery-wrapper .g-badge-top img{ max-width:40px !important; max-height:28px !important; }
    .advert-detail-page .saas-advert-card .g-badge-top{ top:8px; left:8px; padding:4px 8px; }
    .advert-detail-page .saas-advert-card .btn-favorite{ top:8px; right:8px; width:38px; height:38px; }
    .advert-detail-page .saas-advert-card .advert-gallery-nav{ width:34px; height:34px; }
    .advert-detail-page .saas-advert-card .advert-gallery-nav.prev{ left:8px; }
    .advert-detail-page .saas-advert-card .advert-gallery-nav.next{ right:8px; }
    .advert-detail-page .adv-cat-pill{ max-width:100%; font-size:11px; padding:6px 10px; border-radius:var(--radius-ui); }
    .advert-detail-page .adv-cat-pill img{ width:16px; height:16px; }
    .advert-detail-page .adv-header-meta .c-id{ font-size:12px; }
    .advert-detail-page .saas-advert-card h1{ font-size:1.12rem; margin-bottom:10px; }
    .advert-detail-page .guarantee-promo{ padding:10px !important; gap:8px !important; margin-bottom:12px !important; }
    .advert-detail-page .guarantee-promo .guarantee-promo-icon{ width:36px !important; height:36px !important; }
    .advert-detail-page .guarantee-promo .guarantee-promo-icon i{ font-size:1rem !important; }
    .advert-detail-page .guarantee-promo .guarantee-promo-title{ font-size:0.86rem !important; }
    .advert-detail-page .guarantee-promo .guarantee-promo-text{ font-size:0.78rem !important; line-height:1.4 !important; }
    .advert-detail-page .adv-meta-primary{ gap:6px !important; }
    .advert-detail-page .adv-meta-inline{ gap:6px; }
    .advert-detail-page .adv-actions{ grid-template-columns:1fr; }
    .advert-detail-page .saas-advert-card .c-stat{ width:auto; justify-content:flex-start; border-radius:var(--radius-ui); }
    .advert-detail-page .feat-prominent .feat-pill{ flex:0 0 auto; }
    .advert-detail-page .adv-price-wrap{ align-items:center; justify-content: center; }
    .advert-detail-page .adv-buy-box .price-huge,
    .advert-detail-page .adv-price-wrap .price-huge{ font-size:24px; }
    .advert-detail-page .saas-buy-box .p-cart-row{ gap:6px; }
    .advert-detail-page .saas-buy-box .p-qty{ min-width:98px; }
    .advert-detail-page .saas-buy-box .btn-buy-product,
    .advert-detail-page .saas-buy-box .btn-stokyok{ font-size:13px; padding:0 12px; }
    .advert-detail-page .reviews-slider-section .px-4{ padding-left:36px !important; padding-right:36px !important; }
    .advert-detail-page .advert-reviews-nav{ width:36px; height:36px; }
    .advert-detail-page .advert-reviews-nav.prev{ left:4px; }
    .advert-detail-page .advert-reviews-nav.next{ right:4px; }
    .advert-detail-page .similar-ads-section{ margin-top:32px; padding-top:24px; }
    .advert-detail-page .similar-ads-section .sas-title{ font-size:1.15rem; margin-bottom:16px; }
    .advert-detail-page .feat-table-wrap{ border-radius:var(--radius-ui); margin-bottom:14px; border-width:1px; box-shadow:none; overflow:hidden; background:var(--bg-header,#fff); }
    .advert-detail-page .feat-table{ width:100%; table-layout:fixed; border-collapse:collapse; }
    .advert-detail-page .feat-table thead{ display:none; }
    .advert-detail-page .feat-table tbody{ display:table-row-group; }
    .advert-detail-page .feat-table tr{ display:table-row; }
    .advert-detail-page .feat-table tbody tr:not(:last-child) td{ border-bottom:1px solid var(--border-color); }
    .advert-detail-page .feat-table td{ padding:11px 12px; border:none !important; display:table-cell; vertical-align:middle; background:transparent !important; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:12px; line-height:1.35; }
    body.dark-mode .advert-detail-page .feat-table td{ background:var(--bg-header) !important; color:var(--dark-text); }
    body.dark-mode .advert-detail-page .feat-table td:first-child{ color:var(--dark-text); }
    body.dark-mode .advert-detail-page .feat-table td:last-child{ color:var(--gray-text); }
    .advert-detail-page .feat-table td::before{ display:none; content:none; }
    .advert-detail-page .feat-table td:first-child{ width:54%; font-weight:700; color:var(--dark-text); }
    .advert-detail-page .feat-table td:last-child{ text-align:right; color:var(--gray-text); font-weight:600; }
    .advert-detail-page .feat-table td:only-child{ display:block; }
    .advert-detail-page .feat-table .feat-icon{ margin-right:6px; font-size:1em; }
    .advert-detail-page .html-text table{ display:block; width:100%; overflow-x:auto; margin:0.9em 0; border-radius:var(--radius-ui); border:1px solid var(--border-color); background:var(--bg-header,#fff); white-space:nowrap; }
    .advert-detail-page .html-text tbody,
    .advert-detail-page .html-text thead{ white-space:nowrap; }
    .advert-detail-page .html-text th,
    .advert-detail-page .html-text td{ padding:9px 10px; font-size:12px; }
}
@media (max-width:390px){
    .advert-detail-page .saas-buy-box .p-cart-row{ gap:5px; }
    .advert-detail-page .saas-buy-box .p-qty{ min-width:92px; }
    .advert-detail-page .saas-buy-box .p-qty button{ width:30px; height:30px; }
    .advert-detail-page .saas-buy-box .p-add-cart{ width:44px; height:44px; flex-basis:44px; }
    .advert-detail-page .saas-buy-box .btn-buy-product,
    .advert-detail-page .saas-buy-box .btn-stokyok{ padding:0 10px; font-size:12px; }
}

.saas-advert-card .feat-horizontal{ display:flex; flex-wrap:wrap; gap:6px; margin-bottom:16px; }
.saas-advert-card .feat-pill.green{ background:rgba(16,185,129,0.1); color:#059669; }
.saas-advert-card .feat-pill.pink{ background:rgba(236,72,153,0.1); color:#db2777; }
.saas-advert-card .feat-pill.blue{ background:rgba(61,90,254,0.1); color:var(--primary-blue); }
.saas-advert-card .feat-pill.orange{ background:rgba(245,158,11,0.1); color:#d97706; }
body.dark-mode .saas-advert-card .feat-pill.green{ background:rgba(16,185,129,0.15); color:#34d399; }
body.dark-mode .saas-advert-card .feat-pill.pink{ background:rgba(236,72,153,0.25); color:#f9a8d4; border-color:rgba(236,72,153,0.45); }
body.dark-mode .saas-advert-card .feat-pill.pink i{ color:#f9a8d4; }
body.dark-mode .saas-advert-card .feat-pill.blue{ background:rgba(61,90,254,0.15); color:#93c5fd; }
body.dark-mode .saas-advert-card .feat-pill.orange{ background:rgba(245,158,11,0.15); color:#fcd34d; }
.saas-advert-card .html-text{ font-size:15px; line-height:1.7; color:var(--gray-text); word-wrap:break-word; }
.saas-advert-card .html-text *{ font:inherit; }
.saas-advert-card .html-text p{ margin:0 0 1em 0; }
.saas-advert-card .html-text b, .saas-advert-card .html-text strong{ font-weight:700; color:var(--dark-text); }
.saas-advert-card .html-text blockquote{ margin:1em 0; padding:0.75em 1em; border-left:4px solid var(--primary-blue); background:rgba(61,90,254,0.05); border-radius:0 var(--radius-ui) var(--radius-ui) 0; font-style:italic; color:var(--gray-text); }
body.dark-mode .saas-advert-card .html-text blockquote{ background:rgba(61,90,254,0.08); }
.saas-advert-card .html-text hr{ border:none; height:1px; background:var(--border-color); margin:1.5em 0; }
.saas-advert-card .html-text table{ font-size:0.95em; }
.saas-advert-card .html-text th, .saas-advert-card .html-text td{ padding:10px 14px; }
.saas-advert-card .html-text th{ background:var(--input-bg); }
.saas-advert-card .html-text a{ color:var(--primary-blue); text-decoration:underline; transition:color 0.2s; }
.saas-advert-card .html-text a:hover{ color:#283cb4; }
.saas-advert-card .html-text code{ background:var(--input-bg); padding:2px 6px; border-radius:4px; font-size:0.9em; font-family:'Gilroy', sans-serif; }
.saas-advert-card .html-text pre{ background:var(--input-bg); border:1px solid var(--border-color); border-radius:var(--radius-ui); padding:1em; overflow-x:auto; margin:1em 0; font-size:0.9em; line-height:1.5; }
.saas-advert-card .html-text kbd{ background:var(--border-color); padding:2px 6px; border-radius:4px; font-size:0.9em; box-shadow:0 1px 0 rgba(0,0,0,0.1); }
body.dark-mode .saas-advert-card .html-text h1, body.dark-mode .saas-advert-card .html-text h2, body.dark-mode .saas-advert-card .html-text h3,
body.dark-mode .saas-advert-card .html-text h4, body.dark-mode .saas-advert-card .html-text h5, body.dark-mode .saas-advert-card .html-text h6{ color:var(--dark-text); }
.adv-buy-box{ background:var(--input-bg); border:1px solid var(--border-color); border-radius:var(--radius-ui); padding:12px 14px; display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; margin-top:auto; }
body.dark-mode .adv-buy-box{ background:rgba(255,255,255,0.03); border-color:var(--border-color); }
.price-area{ display:flex; flex-direction:column; }
.adv-price-wrap{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.adv-buy-box .price-huge{ font-size:28px; font-weight:900; color:var(--success-green); line-height:1; letter-spacing:-1px; display:flex; align-items:center; gap:6px; margin:0; }
.adv-price-wrap .discount-badge{ display:inline-flex; align-items:center; gap:6px; background:linear-gradient(135deg, var(--success-green) 0%, #059669 100%); color:#fff; padding:6px 12px; border-radius:var(--radius-ui); font-size:12px; font-weight:800; margin:0; flex-shrink:0; letter-spacing:0.3px; box-shadow:0 2px 8px rgba(16,185,129,0.35); }
.adv-price-wrap .discount-badge i{ font-size:16px; opacity:0.95; }
.adv-price-wrap .adv-price-icon i{
    color:#ca8a04;
    font-size:22px;
    opacity:1;
    filter:drop-shadow(0 1px 2px rgba(202,138,4,0.35));
}
body.dark-mode .adv-price-wrap .adv-price-icon i,
html.dark-mode .adv-price-wrap .adv-price-icon i{
    color:#fbbf24;
    filter:drop-shadow(0 1px 3px rgba(251,191,36,0.25));
}
.buy-actions{ display:flex; align-items:center; gap:12px; flex-wrap:wrap; flex:1; justify-content:flex-end; }
.saas-buy-box .p-cart-row{ flex:1; min-width:0; justify-content:flex-end; gap:10px; }
.saas-buy-box .p-qty{ height:44px; flex-grow:0; width:auto; min-width:108px; }
.saas-buy-box .p-qty button{ width:34px; height:34px; font-size:16px; }
.saas-buy-box .p-qty input{ font-size:14px; width:32px; }
.saas-buy-box .p-add-cart{ width:44px; height:44px; border-radius:var(--radius-ui); font-size:20px; }
.saas-buy-box .btn-buy-product{
    height:44px;
    padding:0 22px;
    border-radius:var(--radius-ui);
    background:linear-gradient(135deg, var(--warning-orange) 0%, #e6a100 100%);
    color:#fff;
    font-size:14px;
    font-weight:800;
    border:none;
    display:inline-flex;
    align-items:center;
    gap:10px;
    cursor:pointer;
    transition:var(--transition);
    flex-shrink:0;
    max-width:160px;
    box-shadow:0 4px 15px rgba(255, 179, 0, 0.3);
}
.saas-buy-box .btn-buy-product:hover{ filter:brightness(1.08); box-shadow:0 6px 20px rgba(255, 179, 0, 0.4); }
.saas-buy-box .btn-buy-product i{ font-size:16px; }
.saas-buy-box .btn-buy-product.needlogin{ cursor:pointer; }
.saas-buy-box .btn-stokyok{
    height:44px;
    padding:0 22px;
    border-radius:var(--radius-ui);
    font-size:14px;
    font-weight:800;
    background:color-mix(in srgb, var(--danger-red) 12%, transparent);
    color:var(--danger-red);
    border:none;
    display:inline-flex;
    align-items:center;
    gap:10px;
    cursor:pointer;
}
.saas-buy-box .btn-stokyok:hover{ background:var(--danger-red); color:#fff; }
.saas-buy-box .btn-stokyok i{ font-size:18px; }
.adv-sold-expired-box{ background:color-mix(in srgb, var(--danger-red) 8%, transparent); border:1px solid color-mix(in srgb, var(--danger-red) 25%, transparent); border-radius:var(--radius-ui); padding:18px 20px; display:flex; align-items:center; gap:16px; flex-wrap:wrap; margin-top:auto; }
body.dark-mode .adv-sold-expired-box{ background:rgba(239,68,68,0.1); border-color:rgba(239,68,68,0.3); }
.adv-sold-expired-box .ase-icon{ width:44px; height:44px; border-radius:var(--radius-ui); background:color-mix(in srgb, var(--danger-red) 15%, transparent); color:var(--danger-red); display:flex; align-items:center; justify-content:center; font-size:22px; flex-shrink:0; }
.adv-sold-expired-box .ase-text{ flex:1; min-width:200px; }
.adv-sold-expired-box .ase-text strong{ font-size:14px; font-weight:800; color:var(--danger-red); display:block; margin-bottom:4px; }
.adv-sold-expired-box .ase-text p{ font-size:13px; font-weight:500; color:var(--gray-text); margin:0; line-height:1.5; }
.adv-sold-expired-box .ase-btn{ height:44px; padding:0 20px; border-radius:var(--radius-ui); background:var(--danger-red); color:#fff; font-size:13px; font-weight:800; display:inline-flex; align-items:center; gap:8px; text-decoration:none; transition:var(--transition); flex-shrink:0; }
.adv-sold-expired-box .ase-btn:hover{ background:#e53935; color:#fff; filter:brightness(1.05); }
.btn-owner-action{ height:42px; padding:0 18px; border-radius:var(--radius-ui); background:var(--primary-blue); color:#fff; font-size:13px; font-weight:800; border:none; display:inline-flex; align-items:center; gap:6px; text-decoration:none; transition:var(--transition); box-shadow:0 4px 15px rgba(61,90,254,0.2); }
.btn-owner-action:hover{ background:#283cb4; color:#fff; }
.btn-owner-action.secondary{ background:var(--input-bg); color:var(--gray-text); border:1px solid var(--border-color); box-shadow:0 2px 8px rgba(0,0,0,0.04); }
.btn-owner-action.secondary:hover{ background:var(--bg-light); color:var(--dark-text); border-color:var(--border-color); }
body.dark-mode .btn-owner-action.secondary{ background:rgba(255,255,255,0.05); color:#94a3b8; border-color:var(--border-color); }
body.dark-mode .btn-owner-action.secondary:hover{ background:rgba(255,255,255,0.08); color:#f0f6fc; }
.sticky-sidebar{ position:sticky; top:24px; z-index:100; }
body.dark-mode .m-store-card{ box-shadow:0 10px 30px rgba(0,0,0,0.15); }
.m-store-cover::after{ content:''; position:absolute; inset:0; background:linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%); }
.m-store-avatar img.av{ width:100%; height:100%; object-fit:cover; display:block; }
.m-btn-action{ width:40px; height:40px; border-radius:var(--radius-ui); border:1px solid var(--border-color); background:var(--bg-header); color:var(--gray-text); display:flex; align-items:center; justify-content:center; font-size:18px; cursor:pointer; transition:var(--transition); text-decoration:none; }
body.dark-mode .m-btn-action{ border-color:var(--border-color); background:var(--bg-header); }
.m-btn-action:hover{ background:var(--primary-blue); color:#fff; border-color:var(--primary-blue); }
.qa-wrapper{ padding-bottom:24px; }
.qa-form{ display:flex; gap:12px; flex-wrap:wrap; margin-bottom:24px; }
.qa-form .form-control{ flex:1; min-width:200px; min-height:48px; border-radius:var(--radius-ui); border:1px solid var(--border-color); padding:0 18px; font-size:14px; font-weight:600; color:var(--dark-text); background:var(--bg-header); }
.qa-form .form-control:focus{ border-color:var(--primary-blue); box-shadow:0 0 0 3px rgba(61,90,254,0.15); outline:none; }
.qa-form .form-control::placeholder{ color:var(--gray-text); }
.qa-form .btn-qa-submit{ height:48px; padding:0 24px; border-radius:var(--radius-ui); background:var(--primary-blue); color:#fff; font-size:14px; font-weight:800; border:none; display:inline-flex; align-items:center; gap:8px; cursor:pointer; transition:var(--transition); }
.qa-form .btn-qa-submit:hover{ background:#283cb4; }
.qa-card{ background:var(--bg-header); border:1px solid var(--border-color); border-radius:var(--radius-ui); padding:20px; transition:all 0.2s; box-shadow:0 2px 8px rgba(15,23,42,0.02); }
body.dark-mode .qa-card{ box-shadow:0 2px 8px rgba(0,0,0,0.1); }
.qa-card:hover{ border-color:var(--border-color); box-shadow:0 4px 15px rgba(15,23,42,0.04); }
body.dark-mode .qa-card:hover{ border-color:var(--border-color); }
.qa-username{ font-size:15px; font-weight:800; color:var(--dark-text); text-decoration:none; display:inline-flex; align-items:center; gap:6px; transition:color 0.2s; }
.qa-username:hover{ color:var(--primary-blue); }
.qa-date{
    font-size:11px;
    font-weight:600;
    color:var(--gray-text); }
.qa-question{ font-size:15px; font-weight:500; color:var(--gray-text); line-height:1.6; margin-top:12px; }
.qa-answer-box{ margin-top:16px; background:rgba(61,90,254,0.03); border-left:4px solid var(--primary-blue); border-radius:0 var(--radius-ui) var(--radius-ui) 0; padding:16px; }
body.dark-mode .qa-answer-box{ background:rgba(61,90,254,0.08); }
.qa-answer-text{ font-size:14px; font-weight:500; color:var(--gray-text); line-height:1.6; margin:0; }
.qa-empty{ display:flex; flex-direction:column; align-items:center; justify-content:center; padding:48px 20px; background:var(--bg-header); border-radius:var(--radius-ui); border:1px dashed var(--border-color); text-align:center; }
.qa-empty .text{ font-size:15px; font-weight:800; color:var(--dark-text); }
.bento-box{
    background:var(--bg-header);
    border:1px solid var(--border-color);
    border-radius:var(--radius-ui);
    padding:24px;
    box-shadow:0 4px 20px rgba(0,0,0,0.02);
    margin-bottom:20px;
}

body.dark-mode .bento-box{
    box-shadow:0 10px 30px rgba(0,0,0,0.2);
}
.buy-bento{
    display:flex;
    flex-direction:column;
    gap:20px;
}

.price-wrap{
    display:flex;
    align-items:center;
    gap:15px;
    flex-wrap:wrap;
}

.price-huge{
    font-size:42px;
    font-weight:900;
    color:var(--dark-text);
    line-height:1;
    letter-spacing:-1px;
}

.price-huge span{
    font-size:20px;
    font-weight:700;
    color:var(--success-green);
    margin-left:4px;
}

.discount-badge{
    background:linear-gradient(135deg, var(--success-green) 0%, #0ebc6a 100%);
    color:#fff;
    padding:6px 12px;
    border-radius:var(--radius-ui);
    font-size:12px;
    font-weight:800;
    display:inline-flex;
    align-items:center;
    gap:6px;
    box-shadow:0 4px 10px rgba(17, 211, 119, 0.3);
}

.action-flex-row{
    display:flex;
    gap:12px;
    align-items:stretch;
}

.btn-buy-now{
    flex:1;
    background:linear-gradient(135deg, var(--warning-orange) 0%, #e6a100 100%);
    border:none;
    border-radius:var(--radius-ui);
    color:#fff;
    font-size:16px;
    font-weight:800;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    cursor:pointer;
    transition:var(--transition);
    box-shadow:0 8px 25px rgba(255, 179, 0, 0.3);
}

.btn-buy-now:hover{
    box-shadow:0 12px 30px rgba(255, 179, 0, 0.4);
}
.seller-horizontal-card{
    background:var(--bg-header);
    border:1px solid var(--border-color);
    border-radius:var(--radius-ui);
    padding:20px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    flex-wrap:wrap;
    gap:15px;
    transition:var(--transition);
}

.seller-horizontal-card:hover{
    border-color:var(--primary-blue);
}

.shc-left{
    display:flex;
    align-items:center;
    gap:15px;
}

.shc-avatar{
    width:60px;
    height:60px;
    border-radius:var(--radius-ui);
    object-fit:cover;
}

.shc-info{
    display:flex;
    flex-direction:column;
}

.shc-name{
    font-size:16px;
    font-weight:800;
    color:var(--dark-text);
    display:flex;
    align-items:center;
    gap:6px;
    text-decoration:none;
}

.shc-name img{
    height:18px;
    object-fit:contain;
}

.shc-rating-wrap{
    display:flex;
    align-items:center;
    gap:10px;
}

.rating-text{
    font-size:13px;
    font-weight:800;
    color:var(--dark-text);
    display:flex;
    align-items:center;
    gap:4px;
}

.rating-text span{
    font-size:11px;
    font-weight:600;
    color:var(--gray-text);
}

.rating-bar{
    width:60px;
    height:6px;
    background:var(--bg-light);
    border-radius:3px;
    overflow:hidden;
}

.rating-fill{
    height:100%;
    background:var(--warning-orange);
    border-radius:3px;
}

.shc-status{
    font-size:11px;
    font-weight:600;
    color:var(--gray-text);
    margin-top:6px;
    display:flex;
    align-items:center;
    gap:4px;
}

.shc-status i{
    color:var(--success-green);
    font-size:10px;
}

.shc-right{
    display:flex;
    align-items:center;
    gap:8px;
}

.btn-shc{
    height:40px;
    padding:0 16px;
    border-radius:var(--radius-ui);
    border:none;
    font-size:13px;
    font-weight:700;
    display:flex;
    align-items:center;
    gap:6px;
    cursor:pointer;
    transition:var(--transition);
}

.btn-shc.sms{
    background:var(--bg-light);
    color:var(--dark-text);
    border:1px solid var(--border-color);
}

.btn-shc.sms:hover{
    background:rgba(255, 179, 0, 0.1);
    color:var(--warning-orange);
    border-color:transparent;
}

.btn-shc.msg{
    background:var(--success-green);
    color:#fff;
    box-shadow:0 4px 15px rgba(17, 211, 119, 0.2);
}

.btn-shc.msg:hover{
    background:#0ebc6a;
    box-shadow:0 6px 20px rgba(17, 211, 119, 0.3);
}
.full-tabs-wrapper{
    margin-top:30px;
}

.modern-nav-pills{
    display:flex;
    gap:12px;
    margin-bottom:20px;
    border-bottom:none;
    overflow-x:auto;
    scrollbar-width:none;
}

.modern-nav-pills::-webkit-scrollbar{
    display:none;
}

.modern-nav-pills .nav-link{
    background:var(--bg-header);
    border:1px solid var(--border-color);
    color:var(--gray-text);
    font-size:15px;
    font-weight:700;
    padding:14px 24px;
    border-radius:var(--radius-ui);
    display:flex;
    align-items:center;
    gap:8px;
    transition:var(--transition);
    white-space:nowrap;
}

.modern-nav-pills .nav-link i{
    font-size:18px;
}

.modern-nav-pills .nav-link:hover{
    background:var(--bg-light);
    color:var(--dark-text);
}

.modern-nav-pills .nav-link.active{
    background:var(--primary-blue);
    border-color:var(--primary-blue);
    color:#fff;
    box-shadow:0 6px 20px rgba(61, 90, 254, 0.3);
}
.saas-tabs-box .html-text,
.tab-pane .html-text{
    font-size:15px;
    line-height:1.8;
    color:var(--dark-text);
}

.saas-tabs-box .html-text h2,
.tab-pane .html-text h2{
    font-size:20px;
    font-weight:800;
    margin-top:0;
    margin-bottom:10px;
}

.saas-tabs-box .html-text .bloke-sure-title, 
.guarantee-promo-title{
    margin-bottom:0;
    font-size: 18px;
    font-weight:800;
}

.saas-tabs-box .html-text ul,
.tab-pane .html-text ul{
    padding-left:20px;
    margin-bottom:16px;
    color:var(--gray-text);
}

.saas-tabs-box .html-text li,
.tab-pane .html-text li{
    margin-bottom:8px;
}

.saas-tabs-box .html-text strong,
.tab-pane .html-text strong{
    color:var(--dark-text);
}
.r-header-main{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:24px;
}

.r-header-main h3{
    font-size:20px;
    font-weight:800;
    margin:0;
    color:var(--dark-text);
}

.rating-avg{
    background:#ffb300;
    color:#fff;
    padding:8px 16px;
    border-radius:var(--radius-ui);
    font-size:16px;
    font-weight:900;
    display:flex;
    align-items:center;
    gap:6px;
    box-shadow:0 4px 15px rgba(255, 179, 0, 0.3);
}

.reviews-grid{
    display:flex;
    flex-direction:column;
    gap:16px;
    margin-bottom:24px;
}

.review-card{
    border:1px solid var(--border-color);
    border-radius:var(--radius-ui);
    padding:20px;
    background:var(--bg-body);
}

.rc-top{
    display:flex;
    align-items:center;
    gap:12px;
    margin-bottom:12px;
}

.rc-img{
    width:44px;
    height:44px;
    border-radius:var(--radius-ui);
    object-fit:cover;
}

.rc-info .name{
    font-size:14px;
    font-weight:800;
    color:var(--dark-text);
}

.rc-info .date{
    font-size:11px;
    color:var(--gray-text);
    font-weight:600;
}

.rc-stars{
    color:#ffb300;
    font-size:14px;
    margin-bottom:10px;
    letter-spacing:2px;
}

.rc-text{
    font-size:14px;
    color:var(--gray-text);
    line-height:1.6;
    margin:0;
}

.btn-load-more{
    width:100%;
    background:var(--bg-light);
    border:1px solid var(--border-color);
    color:var(--dark-text);
    padding:14px;
    border-radius:var(--radius-ui);
    font-size:14px;
    font-weight:700;
    cursor:pointer;
    transition:var(--transition);
}

.btn-load-more:hover{
    background:rgba(61, 90, 254, 0.05);
    color:var(--primary-blue);
    border-color:var(--primary-blue);
}
.qa-ask-box{
    background:rgba(61, 90, 254, 0.05);
    border:1px solid rgba(61, 90, 254, 0.15);
    border-radius:var(--radius-ui);
    padding:20px;
    margin-bottom:30px;
}

.qa-ask-box h4{
    font-size:16px;
    font-weight:800;
    color:var(--primary-blue);
    margin-bottom:12px;
    display:flex;
    align-items:center;
    gap:8px;
}

.qa-ask-box textarea{
    width:100%;
    height:60px;
    border-radius:var(--radius-ui);
    border:1px solid var(--border-color);
    background:var(--bg-header);
    padding:12px 16px;
    font-size:14px;
    color:var(--dark-text);
    resize:none;
    margin-bottom:12px;
    transition:var(--transition);
}

.qa-ask-box textarea:focus{
    border-color:var(--primary-blue);
    box-shadow:0 0 0 3px rgba(61, 90, 254, 0.1);
}

.btn-send-q{
    float:right;
    background:var(--primary-blue);
    color:#fff;
    border:none;
    padding:10px 24px;
    border-radius:var(--radius-ui);
    font-weight:800;
    font-size:13px;
    cursor:pointer;
    box-shadow:0 4px 15px rgba(61, 90, 254, 0.3);
}

.qa-list{
    display:flex;
    flex-direction:column;
    gap:20px;
    margin-bottom:24px;
}

.qa-item{
    background:var(--bg-body);
    border:1px solid var(--border-color);
    border-radius:var(--radius-ui);
    padding:20px;
    display:flex;
    flex-direction:column;
    gap:16px;
}

.qa-q, .qa-a{
    display:flex;
    align-items:flex-start;
    gap:12px;
}

.qa-avatar, .qa-a-avatar{
    width:36px;
    height:36px;
    border-radius:var(--radius-ui);
    flex-shrink:0;
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:800;
    font-size:16px;
}

.qa-avatar{ background:var(--bg-light); color:var(--gray-text); }
.qa-a-avatar img{ width:100%; height:100%; object-fit:cover; border-radius:var(--radius-ui); }

.qa-q-text{ font-size:14px; font-weight:700; color:var(--dark-text); margin-bottom:4px; }
.qa-a-text{ font-size:14px; font-weight:600; color:var(--success-green); margin-bottom:4px; background:rgba(17, 211, 119, 0.1); padding:8px 12px; border-radius:var(--radius-ui); display:inline-block; }
.similar-ads-section{
    margin-top:50px;
    border-top:1px solid var(--border-color);
    padding-top:40px;
}

.sas-title{
    font-size:22px;
    font-weight:800;
    color:var(--dark-text);
    margin-bottom:24px;
}

.premium-grid-5{
    display:grid;
    grid-template-columns:repeat(5, 1fr);
    gap:16px;
}

.similar-ads-section .premium-grid-5{
    grid-template-columns:repeat(6, 1fr);
}
@media (max-width: 1400px){

    .grid-5-col{
        grid-template-columns:repeat(4, 1fr);
    }
    .grid-6-col{
        grid-template-columns:repeat(5, 1fr);
    }

    .premium-grid-5{
        grid-template-columns:repeat(4, 1fr);
    }
}
.mobile-fixed-buy{
    display:none;
    position:fixed;
    bottom:0;
    left:0;
    width:100%;
    background:var(--bg-header);
    border-top:1px solid var(--border-color);
    padding:12px 20px;
    z-index:1040;
    align-items:center;
    justify-content:space-between;
    box-shadow:0 -4px 20px rgba(0,0,0,0.05);
    padding-bottom:calc(12px + env(safe-area-inset-bottom));
}
.giveaway-index-page .giveaway-hero,
.giveaway-completed-page .giveaway-hero{
    margin-top:20px;
    min-width:0;
    overflow-x:hidden;
}

.giveaway-index-page .gw-search-box{
    flex-grow:1;
    min-width:250px;
    position:relative;
}

.giveaway-index-page .gw-search-box i.search-ico{
    position:absolute;
    left:16px;
    top:50%;
    transform:translateY(-50%);
    color:var(--gray-text);
    font-size:20px;
}

.giveaway-index-page .gw-search-box input{
    width:100%;
    height:48px;
    background:var(--bg-body);
    border:1px solid transparent;
    border-radius:var(--radius-ui);
    padding:0 45px;
    font-size:14px;
    font-weight:600;
    color:var(--dark-text);
    transition:all 0.3s ease;
}

.giveaway-index-page .gw-search-box input:focus{
    background:var(--bg-header);
    border-color:var(--primary-blue);
    box-shadow:0 0 0 3px rgba(61,90,254,0.1);
    outline:none;
}

.giveaway-index-page .gw-filters{
    display:flex;
    align-items:center;
    gap:8px;
    flex-wrap:wrap;
}

.giveaway-index-page .gw-select{
    height:48px;
    background-color:var(--bg-body);
    border:1px solid var(--border-color);
    color:var(--dark-text);
    border-radius:var(--radius-ui);
    padding:0 40px 0 16px;
    font-size:13px;
    font-weight:700;
    cursor:pointer;
    appearance:none;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M12 13.172l4.95-4.95 1.414 1.414L12 16 5.636 9.636 7.05 8.222z' fill='%2385909e'/%3E%3C/svg%3E");
    background-repeat:no-repeat;
    background-position:right 12px center;
    transition:all 0.3s ease;
}

.giveaway-index-page .gw-select:focus{
    border-color:var(--primary-blue);
    box-shadow:0 0 0 3px rgba(61,90,254,0.1);
    outline:none;
}

.giveaway-index-page .gw-all-btn{
    display:inline-flex;
    align-items:center;
    gap:8px;
    height:52px;
    padding:0 30px;
    border-radius:var(--radius-ui);
    background:rgba(61, 90, 254, 0.08);
    color:var(--primary-blue);
    font-size:15px;
    font-weight:800;
    text-decoration:none;
    border:1px solid rgba(61, 90, 254, 0.15);
    transition:all 0.3s ease;
}

.giveaway-index-page .gw-all-btn:hover{
    background:var(--primary-blue);
    color:#fff;
    box-shadow:0 8px 25px rgba(61, 90, 254, 0.3);
}
.giveaway-completed-page .gw-all-btn{
    display:inline-flex;
    align-items:center;
    gap:8px;
    height:52px;
    padding:0 30px;
    border-radius:var(--radius-ui);
    background:rgba(61, 90, 254, 0.08);
    color:var(--primary-blue);
    font-weight:600;
    font-size:15px;
    text-decoration:none;
    transition:all 0.25s ease;
}
.giveaway-completed-page .gw-all-btn:hover{
    background:var(--primary-blue);
    color:#fff;
    box-shadow:0 8px 25px rgba(61, 90, 254, 0.3);
}

.giveaway-index-page .bento-gw-card,
.giveaway-completed-page .bento-gw-card{
    background:var(--bg-header);
    border-radius:var(--radius-ui);
    border:1px solid var(--border-color);
    overflow:hidden;
    display:flex;
    flex-direction:column;
    position:relative;
    transition:all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
    box-shadow:0 4px 20px rgba(0,0,0,0.02);
    height:100%;
}

.giveaway-index-page .bento-gw-card:hover{
    box-shadow:0 15px 40px rgba(61, 90, 254, 0.1);
    border-color:var(--primary-blue);
}

.giveaway-completed-page .bento-gw-card:hover{
    box-shadow:0 15px 40px rgba(0, 0, 0, 0.08);
    border-color:var(--gray-text);
}

.giveaway-index-page .bgc-cover,
.giveaway-completed-page .bgc-cover{
    position:relative;
    height:90px;
    background:var(--bg-light);
    z-index:1;
}

.giveaway-completed-page .bgc-cover{
    filter:grayscale(30%);
}

.giveaway-index-page .bgc-cover.streamer,
.giveaway-completed-page .bgc-cover.streamer{ background:linear-gradient(135deg, #a151fe 0%, #7623db 100%); }
.giveaway-index-page .bgc-cover.shop,
.giveaway-completed-page .bgc-cover.shop{ background:linear-gradient(135deg, #04c65c 0%, #029444 100%); }

.giveaway-index-page .bgc-follow-btn-wrap,
.giveaway-completed-page .bgc-follow-btn-wrap{
    position:absolute;
    top:12px;
    right:12px;
    z-index:10;
}

.giveaway-index-page .bgc-btn-follow,
.giveaway-completed-page .bgc-btn-follow{
    width:36px;
    height:36px;
    border-radius:var(--radius-ui);
    background:rgba(255,255,255,0.2);
    backdrop-filter:blur(5px);
    border:1px solid rgba(255,255,255,0.3);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:18px;
    cursor:pointer;
    transition:all 0.3s ease;
}

.giveaway-index-page .bgc-btn-follow:hover,
.giveaway-completed-page .bgc-btn-follow:hover{
    background:#fff;
    color:var(--primary-blue);
}

.giveaway-index-page .bgc-btn-follow.remove,
.giveaway-completed-page .bgc-btn-follow.remove{ background:rgba(255, 68, 84, 0.9); border-color:transparent; }

.giveaway-index-page .bgc-btn-follow.remove:hover,
.giveaway-completed-page .bgc-btn-follow.remove:hover{ background:var(--danger-red); color:#fff; }

.giveaway-index-page .bgc-avatar-box,
.giveaway-completed-page .bgc-avatar-box{
    position:relative;
    margin-top:-45px;
    display:flex;
    justify-content:center;
    z-index:2;
}

.giveaway-index-page .bgc-avatar-box .c-avatar,
.giveaway-completed-page .bgc-avatar-box .c-avatar{
    width:90px !important;
    height:90px !important;
    border-radius:var(--radius-ui);
    border:4px solid var(--bg-header);
    background:var(--bg-header);
    box-shadow:0 8px 25px rgba(0,0,0,0.1);
}

.giveaway-index-page .bgc-avatar-box .c-avatar img.av,
.giveaway-completed-page .bgc-avatar-box .c-avatar img.av{ border-radius:var(--radius-ui) !important; }

.giveaway-index-page .bgc-avatar-box .c-avatar img.frame,
.giveaway-completed-page .bgc-avatar-box .c-avatar img.frame{ border-radius:var(--radius-ui) !important; scale:1.15; }

.giveaway-index-page .bgc-user-details,
.giveaway-completed-page .bgc-user-details{
    text-align:center;
    padding:12px 20px 20px;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:4px;
}

.giveaway-index-page .bgc-role-badge-slot,
.giveaway-completed-page .bgc-role-badge-slot{
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    min-height:24px;
    flex-shrink:0;
}

.giveaway-index-page .bgc-role-badge,
.giveaway-completed-page .bgc-role-badge{
    display:inline-flex;
    align-items:center;
    gap:4px;
    font-size:10px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:0.5px;
    padding:4px 10px;
    border-radius:var(--radius-ui);
}

.giveaway-index-page .bgc-role-badge.streamer,
.giveaway-completed-page .bgc-role-badge.streamer{ background:rgba(161, 81, 254, 0.1); color:#a151fe; }

.giveaway-index-page .bgc-role-badge.shop,
.giveaway-completed-page .bgc-role-badge.shop{ background:rgba(4, 198, 92, 0.1); color:#04c65c; }

.giveaway-index-page .bgc-role-badge img,
.giveaway-completed-page .bgc-role-badge img{ height:12px; }

.giveaway-index-page .bgc-username,
.giveaway-completed-page .bgc-username{
    font-size:18px;
    font-weight:800;
    color:var(--dark-text);
    text-decoration:none;
    transition:color 0.2s;
}

.giveaway-index-page .bgc-username:hover,
.giveaway-completed-page .bgc-username:hover{ color:var(--primary-blue); }

.giveaway-index-page .bgc-title,
.giveaway-completed-page .bgc-title{
    font-size:13px;
    font-weight:600;
    color:var(--gray-text);
    margin:0;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
}

.giveaway-index-page .bgc-bento-grid,
.giveaway-completed-page .bgc-bento-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
    padding:0 20px 20px;
}

.giveaway-index-page .bgc-stat-box,
.giveaway-completed-page .bgc-stat-box{
    background:var(--bg-body);
    border:1px solid var(--border-color);
    border-radius:var(--radius-ui);
    padding:12px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
    gap:4px;
}

.giveaway-index-page .bgc-stat-box.timer-box{
    grid-column:1 / -1;
    flex-direction:row;
    background:rgba(255, 179, 0, 0.05);
    border-color:rgba(255, 179, 0, 0.2);
    color:var(--warning-orange);
    font-size:14px;
    font-weight:800;
}

.giveaway-completed-page .bgc-stat-box.timer-box.ended{
    grid-column:1 / -1;
    flex-direction:row;
    background:rgba(255, 68, 84, 0.05);
    border-color:rgba(255, 68, 84, 0.2);
    color:var(--danger-red);
    font-size:14px;
    font-weight:800;
}

.giveaway-index-page .bgc-stat-box.timer-box i,
.giveaway-completed-page .bgc-stat-box.timer-box.ended i{ font-size:18px; }

.giveaway-index-page .bgc-stat-label,
.giveaway-completed-page .bgc-stat-label{
    font-size:10px;
    font-weight:700;
    color:var(--gray-text);
    text-transform:uppercase;
    letter-spacing:0.5px;
}

.giveaway-index-page .bgc-stat-value,
.giveaway-completed-page .bgc-stat-value{
    font-size:16px;
    font-weight:900;
}

.giveaway-index-page .bgc-stat-value.price,
.giveaway-completed-page .bgc-stat-value.price{ color:var(--success-green); }

.giveaway-index-page .bgc-stat-value.users,
.giveaway-completed-page .bgc-stat-value.users{ color:var(--primary-blue); }

.giveaway-index-page .bgc-prizes,
.giveaway-completed-page .bgc-prizes{
    padding:0 20px 20px;
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:10px;
}

.giveaway-index-page .bgc-prize-item,
.giveaway-completed-page .bgc-prize-item{
    position:relative;
    width:100%;
    aspect-ratio:1 / 1;
    border-radius:var(--radius-ui);
    background:var(--bg-light);
    border:1px solid var(--border-color);
    overflow:hidden;
    display:block;
}

.giveaway-index-page .bgc-prize-item img,
.giveaway-completed-page .bgc-prize-item img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform 0.3s ease;
}

.giveaway-index-page .bento-gw-card:hover .bgc-prize-item img,
.giveaway-completed-page .bento-gw-card:hover .bgc-prize-item img{
    transform:none;
}

.giveaway-index-page .bgc-prize-count,
.giveaway-completed-page .bgc-prize-count{
    position:absolute;
    top:4px;
    right:4px;
    background:rgba(10, 14, 26, 0.8);
    backdrop-filter:blur(4px);
    color:#fff;
    font-size:9px;
    font-weight:800;
    padding:2px 6px;
    border-radius:6px;
    z-index:2;
}

.giveaway-index-page .bgc-actions,
.giveaway-completed-page .bgc-actions{
    padding:0 20px 20px;
    display:flex;
    align-items:stretch;
    gap:10px;
    margin-top:auto;
}

.giveaway-index-page .bgc-btn,
.giveaway-completed-page .bgc-btn{
    flex:1;
    height:48px;
    border-radius:var(--radius-ui);
    font-size:14px;
    font-weight:800;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    border:none;
    transition:all 0.3s ease;
    text-decoration:none;
    cursor:pointer;
}

.giveaway-index-page .bgc-btn-join{
    background:linear-gradient(135deg, var(--success-green) 0%, #0db866 100%);
    color:#fff !important;
    box-shadow:0 4px 15px rgba(17, 211, 119, 0.25);
}

.giveaway-index-page .bgc-btn-join:hover{
    box-shadow:0 8px 25px rgba(17, 211, 119, 0.35);
}

.giveaway-index-page .bgc-btn-leave{
    background:linear-gradient(135deg, var(--danger-red) 0%, #e53935 100%);
    color:#fff !important;
    box-shadow:0 4px 15px rgba(255, 68, 84, 0.25);
}

.giveaway-index-page .bgc-btn-leave:hover{
    box-shadow:0 8px 25px rgba(255, 68, 84, 0.35);
}

.giveaway-index-page .bgc-btn-detail,
.giveaway-completed-page .bgc-btn-detail{
    background:var(--bg-light);
    color:var(--dark-text) !important;
    border:1px solid var(--border-color);
}

.giveaway-index-page .bgc-btn-detail:hover,
.giveaway-completed-page .bgc-btn-detail:hover{
    background:rgba(61, 90, 254, 0.1);
    color:var(--primary-blue) !important;
    border-color:transparent;
}

@keyframes gSpin{ 100%{ transform:rotate(360deg); } }

.gwd-section{
    padding-top:20px;
    padding-bottom:40px;
}
.gwd-box{
    background:var(--bg-header);
    border:1px solid var(--border-color);
    border-radius:var(--radius-ui);
    box-shadow:0 4px 15px rgba(0, 0, 0, 0.02);
    overflow:hidden;
    margin-bottom:20px;
    transition:box-shadow 0.3s ease, border-color 0.3s ease;
}
.gwd-box:hover{
    box-shadow:0 8px 25px rgba(61, 90, 254, 0.06);
    border-color:rgba(61, 90, 254, 0.3);
}
.gwd-cover{
    position:relative;
    height:140px;
    background:var(--bg-light);
    z-index:1;
}
.gwd-cover.streamer{ background:linear-gradient(135deg, #a151fe 0%, #7623db 100%); }
.gwd-cover.shop{ background:linear-gradient(135deg, #04c65c 0%, #029444 100%); }
.gwd-cover-overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(to bottom, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.6) 100%);
    z-index:1;
}

.gwd-profile-top{
    position:relative;
    z-index:2;
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
    padding:0 24px;
    margin-top:-42px;
}

.gwd-avatar{
    width:84px !important;
    height:84px !important;
    border-radius:var(--radius-ui);
    border:4px solid var(--bg-header);
    background:var(--bg-header);
    box-shadow:0 4px 15px rgba(0,0,0,0.1);
    position:relative;
}
.gwd-avatar img.av{ border-radius:var(--radius-ui) !important; width:100%; height:100%; object-fit:cover; }
.gwd-avatar img.frame{ position:absolute; top:50%; left:50%; width:125%; height:125%; transform:translate(-50%, -50%); pointer-events:none; z-index:3; }

.gwd-btn-follow{
    width:40px;
    height:40px;
    border-radius:var(--radius-ui);
    background:var(--bg-light);
    border:2px solid var(--bg-header);
    color:var(--dark-text);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:18px;
    cursor:pointer;
    transition:all 0.3s ease;
    margin-bottom:20px;
}
.gwd-btn-follow:hover{ background:#e9eeff; color:var(--primary-blue); border-color:var(--bg-header); }
.gwd-btn-follow.remove{ background:#ffd9de; color:var(--danger-red); border-color:var(--bg-header); }
.gwd-btn-follow.remove:hover{ background:var(--danger-red); color:#fff; }

.gwd-info-body{
    padding:16px 24px 24px;
}

.gwd-user-meta{
    display:flex;
    align-items:center;
    gap:8px;
    margin-bottom:6px;
}
.gwd-username{
    font-size:15px;
    font-weight:700;
    color:var(--dark-text);
    text-decoration:none;
}
.gwd-username:hover{ color:var(--primary-blue); text-decoration:underline; }

.gwd-role-badge{
    display:inline-flex;
    align-items:center;
    gap:4px;
    font-size:10px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:0.5px;
    padding:3px 8px;
    border-radius:6px;
}
.gwd-role-badge.streamer{ background:rgba(161, 81, 254, 0.1); color:#a151fe; }
.gwd-role-badge.shop{ background:rgba(4, 198, 92, 0.1); color:#04c65c; }
.gwd-role-badge img{ height:10px; }

.gwd-title{
    font-size:22px;
    font-weight:800;
    color:var(--dark-text);
    margin:6px 0 16px 0;
    line-height:1.3;
}

.gwd-section h1.user-sub-title{
    font-size:22px;
    font-weight:800;
    color:var(--dark-text);
    margin:6px 0 16px 0;
    line-height:1.3;
}

.gwd-desc-content{
    color:var(--gray-text);
    font-size:14px;
    line-height:1.6;
    font-weight:500;
    border-top:1px dashed var(--border-color);
    padding-top:16px;
}
.gwd-sidebar-title{
    font-size:13px;
    font-weight:800;
    color:var(--gray-text);
    text-transform:uppercase;
    letter-spacing:0.5px;
    margin-bottom:12px;
    display:flex;
    align-items:center;
    gap:6px;
}
.gwd-sidebar-title i{ color:var(--primary-blue); font-size:16px; }
.gwd-timer-box{
    background:rgba(61, 90, 254, 0.05);
    border:1px solid rgba(61, 90, 254, 0.2);
    border-radius:var(--radius-ui);
    padding:16px;
    display:flex;
    align-items:center;
    gap:12px;
    margin-bottom:15px;
}
.gwd-timer-box.ended{
    background:rgba(255, 68, 84, 0.05);
    border-color:rgba(255, 68, 84, 0.2);
}
.gwd-timer-icon{
    width:36px;
    height:36px;
    border-radius:var(--radius-ui);
    background:rgba(61, 90, 254, 0.1);
    color:var(--primary-blue);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:18px;
    flex-shrink:0;
}
.gwd-timer-box.ended .gwd-timer-icon{ background:rgba(255, 68, 84, 0.1); color:var(--danger-red); }
.gwd-timer-texts{ display:flex; flex-direction:column; }
.gwd-timer-label{ font-size:11px; font-weight:700; color:var(--gray-text); text-transform:uppercase; }
.gwd-timer-val{ font-size:15px; font-weight:800; color:var(--dark-text); }
.gwd-timer-box.ended .gwd-timer-val{ color:var(--danger-red); }
.gwd-stats-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:15px;
    margin-bottom:20px;
}
.gwd-stat-item{
    background:var(--bg-light);
    border:1px solid var(--border-color);
    border-radius:var(--radius-ui);
    padding:12px 16px;
    display:flex;
    flex-direction:column;
    gap:2px;
}
.gwd-stat-item .label{ font-size:11px; font-weight:600; color:var(--gray-text); }
.gwd-stat-item .val{ font-size:16px; font-weight:800; color:var(--dark-text); }
.gwd-stat-item .val.price{ color:var(--success-green); }
.gwd-stat-item .val.users{ color:var(--primary-blue); }
.gwd-prizes-wrapper{
    width:100%;
    background:var(--bg-header);
    border:1px solid var(--border-color);
    border-radius:var(--radius-ui);
    padding:20px;
    margin-bottom:20px;
}
.gwd-prizes-grid{
    display:grid;
    width:100%;
    grid-template-columns:repeat(2, 1fr);
    gap:10px;
}
@media (min-width: 400px){
    .gwd-prizes-grid{ grid-template-columns:repeat(3, 1fr); }
}
@media (min-width: 576px){
    .gwd-prizes-grid{ grid-template-columns:repeat(4, 1fr); }
}
@media (min-width: 992px){
    .gwd-prizes-grid{ grid-template-columns:repeat(5, 1fr); }
}
.gwd-prize-item{
    position:relative;
    aspect-ratio:1 / 1;
    border-radius:var(--radius-ui);
    background:var(--bg-light);
    border:1px solid var(--border-color);
    overflow:hidden;
    display:block;
}
.gwd-prize-item img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:filter 0.3s ease;
}
.gwd-prize-item:hover img{ filter:brightness(0.85); }
.gwd-prize-count{
    position:absolute;
    top:4px;
    right:4px;
    background:rgba(10, 14, 26, 0.8);
    color:#fff;
    font-size:9px;
    font-weight:800;
    padding:2px 5px;
    border-radius:4px;
    z-index:2;
}
.gwd-action-btn{
    width:100%;
    height:50px;
    border-radius:var(--radius-ui);
    font-size:15px;
    font-weight:800;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    border:none;
    transition:background-color 0.3s ease, filter 0.3s ease;
    cursor:pointer;
}
.gwd-btn-join{ background:linear-gradient(135deg, var(--success-green) 0%, #0db866 100%); color:#fff; }
.gwd-btn-join:hover{ filter:brightness(1.03); color:#fff; }

.gwd-btn-leave{ background:linear-gradient(135deg, var(--danger-red) 0%, #e53935 100%); color:#fff; }
.gwd-btn-leave:hover{ filter:brightness(1.03); color:#fff; }

.gwd-btn-disabled{ background:var(--border-color); color:var(--gray-text); cursor:not-allowed; }
.gwd-winners-grid{
    display:grid;
    grid-template-columns:repeat(auto-fill, minmax(110px, 1fr));
    gap:12px;
}
.gwd-winner-card{
    position:relative;
    aspect-ratio:1 / 1;
    border-radius:var(--radius-ui);
    overflow:hidden;
    border:2px solid var(--warning-orange);
    display:block;
}
.gwd-winner-card img{ width:100%; height:100%; object-fit:cover; filter:brightness(0.6); transition:filter 0.3s ease;}
.gwd-winner-card:hover img{ filter:brightness(0.8); }
.gwd-winner-name{
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    background:linear-gradient(to top, rgba(0,0,0,0.9), transparent);
    color:#fff;
    padding:15px 8px 8px;
    text-align:center;
    font-size:11px;
    font-weight:800;
    z-index:2;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.gwd-winner-badge{
    position:absolute;
    top:6px;
    left:50%;
    transform:translateX(-50%);
    background:var(--warning-orange);
    color:#fff;
    font-size:9px;
    font-weight:800;
    padding:2px 6px;
    border-radius:4px;
    z-index:2;
}
.gwd-mini-title{
    font-size:16px;
    font-weight:800;
    color:var(--dark-text);
    margin-bottom:16px;
    display:flex;
    align-items:center;
    gap:8px;
}
.gwd-mini-title i{ color:var(--primary-blue); font-size:18px; }
.giveaway-claim{
    padding-bottom:50px;
}
.gc-hero-card{
    background:linear-gradient(135deg, var(--primary-blue) 0%, #283cb4 100%);
    border-radius:var(--radius-ui);
    padding:40px;
    position:relative;
    overflow:hidden;
    display:flex;
    flex-direction:column;
    gap:20px;
    border:1px solid rgba(61, 90, 254, 0.2);
    box-shadow:0 10px 40px rgba(61, 90, 254, 0.15);
    margin-bottom:30px;
}

.gc-hero-card::before{
    content:'';
    position:absolute;
    top:-50%;
    left:-10%;
    width:60%;
    height:200%;
    background:radial-gradient(ellipse at center, rgba(255, 255, 255, 0.15) 0%, transparent 60%);
    pointer-events:none;
}

.gc-hero-card::after{
    content:'';
    position:absolute;
    bottom:-50%;
    right:-10%;
    width:50%;
    height:150%;
    background:radial-gradient(ellipse at center, rgba(17, 211, 119, 0.15) 0%, transparent 60%);
    pointer-events:none;
}

.gc-hero-content{
    position:relative;
    z-index:2;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:25px;
    flex-wrap:wrap;
}

.gc-hero-left{
    display:flex;
    align-items:center;
    gap:20px;
}

.gc-icon-box{
    width:72px;
    height:72px;
    background:rgba(255, 255, 255, 0.1);
    border:1px solid rgba(255, 255, 255, 0.2);
    backdrop-filter:blur(10px);
    border-radius:var(--radius-ui);
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-size:32px;
    color:#fff;
    box-shadow:0 10px 25px rgba(0,0,0,0.1);
    flex-shrink:0;
}

.gc-hero-text h1{
    font-size:32px;
    font-weight:800;
    color:#fff;
    margin:0 0 6px 0;
    letter-spacing:-0.5px;
}

.gc-hero-text p{
    font-size:15px;
    color:rgba(255, 255, 255, 0.85);
    font-weight:500;
    margin:0;
}

.gc-btn-claim{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    height:56px;
    padding:0 40px;
    border-radius:var(--radius-ui);
    background:linear-gradient(135deg, var(--success-green) 0%, #0db866 100%);
    color:#fff !important;
    font-size:16px;
    font-weight:800;
    border:none;
    cursor:pointer;
    transition:box-shadow 0.3s ease;
    box-shadow:0 6px 20px rgba(17, 211, 119, 0.25);
    white-space:nowrap;
}

.gc-btn-claim i{ font-size:22px; }

.gc-btn-claim:hover{
    box-shadow:0 10px 30px rgba(17, 211, 119, 0.4);
}

.gc-alert{
    position:relative;
    z-index:2;
    background:rgba(255, 179, 0, 0.1);
    border:1px solid rgba(255, 179, 0, 0.3);
    color:#fff;
    padding:16px 20px;
    border-radius:var(--radius-ui);
    display:flex;
    align-items:center;
    gap:12px;
    font-size:14px;
    font-weight:600;
    backdrop-filter:blur(5px);
}
.gc-alert i{ font-size:20px; color:var(--warning-orange); }
.gc-history-card{
    background:var(--bg-header);
    border:1px solid var(--border-color);
    border-radius:var(--radius-ui);
    box-shadow:0 4px 20px rgba(0,0,0,0.02);
    overflow:hidden;
}

.gc-history-header{
    padding:25px 30px;
    border-bottom:1px solid var(--border-color);
    display:flex;
    align-items:center;
    gap:15px;
}

.gc-history-icon{
    width:48px;
    height:48px;
    background:rgba(61, 90, 254, 0.1);
    color:var(--primary-blue);
    border-radius:var(--radius-ui);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:24px;
}

.gc-history-title{
    font-size:18px;
    font-weight:800;
    color:var(--dark-text);
    margin:0 0 4px;
}

.gc-history-desc{
    font-size:13px;
    color:var(--gray-text);
    margin:0;
    font-weight:500;
}
.gc-table-wrap{
    padding:0;
}

.gc-table{
    width:100%;
    border-collapse:collapse;
}

.gc-table thead{
    background:var(--bg-light);
}

.gc-table th{
    padding:16px 30px;
    font-size:11px;
    font-weight:800;
    color:var(--gray-text);
    text-transform:uppercase;
    letter-spacing:0.5px;
    border-bottom:1px solid var(--border-color);
    text-align:left;
}

.gc-table td{
    padding:20px 30px;
    border-bottom:1px solid var(--border-color);
    vertical-align:middle;
}

.gc-table tr:last-child td{ border-bottom:none; }

.gc-item-title{
    font-size:14px;
    font-weight:700;
    color:var(--dark-text);
    margin-bottom:4px;
}

.gc-item-sub{
    font-size:12px;
    color:var(--gray-text);
    font-weight:500;
}
.gc-badge{
    display:inline-flex;
    align-items:center;
    gap:6px;
    padding:8px 14px;
    border-radius:var(--radius-ui);
    font-size:12px;
    font-weight:700;
}

.gc-badge.success{ background:rgba(17, 211, 119, 0.1); color:var(--success-green); border:1px solid rgba(17, 211, 119, 0.2); }
.gc-badge.waiting{ background:rgba(255, 179, 0, 0.1); color:var(--warning-orange); border:1px solid rgba(255, 179, 0, 0.2); }
.gc-badge.expired{ background:rgba(255, 68, 84, 0.1); color:var(--danger-red); border:1px solid rgba(255, 68, 84, 0.2); }

.gc-empty-state{
    padding:60px 20px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
    background:var(--bg-header);
}

.gc-empty-icon{
    font-size:48px;
    color:var(--primary-blue);
    opacity:0.5;
    margin-bottom:20px;
}

.gc-empty-title{
    font-size:18px;
    font-weight:800;
    color:var(--dark-text);
    margin-bottom:8px;
}

.gc-empty-desc{
    font-size:14px;
    color:var(--gray-text);
    font-weight:500;
}
.swal-raffle{ border-radius:var(--radius-ui) !important; padding:20px !important; background:var(--bg-header) !important; border:1px solid var(--border-color); }
.swal-title{ color:var(--dark-text) !important; font-weight:800 !important; font-size:22px !important; }
.swal-html{ color:var(--gray-text) !important; font-size:15px !important; margin-top:10px !important; font-weight:500; }

.support-page-wrapper.support-list-page{
    margin-top:20px;
    padding-top:30px;
}
.support-list-page .bento-card{
    background:var(--bg-header);
    border:1px solid var(--border-color);
    border-radius:var(--radius-ui);
    box-shadow:0 4px 20px rgba(0,0,0,0.02);
    padding:30px;
    margin-bottom:24px;
    height:100%;
    display:flex;
    flex-direction:column;
}

.support-list-page .bento-header{
    display:flex;
    align-items:center;
    gap:16px;
    margin-bottom:24px;
    border-bottom:1px solid var(--border-color);
    padding-bottom:20px;
}

.support-list-page .bento-header--history{
    flex-wrap:wrap;
    align-items:flex-start;
    justify-content:space-between;
    row-gap:14px;
}
.support-list-page .bento-header-main{
    display:flex;
    align-items:center;
    gap:16px;
    flex:1 1 200px;
    min-width:0;
}
.support-list-page .ticket-history-search{
    flex:0 1 280px;
    width:100%;
    max-width:280px;
    min-width:0;
}
.support-list-page .ticket-history-search input.form-control{
    height:44px;
    padding-top:0;
    padding-bottom:0;
    font-size:14px;
}
.support-list-page .ticket-history-search-empty{
    margin:0;
    padding:12px 4px;
    font-size:13px;
    font-weight:600;
    color:var(--gray-text);
    text-align:center;
}
@media (max-width: 576px){
    .support-list-page .bento-header--history{

        align-items:stretch;
    }
    .support-list-page .ticket-history-search{
        max-width:none;
        flex-basis:auto;
    }
}

.support-list-page .bento-icon{
    width:50px;
    height:50px;
    border-radius:var(--radius-ui);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:24px;
    flex-shrink:0;
}
.support-list-page .bento-icon.blue{ background:rgba(61,90,254,0.1); color:var(--primary-blue); }
.support-list-page .bento-icon.orange{ background:rgba(255,179,0,0.1); color:var(--warning-orange); }

.support-list-page .bento-title-box h2{
    font-size:18px;
    font-weight:800;
    color:var(--dark-text);
    margin:0 0 4px 0;
    line-height:1.2;
}
.support-list-page .bento-title-box p{
    font-size:13px;
    color:var(--gray-text);
    font-weight:500;
    margin:0;
    line-height:1.3;
}
.support-list-page .custom-label{
    font-size:13px;
    font-weight:700;
    color:var(--dark-text);
    margin-bottom:8px;
    display:block;
}

.support-list-page .form-control, .support-list-page .form-select{
    background-color:var(--input-bg);
    border:1px solid var(--border-color);
    border-radius:var(--radius-ui);
    height:50px;
    font-size:14px;
    font-weight:600;
    color:var(--dark-text);
    transition:all 0.3s ease;
    box-shadow:none;
    padding:0 16px;
}
.support-list-page .form-control:focus, .support-list-page .form-select:focus{
    background-color:var(--bg-header);
    border-color:var(--primary-blue);
    box-shadow:0 0 0 3px rgba(61,90,254,0.1);
    outline:none;
}

.support-list-page textarea.form-control{
    height:auto !important;
    padding:16px;
    resize:vertical;
    min-height:120px;
    line-height:1.5;
}

.support-list-page .input-with-icon{
    position:relative;
}
.support-list-page .input-with-icon i.icon{
    position:absolute;
    left:16px;
    top:50%;
    transform:translateY(-50%);
    color:var(--gray-text);
    font-size:20px;
    pointer-events:none;
    z-index:2;
}
.support-list-page .input-with-icon select, .support-list-page .input-with-icon input{
    padding-left:46px;
}
.support-list-page #membershipAnswerBox .alert, .support-list-page #accountingAnswerBox .alert, .support-list-page #balanceAnswerBox .alert{
    background:rgba(61,90,254,0.05);
    border:1px solid rgba(61,90,254,0.15);
    color:var(--dark-text);
    border-radius:var(--radius-ui);
    padding:16px 20px;
    font-size:13px;
    line-height:1.6;
    font-weight:500;
    margin-bottom:0;
}
.support-list-page #membershipAnswerBox .alert a, .support-list-page #accountingAnswerBox .alert a, .support-list-page #balanceAnswerBox .alert a{
    color:var(--primary-blue);
    font-weight:700;
    text-decoration:none;
}
.support-list-page #membershipAnswerBox .alert a:hover, .support-list-page #accountingAnswerBox .alert a:hover, .support-list-page #balanceAnswerBox .alert a:hover{
    text-decoration:underline;
}
.support-list-page .btn-submit-ticket{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    background:linear-gradient(135deg, var(--primary-blue) 0%, #283cb4 100%);
    color:#fff;
    border:none;
    height:52px;
    padding:0 30px;
    border-radius:var(--radius-ui);
    font-size:15px;
    font-weight:800;
    cursor:pointer;
    transition:all 0.3s ease;
    box-shadow:0 4px 15px rgba(61,90,254,0.2);
    width:100%;
}
.support-list-page .btn-submit-ticket:hover{
    box-shadow:0 8px 25px rgba(61,90,254,0.3);
    filter:brightness(1.03);
}
.support-list-page .btn-submit-ticket:disabled{
    opacity:0.7;
    cursor:not-allowed;
}
.support-list-page .ticket-list-wrapper{
    display:flex;
    flex-direction:column;
    gap:12px;
    flex-grow:1;
}

.support-list-page .ticket-item{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:16px 20px;
    background:var(--bg-body);
    border:1px solid var(--border-color);
    border-radius:var(--radius-ui);
    transition:all 0.2s ease;
    text-decoration:none;
    color:inherit;
}
.support-list-page .ticket-item:hover{
    border-color:rgba(61,90,254,0.3);
    background:var(--bg-header);
    box-shadow:0 4px 15px rgba(61,90,254,0.05);
}

.support-list-page .ticket-left{
    display:flex;
    align-items:center;
    gap:16px;
    min-width:0;
}
.support-list-page .t-icon{
    width:44px;
    height:44px;
    border-radius:var(--radius-ui);
    background:var(--bg-header);
    border:1px solid var(--border-color);
    color:var(--gray-text);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:20px;
    flex-shrink:0;
}
.support-list-page .ticket-item:hover .t-icon{
    color:var(--primary-blue);
    border-color:var(--primary-blue);
    background:rgba(61,90,254,0.05);
}

.support-list-page .t-info{
    display:flex;
    flex-direction:column;
    gap:4px;
    min-width:0;
}
.support-list-page .t-title{
    font-size:14px;
    font-weight:700;
    color:var(--dark-text);
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.support-list-page .t-meta{
    display:flex;
    align-items:center;
    gap:12px;
    font-size:12px;
    color:var(--gray-text);
    font-weight:500;
}
.support-list-page .t-meta span{
    display:flex;
    align-items:center;
    gap:4px;
}
.support-list-page .t-status{
    padding:6px 12px;
    border-radius:var(--radius-ui);
    font-size:11px;
    font-weight:800;
    display:inline-flex;
    align-items:center;
    gap:6px;
    white-space:nowrap;
    flex-shrink:0;
}
.support-list-page .t-beklemede{ background:rgba(255,179,0,0.1); color:var(--warning-orange); border:1px solid rgba(255,179,0,0.2); }
.support-list-page .t-cevaplandi{ background:rgba(17,211,119,0.1); color:var(--success-green); border:1px solid rgba(17,211,119,0.2); }
.support-list-page .t-islemde{ background:rgba(61,90,254,0.1); color:var(--primary-blue); border:1px solid rgba(61,90,254,0.2); }
.support-list-page .t-kapandi{ background:var(--bg-light); color:var(--gray-text); border:1px solid var(--border-color); }
.support-list-page .load-more{
    margin-top:20px;
}
.support-list-page .load-more a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    background:var(--bg-body);
    border:1px dashed var(--border-color);
    color:var(--dark-text);
    height:48px;
    width:100%;
    border-radius:var(--radius-ui);
    font-size:14px;
    font-weight:700;
    transition:all 0.3s ease;
    text-decoration:none;
}
.support-list-page .load-more a:hover{
    background:rgba(61,90,254,0.05);
    border-color:var(--primary-blue);
    color:var(--primary-blue);
}

.support-list-page .support-sticky-col{
    position:sticky;
    top:170px;
    align-self:flex-start;
}
.support-list-page .empty-state{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
    padding:60px 20px;
    background:var(--bg-body);
    border:1px dashed var(--border-color);
    border-radius:var(--radius-ui);
    margin-top:auto;
    margin-bottom:auto;
}
.support-list-page .empty-state i{ font-size:48px; color:var(--gray-text); opacity:0.5; margin-bottom:15px; }
.support-list-page .empty-state h3{ font-size:16px; font-weight:800; color:var(--dark-text); margin:0 0 5px 0; }
.support-list-page .empty-state p{ font-size:13px; color:var(--gray-text); font-weight:500; margin:0; }

.ticket-detail-wrapper.support-detail-page{
    margin-top:20px;
    padding-top:30px;
}
.support-detail-page .bento-chat-card{
    background:var(--bg-header);
    border:1px solid var(--border-color);
    border-radius:var(--radius-ui);
    box-shadow:0 4px 20px rgba(0, 0, 0, 0.02);
    overflow:hidden;
    display:flex;
    flex-direction:column;
    height:70vh;
    min-height:500px;
    max-height:750px;
}
.support-detail-page .bento-chat-header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:20px 24px;
    border-bottom:1px solid var(--border-color);
    background:var(--bg-header);
    flex-wrap:wrap;
    gap:15px;
    flex-shrink:0;
}

.support-detail-page .bento-chat-header-left{
    display:flex;
    align-items:center;
    gap:15px;
}

.support-detail-page .btn-back-support{
    width:40px;
    height:40px;
    border-radius:var(--radius-ui);
    background:var(--bg-header);
    border:1px solid var(--border-color);
    color:var(--dark-text);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:20px;
    transition:all 0.3s ease;
    text-decoration:none;
}
.support-detail-page .btn-back-support:hover{
    background:rgba(61,90,254,0.1);
    color:var(--primary-blue);
    border-color:var(--primary-blue);
}

.support-detail-page .bento-chat-title{
    display:flex;
    flex-direction:column;
}
.support-detail-page .bento-chat-title h1{
    font-size:16px;
    font-weight:800;
    color:var(--dark-text);
    margin:0 0 2px 0;
    line-height:1.2;
}
.support-detail-page .bento-chat-title span{
    font-size:12px;
    color:var(--gray-text);
    font-weight:500;
}

.support-detail-page .bento-chat-header-right{
    display:flex;
    align-items:center;
    gap:12px;
    flex-wrap:wrap;
}
.support-detail-page .chat-pill{
    display:inline-flex;
    align-items:center;
    gap:6px;
    padding:8px 14px;
    border-radius:var(--radius-ui);
    font-size:12px;
    font-weight:700;
    background:var(--bg-header);
    border:1px solid var(--border-color);
    color:var(--gray-text);
}
.support-detail-page .chat-pill i{ font-size:16px; color:var(--primary-blue); }
.support-detail-page .chat-pill strong{ color:var(--dark-text); font-weight:800; }
.support-detail-page .status-pill{
    display:inline-flex;
    align-items:center;
    gap:6px;
    padding:8px 16px;
    border-radius:var(--radius-ui);
    font-size:13px;
    font-weight:800;
    text-decoration:none;
    transition:all 0.3s ease;
}
.support-detail-page .status-pill.beklemede{ background:rgba(255, 179, 0, 0.1); color:var(--warning-orange); border:1px solid rgba(255, 179, 0, 0.2); }
.support-detail-page .status-pill.cevaplandi{ background:rgba(17, 211, 119, 0.1); color:var(--success-green); border:1px solid rgba(17, 211, 119, 0.2); }
.support-detail-page .status-pill.kapandi{ background:rgba(255, 68, 84, 0.1); color:var(--danger-red); border:1px solid rgba(255, 68, 84, 0.2); }
.support-detail-page .status-pill.islemde{ background:rgba(61, 90, 254, 0.1); color:var(--primary-blue); border:1px solid rgba(61, 90, 254, 0.2); }

.support-detail-page .btn-close-ticket{
    background:var(--bg-header);
    color:var(--danger-red);
    border:1px solid var(--danger-red);
}
.support-detail-page .btn-close-ticket:hover{
    background:var(--danger-red);
    color:#fff;
}
.support-detail-page .bento-chat-body{
    flex:1;
    overflow-y:auto;
    padding:30px;
    display:flex;
    flex-direction:column;
    gap:20px;
    background:var(--bg-header);
    scrollbar-width:thin;
    scrollbar-color:var(--border-color) transparent;
}
.support-detail-page .bento-chat-body::-webkit-scrollbar{ width:6px; }
.support-detail-page .bento-chat-body::-webkit-scrollbar-thumb{ background:var(--border-color); border-radius:var(--radius-ui); }

.support-detail-page .msg-row{
    display:flex;
    gap:12px;
    max-width:80%;
}
.support-detail-page .msg-row.user{
    align-self:flex-end;
    flex-direction:row-reverse;
}
.support-detail-page .msg-row.admin{
    align-self:flex-start;
}

.support-detail-page .msg-avatar{
    width:40px;
    height:40px;
    border-radius:var(--radius-ui);
    flex-shrink:0;
    object-fit:cover;
    border:2px solid var(--bg-header);
    box-shadow:0 4px 10px rgba(0,0,0,0.05);
}

.support-detail-page .msg-bubble-wrap{
    display:flex;
    flex-direction:column;
    gap:4px;
    min-width:0;
    max-width:100%;
}

.support-detail-page .msg-bubble{
    padding:14px 18px;
    font-size:14px;
    font-weight:500;
    line-height:1.5;
    position:relative;
    box-shadow:0 2px 10px rgba(0,0,0,0.02);
    word-wrap:break-word;
    overflow-wrap:break-word;
    word-break:break-word;
    white-space:normal;
}

.support-detail-page .msg-row.user .msg-bubble{
    background:linear-gradient(135deg, var(--primary-blue) 0%, #283cb4 100%);
    color:#fff;
    border-radius:var(--radius-ui) var(--radius-ui) 4px var(--radius-ui);
    box-shadow:0 4px 15px rgba(61,90,254,0.15);
}
.support-detail-page .msg-row.user .msg-bubble a{ color:#fff; text-decoration:underline; font-weight:700;}

.support-detail-page .msg-row.admin .msg-bubble{
    background:var(--bg-header);
    color:var(--dark-text);
    border:1px solid var(--border-color);
    border-radius:var(--radius-ui) var(--radius-ui) var(--radius-ui) 4px;
}
.support-detail-page .msg-row.admin .msg-bubble a{ color:var(--primary-blue); text-decoration:underline; font-weight:700;}

.support-detail-page .msg-time{
    font-size:11px;
    color:var(--gray-text);
    font-weight:600;
    display:flex;
    align-items:center;
    gap:4px;
}
.support-detail-page .msg-row.user .msg-time{
    justify-content:flex-end;
}

.support-detail-page .chat-image{
    max-width:250px;
    height:auto;
    border-radius:var(--radius-ui);
    object-fit:cover;
    cursor:zoom-in;
    display:block;
    margin-bottom:8px;
    border:2px solid rgba(255,255,255,0.2);
}
.support-detail-page .msg-row.admin .chat-image{
    border-color:var(--border-color);
}
.support-detail-page .bento-chat-footer{
    padding:20px 24px;
    border-top:1px solid var(--border-color);
    background:var(--bg-header);
    flex-shrink:0;
}

.support-detail-page .chat-input-wrapper{
    display:flex;
    align-items:center;
    gap:12px;
    background:var(--input-bg);
    border:1px solid var(--border-color);
    border-radius:var(--radius-ui);
    padding:8px 8px 8px 20px;
    transition:all 0.3s ease;
}
.support-detail-page .chat-input-wrapper:focus-within{
    border-color:var(--primary-blue);
    background:var(--bg-header);
    box-shadow:0 0 0 3px rgba(61,90,254,0.1);
}

.support-detail-page .chat-input-field{
    flex:1;
    height:44px;
    border:none;
    background:transparent;
    color:var(--dark-text);
    font-size:14px;
    font-weight:500;
    padding:0;
    outline:none;
    box-shadow:none;
}
.support-detail-page .chat-input-field::placeholder{ color:var(--gray-text); }

.support-detail-page .chat-action-btn{
    width:44px;
    height:44px;
    border-radius:var(--radius-ui);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:20px;
    border:none;
    cursor:pointer;
    transition:all 0.3s ease;
    flex-shrink:0;
}

.support-detail-page .btn-upload-img{
    background:transparent;
    color:var(--gray-text);
}
.support-detail-page .btn-upload-img:hover{
    background:rgba(61,90,254,0.1);
    color:var(--primary-blue);
}

.support-detail-page .btn-send-msg{
    background:var(--primary-blue);
    color:#fff;
    box-shadow:0 4px 10px rgba(61,90,254,0.2);
}
.support-detail-page .btn-send-msg:hover{
    box-shadow:0 6px 15px rgba(61,90,254,0.3);
    filter:brightness(1.03);
}

.support-detail-page .ticket-closed-alert{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    background:rgba(61,90,254,0.05);
    border:1px solid rgba(61,90,254,0.15);
    color:var(--primary-blue);
    padding:16px;
    border-radius:var(--radius-ui);
    font-size:14px;
    font-weight:700;
}

.profile-settings-wrapper.profile-settings-page{
    padding-top:30px;
    padding-bottom:60px;
}
.profile-settings-page .bento-form-group{
    margin-bottom:20px;
}
.profile-settings-page .bento-form-group label{
    font-size:13px;
    font-weight:700;
    color:var(--dark-text);
    margin-bottom:8px;
    display:block;
}

.profile-settings-page .bento-form-control{
    width:100%;
    height:50px;
    background:var(--input-bg);
    border:1px solid var(--border-color);
    border-radius:var(--radius-ui);
    padding:0 16px;
    font-size:14px;
    font-weight:600;
    color:var(--dark-text);
    transition:all 0.3s ease;
    box-shadow:none;
}
.profile-settings-page .bento-form-control:focus{
    border-color:var(--primary-blue);
    background:var(--bg-header);
    box-shadow:0 0 0 3px rgba(61,90,254,0.1);
    outline:none;
}
.profile-settings-page .bento-form-control:disabled, .profile-settings-page .bento-form-control[readonly]{
    background:var(--bg-light);
    color:var(--gray-text);
    cursor:not-allowed;
    border-color:var(--border-color);
    opacity:0.8;
}

.profile-settings-page textarea.bento-form-control{
    height:auto;
    padding:16px;
    resize:vertical;
}
.profile-settings-page .bento-readonly-text{
    display:flex;
    align-items:center;
    height:50px;
    padding:0 16px;
    border:1px solid var(--border-color);
    border-radius:var(--radius-ui);
    background:var(--bg-light);
    font-weight:600;
    font-size:14px;
    color:var(--dark-text);
    user-select:none;
}
.profile-settings-page .bento-btn-submit{
    height:50px;
    padding:0 30px;
    border-radius:var(--radius-ui);
    background:linear-gradient(135deg, var(--primary-blue) 0%, #283cb4 100%);
    color:#fff;
    font-size:15px;
    font-weight:800;
    border:none;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    transition:all 0.3s ease;
    box-shadow:0 4px 15px rgba(61,90,254,0.25);
    cursor:pointer;
}
.profile-settings-page .bento-btn-submit:hover{
    box-shadow:0 6px 20px rgba(61,90,254,0.35);
    filter:brightness(1.03);
    color:#fff;
}
.profile-settings-page .bento-alert{
    background:rgba(61,90,254,0.05);
    border:1px solid rgba(61,90,254,0.15);
    border-radius:var(--radius-ui);
    padding:16px 20px;
    font-size:13px;
    font-weight:600;
    color:var(--dark-text);
    margin-bottom:24px;
    display:flex;
    gap:12px;
    align-items:center;
    line-height:1.5;
}
.profile-settings-page .bento-alert i{ font-size:22px; line-height:1; }
.profile-settings-page .bento-alert.success{ background:rgba(17,211,119,0.05); border-color:rgba(17,211,119,0.2); }
.profile-settings-page .bento-alert.success i{ color:var(--success-green); }
.profile-settings-page .bento-alert.warning{ background:rgba(255,179,0,0.05); border-color:rgba(255,179,0,0.2); }
.profile-settings-page .bento-alert.warning i{ color:var(--warning-orange); }
.profile-settings-page .bento-alert.danger{ background:rgba(255,68,84,0.05); border-color:rgba(255,68,84,0.2); }
.profile-settings-page .bento-alert.danger i{ color:var(--danger-red); }

.profile-settings-page .bento-alert a{ color:inherit; text-decoration:underline; font-weight:800; }
.profile-settings-page .custom-checkbox-wrapper{
    display:flex;
    align-items:flex-start;
    gap:10px;
    padding:10px 0;
}
.profile-settings-page .custom-checkbox-wrapper input[type="checkbox"]{
    width:20px;
    height:20px;
    border-radius:6px;
    cursor:pointer;
    margin-top:2px;
}
.profile-settings-page .custom-checkbox-wrapper label{
    font-size:13px;
    font-weight:600;
    color:var(--dark-text);
    margin:0;
    cursor:pointer;
    line-height:1.5;
}
.profile-settings-page .custom-checkbox-wrapper label span{
    color:var(--primary-blue);
    text-decoration:underline;
}
.profile-settings-page .scrollarea{ overflow:auto; scrollbar-width:none; -ms-overflow-style:none; }
.profile-settings-page .scrollarea::-webkit-scrollbar{ display:none; }
.profile-settings-page .bento-avatar-upload-area{
    display:flex;
    align-items:center;
    gap:20px;
    padding:20px;
    background:var(--bg-light);
    border:1px dashed var(--border-color);
    border-radius:var(--radius-ui);
    margin-bottom:24px;
    transition:all 0.3s ease;
}
.profile-settings-page .bento-avatar-upload-area:hover{
    border-color:var(--primary-blue);
    background:rgba(61,90,254,0.02);
}
.profile-settings-page .bento-avatar-preview{
    width:72px;
    height:72px;
    border-radius:var(--radius-ui);
    object-fit:cover;
    border:2px solid var(--bg-header);
    box-shadow:0 4px 15px rgba(0,0,0,0.08);
    flex-shrink:0;
}
.profile-settings-page .bento-avatar-texts{
    flex:1;
    display:flex;
    flex-direction:column;
    gap:4px;
}
.profile-settings-page .bento-avatar-texts .big{
    font-size:15px;
    font-weight:800;
    color:var(--dark-text);
    line-height:1.2;
}
.profile-settings-page .bento-avatar-texts small{
    font-size:12px;
    color:var(--gray-text);
    font-weight:500;
    line-height:1.4;
}
.profile-settings-page .bento-avatar-texts small.text-danger{
    color:var(--danger-red) !important;
    font-weight:600;
}
.profile-settings-page .bento-avatar-input-wrap{
    flex-shrink:0;
}
.profile-settings-page .bento-avatar-input-wrap input[type="file"]{
    background:var(--bg-header);
    border:1px solid var(--border-color);
    border-radius:var(--radius-ui);
    padding:6px 12px 6px 6px;
    font-size:12px;
    font-weight:600;
    color:var(--dark-text);
    cursor:pointer;
    max-width:240px;
    box-shadow:0 2px 8px rgba(0,0,0,0.02);
}
.profile-settings-page .bento-avatar-input-wrap input[type="file"]::file-selector-button{
    background:rgba(61,90,254,0.1);
    color:var(--primary-blue);
    border:none;
    padding:6px 14px;
    border-radius:var(--radius-ui);
    font-weight:800;
    cursor:pointer;
    margin-right:12px;
    transition:all 0.3s ease;
}
.profile-settings-page .bento-avatar-input-wrap input[type="file"]::file-selector-button:hover{
    background:var(--primary-blue);
    color:#fff;
}
.profile-settings-page .bento-avatar-gallery-title{
    font-size:14px;
    font-weight:800;
    color:var(--dark-text);
    margin-bottom:16px;
    display:flex;
    align-items:center;
    gap:8px;
}
.profile-settings-page .bento-avatar-gallery-title i{
    color:var(--primary-blue);
    font-size:18px;
}
.profile-settings-page .bento-avatar-grid{
    display:grid;
    grid-template-columns:repeat(auto-fill, minmax(60px, 1fr));
    gap:12px;
    margin-bottom:24px;
}
.profile-settings-page .bento-avatar-item{
    aspect-ratio:1 / 1;
    border-radius:var(--radius-ui);
    overflow:hidden;
    cursor:pointer;
    border:2px solid transparent;
    transition:all 0.3s ease;
    background:var(--bg-light);
}
.profile-settings-page .bento-avatar-item img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform 0.3s ease;
}
.profile-settings-page .bento-avatar-item:hover{
    box-shadow:0 8px 20px rgba(0,0,0,0.08);
    border-color:rgba(61,90,254,0.4);
}
.profile-settings-page .bento-avatar-item.active{
    border-color:var(--primary-blue);
    box-shadow:0 8px 20px rgba(61,90,254,0.25);
}
.profile-settings-page .bento-avatar-item.active img{
    transform:scale(1.1);
}
.profile-settings-page .bento-cover-upload-area{
    background:var(--bg-light);
    border:1px dashed var(--border-color);
    border-radius:var(--radius-ui);
    padding:20px;
    margin-bottom:24px;
    transition:all 0.3s ease;
}
.profile-settings-page .bento-cover-upload-area:hover{
    border-color:var(--primary-blue);
    background:rgba(61,90,254,0.02);
}
.profile-settings-page .bento-cover-preview{
    width:100%;
    height:140px;
    border-radius:var(--radius-ui);
    object-fit:cover;
    border:2px solid var(--bg-header);
    box-shadow:0 4px 15px rgba(0,0,0,0.08);
    margin-bottom:16px;
}
.profile-settings-page .bento-cover-controls{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
}
.profile-settings-page .bento-cover-texts{
    flex:1;
    display:flex;
    flex-direction:column;
    gap:4px;
}
.profile-settings-page .bento-cover-texts .big{
    font-size:15px;
    font-weight:800;
    color:var(--dark-text);
    line-height:1.2;
}
.profile-settings-page .bento-cover-texts small{
    font-size:12px;
    color:var(--gray-text);
    font-weight:500;
    line-height:1.4;
}
.profile-settings-page .bento-cover-input-wrap{
    flex-shrink:0;
}
.profile-settings-page .bento-cover-input-wrap input[type="file"]{
    background:var(--bg-header);
    border:1px solid var(--border-color);
    border-radius:var(--radius-ui);
    padding:6px 12px 6px 6px;
    font-size:12px;
    font-weight:600;
    color:var(--dark-text);
    cursor:pointer;
    max-width:240px;
    box-shadow:0 2px 8px rgba(0,0,0,0.02);
}
.profile-settings-page .bento-cover-input-wrap input[type="file"]::file-selector-button{
    background:rgba(61,90,254,0.1);
    color:var(--primary-blue);
    border:none;
    padding:6px 14px;
    border-radius:var(--radius-ui);
    font-weight:800;
    cursor:pointer;
    margin-right:12px;
    transition:all 0.3s ease;
}
.profile-settings-page .bento-cover-input-wrap input[type="file"]::file-selector-button:hover{
    background:var(--primary-blue);
    color:#fff;
}
.profile-settings-page .bento-cover-gallery-title{
    font-size:14px;
    font-weight:800;
    color:var(--dark-text);
    margin-bottom:16px;
    display:flex;
    align-items:center;
    gap:8px;
}
.profile-settings-page .bento-cover-gallery-title i{
    color:var(--primary-blue);
    font-size:18px;
}
.profile-settings-page .bento-cover-grid{
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    gap:12px;
    margin-bottom:24px;
}
.profile-settings-page .bento-cover-item{
    aspect-ratio:21 / 9;
    border-radius:var(--radius-ui);
    overflow:hidden;
    cursor:pointer;
    border:2px solid transparent;
    transition:all 0.3s ease;
    background:var(--bg-light);
}
.profile-settings-page .bento-cover-item img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform 0.3s ease;
}
.profile-settings-page .bento-cover-item:hover{
    box-shadow:0 8px 20px rgba(0,0,0,0.08);
    border-color:rgba(61,90,254,0.4);
}
.profile-settings-page .bento-cover-item.active{
    border-color:var(--primary-blue);
    box-shadow:0 8px 20px rgba(61,90,254,0.25);
}
.profile-settings-page .bento-cover-item.active img{
    transform:scale(1.05);
}

.user-game-accounts-page input[type="number"]::-webkit-inner-spin-button, .user-game-accounts-page input[type="number"]::-webkit-outer-spin-button{ -webkit-appearance:none; margin:0; }
.user-game-accounts-page input[type="number"]{ -moz-appearance:textfield; }

.game-accounts-wrapper.user-game-accounts-page{
    padding-top:30px;
    padding-bottom:60px;
}

.user-game-accounts-page .uga-shell{
    display:flex;
    flex-direction:column;
    gap:20px;
}

.user-game-accounts-page .uga-toolbar{
    display:flex;
    flex-direction:column;
    align-items:stretch;
    justify-content:flex-start;
    gap:16px;
    padding:16px 18px;
    background:var(--bg-header);
    border:1px solid var(--border-color);
    border-radius:var(--radius-ui);
    box-shadow:0 4px 18px rgba(0,0,0,0.02);
}

.user-game-accounts-page .uga-toolbar-copy h2{
    margin:0 0 4px;
    font-size:17px;
    font-weight:800;
    color:var(--dark-text);
}

.user-game-accounts-page .uga-toolbar-copy p{
    margin:0;
    font-size:13px;
    color:var(--gray-text);
}

.user-game-accounts-page .bento-cat-tabs{
    display:flex;
    align-items:center;
    gap:10px;
    flex-wrap:wrap;
    margin:0;
    padding:0;
    width:100%;
    min-width:0;
}

.user-game-accounts-page .bento-tab-btn:first-child:not(.only-icon){
    width:48px;
    min-width:48px;
    padding:0;
    justify-content:center;
}

.user-game-accounts-page .bento-tab-btn{
    --uga-accent:var(--primary-blue);
    display:inline-flex;
    align-items:center;
    gap:10px;
    min-height:48px;
    padding:0 16px;
    border-radius:var(--radius-ui);
    border:1px solid var(--border-color);
    background:var(--bg-body);
    color:var(--dark-text);
    cursor:pointer;
    flex-shrink:0;
    white-space:nowrap;
    font-size:13px;
    font-weight:800;
    transition:background-color 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease, color 0.25s ease;
}

.user-game-accounts-page .bento-tab-btn.only-icon{
    width:48px;
    min-width:48px;
    padding:0;
    justify-content:center;
    background:var(--uga-accent);
    border-color:var(--uga-accent);
    color:#fff;
}

.user-game-accounts-page .bento-tab-btn-media{
    width:34px;
    height:34px;
    border-radius:var(--radius-ui);
    border:1px solid rgba(0,0,0,0.06);
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
    overflow:hidden;
    transition:transform 0.2s ease;
}

.user-game-accounts-page .bento-tab-btn img{
    width:26px;
    height:26px;
    object-fit:contain;
    flex-shrink:0;
    transition:transform 0.2s ease;
}

.user-game-accounts-page .bento-tab-btn:hover{
    box-shadow:none;
}

.user-game-accounts-page .bento-tab-btn:hover .bento-tab-btn-media, .user-game-accounts-page .bento-tab-btn:hover img{
}

.user-game-accounts-page .bento-tab-btn.active{
    border-color:var(--uga-accent);
    background:var(--uga-accent);
    color:#fff;
    box-shadow:0 10px 22px rgba(0,0,0,0.12);
}

.user-game-accounts-page .bento-tab-btn.active .bento-tab-btn-media{
    background:rgba(255,255,255,0.18);
    border-color:rgba(255,255,255,0.22);
}

.user-game-accounts-page .bento-tab-btn.active img{
    transform:scale(1.02);
}

.user-game-accounts-page .uga-grid{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:20px;
}

.user-game-accounts-page .uga-game-card{
    --uga-accent:#3d5afe;
    background:var(--bg-header);
    border:1px solid var(--border-color);
    border-radius:var(--radius-ui);
    box-shadow:0 10px 28px rgba(0,0,0,0.04);
    overflow:hidden;
    position:relative;
}

.user-game-accounts-page .uga-game-card::before{
    content:"";
    position:absolute;
    inset:0 auto auto 0;
    width:100%;
    height:5px;
    background:var(--uga-accent);
}

.user-game-accounts-page .uga-game-card-header{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:16px;
    padding:22px 22px 18px;
    border-bottom:1px solid var(--border-color);
    background:linear-gradient(180deg, color-mix(in srgb, var(--uga-accent) 7%, var(--bg-header)) 0%, var(--bg-header) 100%);
}

.user-game-accounts-page .uga-game-card-title{
    display:flex;
    align-items:flex-start;
    gap:14px;
    min-width:0;
}

.user-game-accounts-page .uga-game-icon{
    width:56px;
    height:56px;
    border-radius:var(--radius-ui);
    background:var(--uga-accent);
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:10px;
    box-shadow:0 10px 22px rgba(0,0,0,0.12);
    flex-shrink:0;
}

.user-game-accounts-page .uga-game-icon img{
    width:100%;
    height:100%;
    object-fit:contain;
}

.user-game-accounts-page .uga-game-meta{
    min-width:0;
}

.user-game-accounts-page .uga-game-parent{
    display:inline-block;
    margin-bottom:5px;
    font-size:12px;
    font-weight:700;
    color:var(--gray-text);
}

.user-game-accounts-page .uga-game-name{
    margin:0;
    font-size:18px;
    font-weight:900;
    line-height:1.25;
}

.user-game-accounts-page .uga-box-link{
    color:var(--dark-text);
    text-decoration:none;
}

.user-game-accounts-page .uga-game-side{
    display:flex;
    align-items:center;
    gap:10px;
    flex-shrink:0;
}

.user-game-accounts-page .uga-count-badge{
    display:inline-flex;
    align-items:center;
    height:36px;
    padding:0 12px;
    border-radius:var(--radius-ui);
    background:color-mix(in srgb, var(--uga-accent) 12%, var(--bg-header));
    border:1px solid color-mix(in srgb, var(--uga-accent) 30%, var(--border-color));
    color:var(--dark-text);
    font-size:12px;
    font-weight:800;
    white-space:nowrap;
}

.user-game-accounts-page .bento-btn-add{
    display:inline-flex;
    align-items:center;
    gap:8px;
    height:38px;
    padding:0 14px;
    border-radius:var(--radius-ui);
    border:none;
    background:var(--uga-accent);
    color:#fff;
    font-size:13px;
    font-weight:800;
    cursor:pointer;
    box-shadow:0 8px 18px rgba(0,0,0,0.12);
    transition:opacity 0.25s ease, box-shadow 0.25s ease;
}

.user-game-accounts-page .bento-btn-add:hover{
    color:#fff;
    opacity:0.92;
    box-shadow:0 12px 24px rgba(0,0,0,0.16);
}

.user-game-accounts-page .uga-card-body{
    padding:18px 22px 22px;
}

.user-game-accounts-page .bento-account-list{
    display:flex;
    flex-direction:column;
    gap:10px;
}

.user-game-accounts-page .bento-account-item{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:12px 14px;
    background:var(--bg-body);
    border:1px solid var(--border-color);
    border-radius:var(--radius-ui);
    transition:border-color 0.25s ease, box-shadow 0.25s ease;
}

.user-game-accounts-page .bento-account-item:hover{
    border-color:color-mix(in srgb, var(--uga-accent) 40%, var(--border-color));
    box-shadow:0 8px 20px rgba(0,0,0,0.04);
}

.user-game-accounts-page .bento-account-info-group{
    flex:1;
    min-width:0;
    display:flex;
    align-items:center;
    gap:10px;
    flex-wrap:nowrap;
    overflow:hidden;
}

.user-game-accounts-page .ba-data-block{
    display:flex;
    align-items:center;
    gap:8px;
    min-width:0;
    padding:8px 10px;
    border-radius:var(--radius-ui);
    background:var(--bg-header);
    border:1px solid var(--border-color);
}

.user-game-accounts-page .ba-data-block.is-primary{
    flex:1 1 auto;
    min-width:0;
    align-items:center;
}

.user-game-accounts-page .ba-data-block.is-primary .ba-texts.ba-texts-stack{
    flex:1 1 auto;
    min-width:0;
}

.user-game-accounts-page .ba-data-block.is-primary .ba-inline-delete-form{
    margin-left:auto;
    flex-shrink:0;
    align-self:center;
    display:flex;
    align-items:center;
}

.user-game-accounts-page .ba-data-block.is-meta{
    flex:0 1 auto;
}

.user-game-accounts-page .ba-icon{
    width:40px;
    height:40px;
    border-radius:var(--radius-ui);
    background:color-mix(in srgb, var(--primary-blue) 12%, var(--bg-header));
    color:var(--primary-blue);
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-size:20px;
    flex-shrink:0;
    overflow:hidden;
}

.user-game-accounts-page .ba-icon img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.user-game-accounts-page .ba-texts{
    display:flex;
    align-items:center;
    gap:6px;
    min-width:0;
    flex-wrap:nowrap;
}

.user-game-accounts-page .ba-texts.ba-texts-stack{
    flex-direction:column;
    align-items:flex-start;
    gap:4px;
}

.user-game-accounts-page .ba-texts .ba-main-row{
    display:flex;
    align-items:center;
    gap:6px;
    min-width:0;
}

.user-game-accounts-page .ba-texts .ba-main-row.ba-main-row--stacked{
    flex-direction:column;
    align-items:flex-start;
    gap:4px;
}

.user-game-accounts-page .ba-texts .ba-main-row--stacked .ba-label-row{
    font-size:12px;
    font-weight:700;
    color:var(--gray-text);
}

.user-game-accounts-page .ba-texts .ba-main-row--stacked .ba-value-row{
    display:flex;
    align-items:center;
    gap:8px;
    flex-wrap:wrap;
    font-size:14px;
    font-weight:600;
    color:var(--dark-text);
}

.user-game-accounts-page .ba-texts .ba-main-row--stacked .ba-value-row .ba-id{
    font-weight:700;
}

.user-game-accounts-page .ba-texts .ba-main-row--stacked .ba-value-row .ba-name{
    color:var(--gray-text);
    font-weight:500;
}

.user-game-accounts-page .ba-texts .ba-link2-row{
    display:flex;
    align-items:center;
    gap:6px;
    min-width:0;
    max-width:100%;
    font-size:12px;
    font-weight:600;
    color:var(--gray-text);
}

.user-game-accounts-page .ba-texts .ba-link2-lbl{
    flex-shrink:0;
}

.user-game-accounts-page .ba-texts .ba-link2-val{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:var(--primary-blue);
}

.user-game-accounts-page .ba-texts .ba-link2-val[href]{
    text-decoration:underline;
}

.user-game-accounts-page .ba-texts .ba-link2-val[href]:hover{
    color:var(--primary-blue);
}

.user-game-accounts-page .ba-texts .lbl{
    font-size:11px;
    font-weight:700;
    color:var(--gray-text);
    white-space:nowrap;
}

.user-game-accounts-page .ba-texts .val{
    font-size:14px;
    font-weight:800;
    color:var(--dark-text);
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    line-height:1.2;
}

.user-game-accounts-page .ba-texts .val .username{
    color:var(--primary-blue);
    margin-left:4px;
}

/* Sil: birincil veri kutusu (ba-data-block) içinde, kompakt */
.user-game-accounts-page .ba-data-block.is-primary .bento-btn-delete{
    width:32px;
    height:32px;
    min-width:32px;
    min-height:32px;
    border-radius:calc(var(--radius-ui) * 0.85);
    border:none;
    background:rgba(255,68,84,0.1);
    color:var(--danger-red);
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-size:16px;
    cursor:pointer;
    flex-shrink:0;
    transition:background-color 0.25s ease, color 0.25s ease;
}

.user-game-accounts-page .ba-data-block.is-primary .bento-btn-delete:hover{
    background:var(--danger-red);
    color:#fff;
}

.user-game-accounts-page .uga-empty-alert{
    margin:0;
    padding:18px;
    background:linear-gradient(180deg, rgba(255,68,84,0.05), rgba(255,68,84,0.02));
    border:1px solid rgba(255,68,84,0.14);
    color:var(--dark-text);
    border-radius:var(--radius-ui);
    display:flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    text-align:center;
    font-size:14px;
    font-weight:700;
}

.user-game-accounts-page .uga-empty-alert i{
    width:36px;
    height:36px;
    border-radius:var(--radius-ui);
    background:rgba(255,68,84,0.1);
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-size:18px;
    flex-shrink:0;
}

.user-game-accounts-page .uga-modal-content{
    border:1px solid var(--border-color);
    border-radius:var(--radius-ui);
    background:var(--bg-header);
    box-shadow:0 22px 50px rgba(0,0,0,0.18);
    overflow:hidden;
}

.user-game-accounts-page .uga-modal-header{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    padding:20px 22px;
    border-bottom:1px solid var(--border-color);
    background:linear-gradient(180deg, color-mix(in srgb, var(--uga-accent) 9%, var(--bg-header)) 0%, var(--bg-header) 100%);
}

.user-game-accounts-page .uga-modal-title{
    margin:0;
    display:flex;
    align-items:center;
    gap:12px;
    color:var(--dark-text);
    font-size:17px;
    font-weight:800;
    line-height:1.2;
}

.user-game-accounts-page .uga-modal-icon{
    width:38px;
    height:38px;
    border-radius:var(--radius-ui);
    background:var(--uga-accent);
    color:#fff;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-size:18px;
    flex-shrink:0;
}

.user-game-accounts-page .uga-modal-body{
    padding:22px;
    background:var(--bg-header);
}

.user-game-accounts-page .uga-form-field{
    margin-bottom:16px;
}

.user-game-accounts-page .uga-form-label{
    display:block;
    margin-bottom:8px;
    font-size:13px;
    font-weight:700;
    color:var(--dark-text);
}

.user-game-accounts-page .uga-form-control{
    width:100%;
    height:48px;
    background:var(--input-bg);
    border:1px solid var(--border-color);
    border-radius:var(--radius-ui);
    padding:0 16px;
    font-size:14px;
    font-weight:600;
    color:var(--dark-text);
    box-shadow:none;
    transition:border-color 0.25s ease, box-shadow 0.25s ease, background-color 0.25s ease;
}

.user-game-accounts-page .uga-form-control:focus{
    border-color:var(--uga-accent, var(--primary-blue));
    background:var(--bg-header);
    box-shadow:0 0 0 3px color-mix(in srgb, var(--uga-accent) 14%, transparent);
    outline:none;
}

.user-game-accounts-page .uga-modal-footer{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:10px;
    padding:16px 22px 22px;
    border-top:1px solid var(--border-color);
    background:var(--bg-header);
}

.user-game-accounts-page .uga-modal-cancel, .user-game-accounts-page .uga-modal-submit{
    height:46px;
    border-radius:var(--radius-ui);
    padding:0 20px;
    font-size:14px;
    font-weight:800;
    transition:background-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease;
}

.user-game-accounts-page .uga-modal-cancel{
    background:var(--bg-light);
    color:var(--dark-text);
    border:1px solid var(--border-color);
}

.user-game-accounts-page .uga-modal-cancel:hover{
    background:var(--border-color);
}

.user-game-accounts-page .uga-modal-submit{
    background:var(--uga-accent);
    color:#fff;
    border:none;
    box-shadow:0 10px 20px rgba(0,0,0,0.14);
}

.user-game-accounts-page .uga-modal-submit:hover{
    background:color-mix(in srgb, var(--uga-accent) 88%, #ffffff);
    color:#fff;
    box-shadow:0 14px 26px rgba(0,0,0,0.18);
}

.user-game-accounts-page .uga-steam-alert{
    display:grid;
    grid-template-columns:auto minmax(0, 1fr);
    gap:8px 10px;
    align-items:start;
    border-radius:var(--radius-ui);
    font-size:13px;
    line-height:1.45;
    background:rgba(61,90,254,0.06);
    border:1px solid rgba(61,90,254,0.14);
}

.user-game-accounts-page .uga-steam-alert-icon{
    flex-shrink:0;
    font-size:18px;
    line-height:1.25;
    margin-top:1px;
}

.user-game-accounts-page .uga-steam-alert-copy{
    min-width:0;
}

.user-game-accounts-page .uga-steam-alert-text{
    word-break:break-word;
    overflow-wrap:anywhere;
}

.user-game-accounts-page .uga-steam-alert .uga-steam-link{
    margin-top:6px;
    max-width:100%;
    word-break:break-word;
    overflow-wrap:anywhere;
}

body.dark-mode .user-game-accounts-page .uga-steam-alert{
    background:rgba(61,90,254,0.12);
    border-color:rgba(61,90,254,0.28);
    color:var(--dark-text);
}

.user-game-accounts-page .uga-steam-link{
    color:var(--primary-blue);
}

body.dark-mode .user-game-accounts-page .uga-steam-link{
    color:#7eb8ff;
}

body.dark-mode .user-game-accounts-page .uga-steam-link:hover{
    color:#9cc9ff;
}

.blocked-balances-wrapper.blocked-balances-page{
    padding-top:30px;
}

.blocked-balances-page .bento-box-desc{
    display:block;
    margin-top:2px;
    font-size:12px;
    font-weight:500;
    color:var(--gray-text);
}

.blocked-balances-page .bb-bento-head-row{
    flex-wrap:wrap;
    justify-content:space-between;
    align-items:flex-start;
    gap:12px;
}
.blocked-balances-page .bb-bento-head-main{
    display:flex;
    align-items:center;
    gap:14px;
    min-width:0;
    flex:1 1 200px;
}
.blocked-balances-page .bb-bento-head-main > i{
    display:flex;
    flex-shrink:0;
    align-items:center;
    justify-content:center;
    width:40px;
    height:40px;
    font-size:18px;
    color:var(--primary-blue);
    background:rgba(61,90,254,0.1);
    border-radius:var(--radius-ui);
}
.blocked-balances-page .bb-sort-form{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:6px;
    flex-shrink:0;
    margin-left:auto;
}
.blocked-balances-page .bb-sort-label{
    font-size:11px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:0.04em;
    color:var(--gray-text);
}
.blocked-balances-page .bb-sort-select{
    min-width:min(100%,240px);
    padding:8px 10px;
    font-size:12px;
    font-weight:600;
    color:var(--dark-text);
    background:var(--bg-header);
    border:1px solid var(--border-color);
    border-radius:10px;
}
.blocked-balances-page .bb-stat-val-stack{
    display:flex;
    flex-direction:column;
    gap:4px;
    align-items:flex-start;
}
.blocked-balances-page .bb-stat-item .val-sub{
    font-size:12px;
    font-weight:700;
    line-height:1.25;
    color:var(--gray-text);
}
.blocked-balances-page .bb-stat-item.next-release .val.val--datetime{
    font-size:17px;
    font-weight:900;
}
.blocked-balances-page .bb-pill.time{
    align-items:flex-start;
    height:auto;
    min-height:36px;
    padding-top:8px;
    padding-bottom:8px;
    white-space:normal;
}
.blocked-balances-page .bb-pill-time-stack{
    display:flex;
    flex-direction:column;
    gap:2px;
    align-items:flex-start;
    text-align:left;
}
.blocked-balances-page .bb-time-date{
    font-size:12px;
    font-weight:800;
    line-height:1.25;
}
.blocked-balances-page .bb-time-human{
    font-size:11px;
    font-weight:600;
    line-height:1.3;
    opacity:0.9;
}

.blocked-balances-page .bb-hero-card{
    position:relative;
    overflow:hidden;
    margin-bottom:24px;
    padding:22px 24px;
    border:1px solid rgba(61,90,254,0.15);
    border-radius:var(--radius-ui);
    background:linear-gradient(135deg, rgba(61,90,254,0.05) 0%, rgba(61,90,254,0.01) 100%);
}

.blocked-balances-page .bb-hero-card::before{
    content:'';
    position:absolute;
    top:-50px;
    right:-50px;
    width:250px;
    height:250px;
    border-radius:50%;
    background:radial-gradient(circle, rgba(61,90,254,0.1) 0%, transparent 70%);
    pointer-events:none;
}

.blocked-balances-page .bb-hero-header{
    position:relative;
    z-index:2;
    display:flex;
    align-items:center;
    gap:16px;
    margin-bottom:24px;
}

.blocked-balances-page .bb-hero-icon{
    display:flex;
    flex-shrink:0;
    align-items:center;
    justify-content:center;
    width:48px;
    height:48px;
    font-size:22px;
    color:var(--primary-blue);
    background:var(--bg-header);
    border:1px solid var(--border-color);
    border-radius:var(--radius-ui);
    box-shadow:0 4px 15px rgba(0,0,0,0.05);
}

.blocked-balances-page .bb-hero-title h1{
    margin:0 0 4px;
    font-size:18px;
    font-weight:900;
    line-height:1.2;
    color:var(--dark-text);
}

.blocked-balances-page .bb-hero-title p{
    margin:0;
    font-size:12px;
    font-weight:500;
    line-height:1.4;
    color:var(--gray-text);
}

.blocked-balances-page .bb-stats-grid{
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:16px;
}

.blocked-balances-page .bb-stat-item{
    display:flex;
    flex-direction:column;
    gap:6px;
    padding:14px 16px;
    background:var(--bg-header);
    border:1px solid var(--border-color);
    border-radius:var(--radius-ui);
    box-shadow:0 4px 15px rgba(0,0,0,0.02);
    transition:all 0.3s ease;
}

.blocked-balances-page .bb-stat-item:hover{
    border-color:var(--primary-blue);
    box-shadow:0 8px 25px rgba(61,90,254,0.08);
}

.blocked-balances-page .bb-stat-item .val{
    font-size:18px;
    font-weight:900;
    line-height:1;
    color:var(--dark-text);
}

.blocked-balances-page .bb-stat-item.total-blocked .val{
    color:var(--danger-red);
}

.blocked-balances-page .bb-stat-item.next-release .val:not(.val--datetime){
    margin-top:4px;
    font-size:16px;
}

.blocked-balances-page .bb-stat-item .lbl{
    font-size:11px;
    font-weight:700;
    letter-spacing:0.5px;
    text-transform:uppercase;
    color:var(--gray-text);
}

.blocked-balances-page .bb-list{
    display:flex;
    flex-direction:column;
    gap:12px;
    min-width:0;
    max-width:100%;
}

.blocked-balances-page .bb-item{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:space-between;
    gap:15px;
    padding:16px 20px;
    background:var(--bg-light);
    border:1px solid var(--border-color);
    border-radius:var(--radius-ui);
    transition:all 0.3s ease;
    min-width:0;
    max-width:100%;
    box-sizing:border-box;
}

.blocked-balances-page .bb-item:hover{
    background:var(--bg-header);
    border-color:rgba(61,90,254,0.3);
    box-shadow:0 4px 15px rgba(0,0,0,0.03);
}

.blocked-balances-page .bb-item-left{
    display:flex;
    flex:1 1 auto;
    align-items:center;
    gap:16px;
    min-width:0;
}

.blocked-balances-page .bb-item-icon{
    display:flex;
    flex-shrink:0;
    align-items:center;
    justify-content:center;
    width:44px;
    height:44px;
    font-size:20px;
    color:var(--primary-blue);
    background:var(--bg-header);
    border:1px solid var(--border-color);
    border-radius:var(--radius-ui);
}

.blocked-balances-page .bb-item-info{
    display:flex;
    flex-direction:column;
    gap:4px;
    min-width:0;
}

.blocked-balances-page .bb-item-title{
    display:block;
    overflow:hidden;
    font-size:13px;
    font-weight:800;
    line-height:1.3;
    white-space:nowrap;
    text-overflow:ellipsis;
    color:var(--dark-text);
    max-width:100%;
}

.blocked-balances-page .bb-item-meta{
    font-size:12px;
    font-weight:600;
    color:var(--gray-text);
    overflow-wrap:break-word;
    word-break:break-word;
    max-width:100%;
}

.blocked-balances-page .bb-item-right{
    display:flex;
    flex:0 1 auto;
    flex-wrap:wrap;
    align-items:center;
    gap:10px;
    min-width:0;
    max-width:100%;
}

.blocked-balances-page .bb-pill{
    display:inline-flex;
    align-items:center;
    gap:6px;
    height:36px;
    padding:0 12px;
    font-size:12px;
    font-weight:700;
    white-space:nowrap;
    color:var(--dark-text);
    background:var(--bg-header);
    border:1px solid var(--border-color);
    border-radius:var(--radius-ui);
    max-width:100%;
    box-sizing:border-box;
}

.blocked-balances-page .bb-pill i{
    font-size:16px;
}

.blocked-balances-page .bb-pill.amount{
    color:var(--success-green);
    background:rgba(17,211,119,0.08);
    border-color:rgba(17,211,119,0.2);
}

.blocked-balances-page .bb-pill.amount i{
    color:var(--success-green);
}

.blocked-balances-page .bb-pill.time{
    color:var(--warning-orange);
    background:rgba(255,179,0,0.08);
    border-color:rgba(255,179,0,0.2);
}

.blocked-balances-page .bb-pill.time i{
    color:var(--warning-orange);
}

.blocked-balances-page .bb-empty-state{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    padding:50px 20px;
    text-align:center;
    color:var(--gray-text);
    background:var(--bg-light);
    border:1px dashed var(--border-color);
    border-radius:var(--radius-ui);
}

.blocked-balances-page .bb-empty-state i{
    margin-bottom:12px;
    font-size:40px;
    color:var(--primary-blue);
    opacity:0.5;
}

.blocked-balances-page .bb-empty-state .bb-empty-icon-success{
    color:var(--success-green);
    opacity:1;
}

.blocked-balances-page .bb-empty-state span{
    font-size:13px;
    font-weight:700;
    color:var(--dark-text);
}

.blocked-balances-page .bb-alert-info{
    display:flex;
    align-items:flex-start;
    gap:12px;
    padding:20px;
    font-size:13px;
    font-weight:500;
    line-height:1.6;
    color:var(--dark-text);
    background:rgba(61,90,254,0.05);
    border:1px solid rgba(61,90,254,0.15);
    border-radius:var(--radius-ui);
}

.blocked-balances-page .bb-alert-info i{
    font-size:24px;
    line-height:1;
    color:var(--primary-blue);
}

.blocked-balances-page .bb-alert-info a{
    font-weight:800;
    color:var(--primary-blue);
    text-decoration:underline;
}

.blocked-balances-page .bb-alert-title{
    display:block;
    margin-bottom:4px;
    font-size:13px;
}

.password-change-wrapper.password-change-page{
    padding-top:30px;
}

.password-change-page .bento-form-group{
    margin-bottom:20px;
}

.password-change-page .bento-form-group label{
    display:block;
    margin-bottom:8px;
    font-size:13px;
    font-weight:700;
    color:var(--dark-text);
}

.password-change-page .bento-input-wrap{
    position:relative;
}

.password-change-page .bento-input-wrap i{
    position:absolute;
    top:50%;
    left:16px;
    z-index:2;
    font-size:18px;
    color:var(--gray-text);
    transform:translateY(-50%);
}

.password-change-page .bento-form-control{
    width:100%;
    height:52px;
    padding:0 16px 0 46px;
    font-size:14px;
    font-weight:600;
    color:var(--dark-text);
    background:var(--input-bg);
    border:1px solid var(--border-color);
    border-radius:var(--radius-ui);
    box-shadow:none;
    transition:all 0.3s ease;
}

.password-change-page .bento-form-control:focus{
    outline:none;
    background:var(--bg-header);
    border-color:var(--primary-blue);
    box-shadow:0 0 0 3px rgba(61,90,254,0.1);
}

.password-change-page .bento-form-control.is-valid{
    border-color:rgba(17,211,119,0.45);
    box-shadow:0 0 0 3px rgba(17,211,119,0.12);
}

.password-change-page .bento-form-control.is-invalid{
    border-color:rgba(255,68,84,0.45);
    box-shadow:0 0 0 3px rgba(255,68,84,0.12);
}

.password-change-page .pwd-progress-container{
    margin-top:12px;
    margin-bottom:24px;
    padding:24px;
    background:var(--bg-light);
    border:1px solid var(--border-color);
    border-radius:16px;
    box-shadow:0 2px 16px rgba(0, 0, 0, 0.04);
}

.password-change-page .pwd-progress-header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin-bottom:10px;
}

.password-change-page .pwd-progress-title{
    font-size:13px;
    font-weight:700;
    color:var(--dark-text);
}

.password-change-page .pwd-progress-label{
    font-size:13px;
    font-weight:800;
    transition:color 0.2s ease;
}

.password-change-page .pwd-progress-label.is-danger{
    color:var(--danger-red);
}

.password-change-page .pwd-progress-label.is-warning{
    color:var(--warning-orange);
}

.password-change-page .pwd-progress-label.is-success{
    color:var(--success-green);
}

.password-change-page .pwd-progress-bar-wrap{
    width:100%;
    height:6px;
    overflow:hidden;
    background:var(--border-color);
    border-radius:var(--radius-ui);
}

.password-change-page .pwd-progress-bar{
    height:100%;
    border-radius:var(--radius-ui);
    transition:width 0.3s ease, background-color 0.3s ease;
}

.password-change-page .pwd-progress-bar.is-weak,
.password-change-page .pwd-progress-bar.is-fair{
    background:var(--danger-red);
}

.password-change-page .pwd-progress-bar.is-good{
    background:var(--warning-orange);
}

.password-change-page .pwd-progress-bar.is-strong{
    background:var(--success-green);
}

.password-change-page .pwd-rules-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit, minmax(140px, 1fr));
    gap:12px;
    margin-top:20px;
    padding-top:16px;
    border-top:1px dashed var(--border-color);
}

.password-change-page .pwd-rule-item{
    display:flex;
    align-items:center;
    gap:6px;
    font-size:12px;
    font-weight:700;
    transition:color 0.2s ease;
}

.password-change-page .pwd-rule-item i{
    font-size:16px;
}

.password-change-page .pwd-rule-item.is-neutral{
    color:var(--gray-text);
}

.password-change-page .pwd-rule-item.is-valid{
    color:var(--success-green);
}

.password-change-page .pwd-rule-item.is-invalid{
    color:var(--danger-red);
}

.password-change-page .pwd-rule-icon-lowercase{
    text-transform:lowercase;
}

.password-change-page .pwd-match-feedback{
    margin-top:8px;
    font-size:12px;
    font-weight:700;
}

.password-change-page .pwd-match-feedback.is-match{
    color:var(--success-green);
}

.password-change-page .pwd-match-feedback.is-mismatch{
    color:var(--danger-red);
}

.password-change-page .bento-alert-info{
    display:flex;
    align-items:flex-start;
    gap:12px;
    margin-top:24px;
    padding:16px 20px;
    font-size:13px;
    font-weight:500;
    line-height:1.5;
    color:var(--dark-text);
    background:rgba(61,90,254,0.05);
    border:1px solid rgba(61,90,254,0.15);
    border-radius:var(--radius-ui);
}

.password-change-page .bento-alert-info i{
    font-size:20px;
    line-height:1;
    color:var(--primary-blue);
}

.password-change-page .bento-btn-submit{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    height:52px;
    padding:0 35px;
    font-size:15px;
    font-weight:800;
    color:#fff;
    cursor:pointer;
    background:linear-gradient(135deg, var(--primary-blue) 0%, #283cb4 100%);
    border:none;
    border-radius:var(--radius-ui);
    box-shadow:0 4px 15px rgba(61,90,254,0.25);
    transition:all 0.3s ease;
}

.mail-change-wrapper.mail-change-page{
    padding-top:30px;
}

.mail-change-page .bento-alert{
    display:flex;
    align-items:flex-start;
    gap:14px;
    margin-bottom:0;
    padding:16px 20px;
    font-size:14px;
    font-weight:500;
    line-height:1.6;
    border-radius:var(--radius-ui);
}

.mail-change-page .bento-alert i.main-icon{
    font-size:24px;
    line-height:1;
}

.mail-change-page .bento-alert.info i.main-icon{
    color:var(--primary-blue);
}

.mail-change-page .bento-alert.success{
    color:var(--dark-text);
    background:rgba(17,211,119,0.05);
    border:1px solid rgba(17,211,119,0.15);
}

.mail-change-page .bento-alert.success i.main-icon{
    color:var(--success-green);
}

.mail-change-page .bento-alert .bs-action-btn.cancel{
    margin-top:14px;
    max-width:100%;
}

.mail-change-page .bento-form-group{
    margin-bottom:20px;
}

.mail-change-page .bento-form-group label{
    display:block;
    margin-bottom:8px;
    font-size:13px;
    font-weight:700;
    color:var(--dark-text);
}

.mail-change-page .bento-input-wrap{
    position:relative;
}

.mail-change-page .bento-input-wrap i.icon-left{
    position:absolute;
    top:50%;
    left:16px;
    z-index:2;
    font-size:18px;
    color:var(--gray-text);
    pointer-events:none;
    transform:translateY(-50%);
}

.mail-change-page .bento-input-wrap i.icon-right{
    position:absolute;
    top:50%;
    right:16px;
    z-index:2;
    font-size:20px;
    pointer-events:none;
    transform:translateY(-50%);
}

.mail-change-page .bento-form-control{
    width:100%;
    height:52px;
    padding:0 46px;
    font-size:14px;
    font-weight:600;
    color:var(--dark-text);
    background:var(--input-bg);
    border:1px solid var(--border-color);
    border-radius:var(--radius-ui);
    box-shadow:none;
    transition:all 0.3s ease;
}

.mail-change-page .bento-form-control:focus{
    outline:none;
    background:var(--bg-header);
    border-color:var(--primary-blue);
    box-shadow:0 0 0 3px rgba(61,90,254,0.1);
}

.mail-change-page .bento-form-control:disabled,
.mail-change-page .bento-form-control[readonly]{
    opacity:0.8;
    color:var(--gray-text);
    cursor:not-allowed;
    background:var(--bg-light);
    border-color:var(--border-color);
}

.mail-change-page .custom-checkbox-wrapper{
    display:flex;
    align-items:flex-start;
    gap:10px;
    margin-top:10px;
}

.mail-change-page .custom-checkbox-wrapper input[type="checkbox"]{
    width:20px;
    height:20px;
    cursor:pointer;
    border-radius:6px;
}

.mail-change-page .custom-checkbox-wrapper label{
    margin:0;
    font-size:13px;
    font-weight:600;
    line-height:1.5;
    color:var(--dark-text);
    cursor:pointer;
}

.mail-change-page .custom-checkbox-wrapper label a{
    color:var(--primary-blue);
    text-decoration:underline;
}

.mail-change-page .bento-btn-submit{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    height:52px;
    padding:0 35px;
    font-size:15px;
    font-weight:800;
    color:#fff;
    cursor:pointer;
    background:linear-gradient(135deg, var(--primary-blue) 0%, #283cb4 100%);
    border:none;
    border-radius:var(--radius-ui);
    box-shadow:0 4px 15px rgba(61,90,254,0.25);
    transition:all 0.3s ease;
}

.mail-change-page .bento-btn-submit:disabled,
.mail-change-page .bento-btn-submit.is-loading{
    opacity:0.75;
    cursor:wait;
    filter:none;
    box-shadow:0 4px 15px rgba(61,90,254,0.18);
}

.phone-change-wrapper.phone-change-page,
.phone-verify-wrapper.phone-verify-page{
    padding-top:30px;
}

.phone-change-page .bento-alert,
.phone-verify-page .bento-alert{
    display:flex;
    align-items:flex-start;
    gap:14px;
    margin-bottom:0;
    padding:16px 20px;
    font-size:14px;
    font-weight:500;
    line-height:1.6;
    border-radius:var(--radius-ui);
}

.phone-change-page .bento-alert i.main-icon,
.phone-verify-page .bento-alert i.main-icon{
    font-size:24px;
    line-height:1;
}

.phone-change-page .bento-alert.info i.main-icon,
.phone-verify-page .bento-alert.info i.main-icon{
    color:var(--primary-blue);
}

.phone-change-page .bento-alert.success,
.phone-verify-page .bento-alert.success{
    color:var(--dark-text);
    background:rgba(17,211,119,0.05);
    border:1px solid rgba(17,211,119,0.15);
}

.phone-change-page .bento-alert.success i.main-icon,
.phone-verify-page .bento-alert.success i.main-icon{
    color:var(--success-green);
}

.phone-change-page .bento-form-group,
.phone-verify-page .bento-form-group{
    margin-bottom:20px;
}

.phone-change-page .bento-form-group label,
.phone-verify-page .bento-form-group label{
    display:block;
    margin-bottom:8px;
    font-size:13px;
    font-weight:700;
    color:var(--dark-text);
}

.phone-change-page .bento-input-wrap,
.phone-verify-page .bento-input-wrap{
    position:relative;
}

.phone-change-page .bento-input-wrap i.icon-left,
.phone-verify-page .bento-input-wrap i.icon-left{
    position:absolute;
    top:50%;
    left:16px;
    z-index:2;
    font-size:18px;
    color:var(--gray-text);
    pointer-events:none;
    transform:translateY(-50%);
}

.phone-change-page .bento-input-wrap i.icon-right,
.phone-verify-page .bento-input-wrap i.icon-right{
    position:absolute;
    top:50%;
    right:16px;
    z-index:2;
    font-size:20px;
    pointer-events:none;
    transform:translateY(-50%);
}

.phone-change-page .bento-form-control,
.phone-verify-page .bento-form-control{
    width:100%;
    height:52px;
    padding:0 46px;
    font-size:15px;
    font-weight:600;
    letter-spacing:0.5px;
    color:var(--dark-text);
    background:var(--input-bg);
    border:1px solid var(--border-color);
    border-radius:var(--radius-ui);
    box-shadow:none;
    transition:all 0.3s ease;
}

.phone-change-page .bento-form-control:focus,
.phone-verify-page .bento-form-control:focus{
    outline:none;
    background:var(--bg-header);
    border-color:var(--primary-blue);
    box-shadow:0 0 0 3px rgba(61,90,254,0.1);
}

.phone-change-page .bento-form-control:disabled,
.phone-change-page .bento-form-control[readonly],
.phone-verify-page .bento-form-control:disabled,
.phone-verify-page .bento-form-control[readonly]{
    opacity:0.8;
    color:var(--gray-text) !important;
    cursor:not-allowed;
    background:var(--bg-light) !important;
    border-color:var(--border-color);
}

.phone-change-page .custom-checkbox-wrapper{
    display:flex;
    align-items:flex-start;
    gap:10px;
    margin-top:10px;
}

.phone-change-page .custom-checkbox-wrapper input[type="checkbox"]{
    width:20px;
    height:20px;
    cursor:pointer;
    border-radius:6px;
}

.phone-change-page .custom-checkbox-wrapper label{
    margin:0;
    font-size:13px;
    font-weight:600;
    line-height:1.5;
    color:var(--dark-text);
    cursor:pointer;
}

.phone-change-page .custom-checkbox-wrapper label a{
    color:var(--primary-blue);
    text-decoration:underline;
}

.phone-change-page .bento-btn-submit,
.phone-verify-page .bento-btn-submit{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    height:52px;
    padding:0 35px;
    font-size:15px;
    font-weight:800;
    color:#fff;
    cursor:pointer;
    background:linear-gradient(135deg, var(--primary-blue) 0%, #283cb4 100%);
    border:none;
    border-radius:var(--radius-ui);
    box-shadow:0 4px 15px rgba(61,90,254,0.25);
    transition:all 0.3s ease;
}

.phone-change-page .bento-btn-submit:disabled,
.phone-change-page .bento-btn-submit.is-loading,
.phone-verify-page .bento-btn-submit:disabled,
.phone-verify-page .bento-btn-submit.is-loading{
    opacity:0.75;
    cursor:wait;
    filter:none;
    box-shadow:0 4px 15px rgba(61,90,254,0.18);
}

.invoice-settings-wrapper.invoice-settings-page{
    padding-top:30px;
}

.invoice-settings-page .bento-alert-info{
    display:flex;
    align-items:flex-start;
    gap:12px;
    margin-bottom:24px;
    padding:16px 20px;
    font-size:13px;
    font-weight:500;
    line-height:1.6;
    color:var(--dark-text);
    background:rgba(61,90,254,0.05);
    border:1px solid rgba(61,90,254,0.15);
    border-radius:var(--radius-ui);
}

.invoice-settings-page .bento-alert-info a{
    font-weight:700;
    color:var(--primary-blue);
    text-decoration:underline;
}

.invoice-settings-page .bento-form-group{
    margin-bottom:20px;
}

.invoice-settings-page .bento-form-group label.group-label{
    display:block;
    margin-bottom:10px;
    font-size:13px;
    font-weight:700;
    color:var(--dark-text);
}

.invoice-settings-page .bento-form-control,
.invoice-settings-page .bento-form-select{
    width:100%;
    height:50px;
    padding:0 16px;
    font-size:14px;
    font-weight:600;
    color:var(--dark-text);
    background-color:var(--input-bg);
    border:1px solid var(--border-color);
    border-radius:var(--radius-ui);
    box-shadow:none;
    transition:border-color 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease;
}

.invoice-settings-page .bento-form-control:focus,
.invoice-settings-page .bento-form-select:focus{
    outline:none;
    background-color:var(--bg-header);
    border-color:var(--primary-blue);
    box-shadow:0 0 0 3px rgba(61,90,254,0.1);
}

.invoice-settings-page .bento-form-select:hover,
.invoice-settings-page .bento-form-select:focus{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23999'%3E%3Cpath d='M12 15.5l-6-6h12z'/%3E%3C/svg%3E");
    background-repeat:no-repeat;
    background-position:right 16px center;
    background-size:20px;
}

.invoice-settings-page .bento-form-select{
    appearance:none;
    padding-right:40px;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23999'%3E%3Cpath d='M12 15.5l-6-6h12z'/%3E%3C/svg%3E");
    background-repeat:no-repeat;
    background-position:right 16px center;
    background-size:20px;
}

.invoice-settings-page .bento-form-select:disabled{
    color:var(--gray-text);
    cursor:wait;
    background-color:var(--bg-light);
}

.invoice-settings-page .bento-readonly-text{
    display:flex;
    align-items:center;
    height:50px;
    padding:0 16px;
    font-size:14px;
    font-weight:600;
    color:var(--dark-text);
    user-select:none;
    background:var(--bg-light);
    border:1px solid var(--border-color);
    border-radius:var(--radius-ui);
}

.invoice-settings-page .bento-readonly-text a{
    color:var(--primary-blue);
    text-decoration:underline;
}

.invoice-settings-page .bento-readonly-text-warning{
    border-color:var(--warning-orange);
}

.invoice-settings-page .bento-radio-cards{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:16px;
}

.invoice-settings-page .bento-radio-card{
    position:relative;
    display:flex;
    align-items:center;
    gap:16px;
    overflow:hidden;
    padding:20px 24px;
    cursor:pointer;
    background:var(--bg-body);
    border:2px solid var(--border-color);
    border-radius:var(--radius-ui);
    transition:all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

.invoice-settings-page .bento-radio-card:hover{
    background:var(--bg-light);
    border-color:rgba(61,90,254,0.4);
    box-shadow:0 6px 20px rgba(0,0,0,0.04);
}

.invoice-settings-page .bento-radio-card input[type="radio"]{
    position:absolute;
    width:0;
    height:0;
    opacity:0;
    cursor:pointer;
}

.invoice-settings-page .bento-radio-card .icon-wrapper{
    display:flex;
    flex-shrink:0;
    align-items:center;
    justify-content:center;
    width:52px;
    height:52px;
    font-size:24px;
    color:var(--gray-text);
    background:var(--bg-header);
    border:1px solid var(--border-color);
    border-radius:var(--radius-ui);
    transition:all 0.3s ease;
}

.invoice-settings-page .bento-radio-card .text-content{
    display:flex;
    flex-direction:column;
    gap:4px;
}

.invoice-settings-page .bento-radio-card .text-content .title{
    font-size:16px;
    font-weight:800;
    line-height:1.1;
    color:var(--dark-text);
}

.invoice-settings-page .bento-radio-card .text-content .desc{
    font-size:13px;
    font-weight:600;
    color:var(--gray-text);
}

.invoice-settings-page .bento-radio-card .check-indicator{
    display:flex;
    align-items:center;
    justify-content:center;
    width:24px;
    height:24px;
    margin-left:auto;
    background:var(--bg-header);
    border:2px solid var(--border-color);
    border-radius:50%;
    transition:all 0.3s ease;
}

.invoice-settings-page .bento-radio-card .check-indicator i{
    font-size:14px;
    color:#fff;
    opacity:0;
    transform:scale(0.5);
    transition:opacity 0.2s ease, transform 0.2s ease;
}

.invoice-settings-page .bento-radio-card.is-active,
.invoice-settings-page .bento-radio-card:has(input[type="radio"]:checked){
    background:rgba(61,90,254,0.03);
    border-color:var(--primary-blue);
    box-shadow:0 8px 25px rgba(61,90,254,0.12);
}

.invoice-settings-page .bento-radio-card.is-active .icon-wrapper,
.invoice-settings-page .bento-radio-card input[type="radio"]:checked ~ .icon-wrapper{
    color:var(--primary-blue);
    background:rgba(61,90,254,0.1);
    border-color:rgba(61,90,254,0.2);
}

.invoice-settings-page .bento-radio-card.is-active .check-indicator,
.invoice-settings-page .bento-radio-card input[type="radio"]:checked ~ .check-indicator{
    background:var(--primary-blue);
    border-color:var(--primary-blue);
}

.invoice-settings-page .bento-radio-card.is-active .check-indicator i,
.invoice-settings-page .bento-radio-card input[type="radio"]:checked ~ .check-indicator i{
    opacity:1;
    transform:scale(1);
}

.invoice-settings-page .custom-checkbox-wrapper{
    display:flex;
    align-items:flex-start;
    gap:10px;
    padding:10px 0;
}

.invoice-settings-page .custom-checkbox-wrapper input[type="checkbox"]{
    width:20px;
    height:20px;
    cursor:pointer;
    border-radius:6px;
}

.invoice-settings-page .custom-checkbox-wrapper label{
    margin:0;
    font-size:13px;
    font-weight:600;
    line-height:1.5;
    color:var(--dark-text);
    cursor:pointer;
}

.invoice-settings-page .custom-checkbox-wrapper label span,
.invoice-settings-page .custom-checkbox-wrapper label a{
    color:var(--primary-blue);
    text-decoration:underline;
}

.invoice-settings-page .bento-btn-submit{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    height:50px;
    padding:0 35px;
    font-size:15px;
    font-weight:800;
    color:#fff;
    cursor:pointer;
    background:linear-gradient(135deg, var(--primary-blue) 0%, #283cb4 100%);
    border:none;
    border-radius:var(--radius-ui);
    box-shadow:0 4px 15px rgba(61,90,254,0.25);
    transition:all 0.3s ease;
}

.invoice-settings-page .bento-btn-submit:disabled,
.invoice-settings-page .bento-btn-submit.is-loading{
    opacity:0.75;
    cursor:wait;
    filter:none;
    box-shadow:0 4px 15px rgba(61,90,254,0.18);
}

.invoice-settings-page .invoice-list{
    display:flex;
    flex-direction:column;
    gap:12px;
}

.invoice-settings-page .invoice-item{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:space-between;
    gap:15px;
    padding:16px 20px;
    background:var(--bg-light);
    border:1px solid var(--border-color);
    border-radius:var(--radius-ui);
    transition:all 0.3s ease;
}

.invoice-settings-page .invoice-item:hover{
    background:var(--bg-header);
    border-color:rgba(61,90,254,0.3);
}

.invoice-settings-page .inv-info-group{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:20px;
    min-width:0;
    flex:1;
}

.invoice-settings-page .inv-data{
    display:flex;
    align-items:center;
    gap:12px;
}

.invoice-settings-page .inv-icon{
    display:flex;
    align-items:center;
    justify-content:center;
    width:40px;
    height:40px;
    font-size:18px;
    color:var(--gray-text);
    background:var(--bg-header);
    border:1px solid var(--border-color);
    border-radius:var(--radius-ui);
}

.invoice-settings-page .inv-texts{
    display:flex;
    flex-direction:column;
    gap:2px;
}

.invoice-settings-page .inv-texts .val{
    font-size:14px;
    font-weight:700;
    color:var(--dark-text);
    word-break:break-word;
}

.invoice-settings-page .inv-texts .lbl{
    font-size:11px;
    font-weight:600;
    letter-spacing:0.5px;
    text-transform:uppercase;
    color:var(--gray-text);
}

.invoice-settings-page .btn-download-inv{
    display:inline-flex;
    align-items:center;
    gap:6px;
    padding:10px 16px;
    font-size:13px;
    font-weight:700;
    color:var(--primary-blue);
    text-decoration:none;
    background:rgba(61,90,254,0.1);
    border-radius:var(--radius-ui);
    transition:all 0.3s ease;
}

.invoice-settings-page .btn-download-inv:hover{
    color:#fff;
    background:var(--primary-blue);
    box-shadow:0 4px 12px rgba(61,90,254,0.25);
}

.invoice-settings-page .load-more-area{
    display:flex;
    justify-content:center;
    margin-top:20px;
    width:100%;
    min-width:0;
}

.invoice-settings-page .invoice-pagination-wrap{
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    padding-bottom:4px;
}

.invoice-settings-page .invoice-pagination-nav .pagination{
    margin-bottom:0;
}

.invoice-settings-page .invoice-pagination-nav .page-link{
    background:var(--bg-light);
    border:1px solid var(--border-color);
    color:var(--dark-text);
    font-weight:600;
    font-size:13px;
    min-width:2.5rem;
    text-align:center;
    transition:background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.invoice-settings-page .invoice-pagination-nav .page-link:hover{
    background:var(--bg-header);
    border-color:rgba(61,90,254,0.35);
    color:var(--primary-blue);
}

.invoice-settings-page .invoice-pagination-nav .page-item.active .page-link{
    background:linear-gradient(135deg, var(--primary-blue) 0%, #283cb4 100%);
    border-color:var(--primary-blue);
    color:#fff;
    box-shadow:0 4px 12px rgba(61,90,254,0.25);
}

.invoice-settings-page .invoice-pagination-nav .page-item.disabled .page-link{
    opacity:0.55;
    color:var(--gray-text);
    background:var(--bg-header);
    pointer-events:none;
}

html.dark-mode .invoice-settings-page .invoice-pagination-nav .page-link,
body.dark-mode .invoice-settings-page .invoice-pagination-nav .page-link{
    background:rgba(255,255,255,0.04);
    border-color:var(--border-color);
    color:var(--dark-text);
}

html.dark-mode .invoice-settings-page .invoice-pagination-nav .page-link:hover,
body.dark-mode .invoice-settings-page .invoice-pagination-nav .page-link:hover{
    background:rgba(255,255,255,0.08);
    border-color:rgba(61,90,254,0.45);
    color:var(--primary-blue);
}

html.dark-mode .invoice-settings-page .invoice-pagination-nav .page-item.disabled .page-link,
body.dark-mode .invoice-settings-page .invoice-pagination-nav .page-item.disabled .page-link{
    background:rgba(255,255,255,0.02);
    color:var(--gray-text);
}

html.dark-mode .invoice-settings-page .invoice-pagination-nav .page-item.active .page-link,
body.dark-mode .invoice-settings-page .invoice-pagination-nav .page-item.active .page-link{
    background:linear-gradient(135deg, var(--primary-blue) 0%, #283cb4 100%);
    border-color:var(--primary-blue);
    color:#fff;
}

.security-wrapper.security-page{
    padding-top:30px;
}

.security-page .bento-box-head{ justify-content:space-between; flex-wrap:wrap; gap:15px; }

.security-page .bento-box-title{
    display:flex;
    align-items:center;
    gap:12px;
}

.security-page .bento-box-title i.main-icon{
    display:flex;
    flex-shrink:0;
    align-items:center;
    justify-content:center;
    width:40px;
    height:40px;
    font-size:20px;
    color:var(--primary-blue);
    background:rgba(61,90,254,0.1);
    border-radius:var(--radius-ui);
}

.security-page .bento-box-title h2{
    margin:0;
    font-size:18px;
    font-weight:800;
    color:var(--dark-text);
}

.security-page .security-switch-list{
    display:flex;
    flex-direction:column;
    gap:12px;
    margin:0;
    padding:0;
    list-style:none;
}

.security-page .security-switch-item{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:16px 20px;
    background:var(--bg-light);
    border:1px solid var(--border-color);
    border-radius:var(--radius-ui);
    transition:all 0.3s ease;
}

.security-page .security-switch-item:hover{
    background:var(--bg-header);
    border-color:rgba(61,90,254,0.3);
}

.security-page .ss-left{
    display:flex;
    align-items:center;
    gap:16px;
}

.security-page .ss-icon{
    display:flex;
    flex-shrink:0;
    align-items:center;
    justify-content:center;
    width:44px;
    height:44px;
    font-size:20px;
    color:var(--primary-blue);
    background:var(--bg-header);
    border:1px solid var(--border-color);
    border-radius:var(--radius-ui);
}

.security-page .ss-icon.ss-icon-success{
    color:var(--success-green);
}

.security-page .ss-texts{
    display:flex;
    flex-direction:column;
}

.security-page .ss-texts b{
    font-weight:700;
}

.security-page .ss-texts p{
    margin:0;
    font-size:12px;
    font-weight:500;
    line-height:1.3;
    color:var(--gray-text);
}

.security-page .form-switch .form-check-input{
    width:46px;
    height:24px;
    margin:0;
    cursor:pointer;
    border-radius:var(--radius-ui);
}

.security-page .form-switch .form-check-input:disabled{
    cursor:wait;
    opacity:0.75;
}

.security-page .btn-logout-all{
    display:inline-flex;
    align-items:center;
    gap:6px;
    padding:8px 16px;
    font-size:13px;
    font-weight:700;
    color:var(--danger-red) !important;
    cursor:pointer;
    background:rgba(255,68,84,0.1) !important;
    border:1px solid rgba(255,68,84,0.2) !important;
    border-radius:var(--radius-ui);
    transition:all 0.3s ease;
}

.security-page .btn-logout-all i{
    color:inherit !important;
    background:none !important;
    width:auto;
    height:auto;
}

.security-page .btn-logout-all:hover:not(:disabled){
    color:#fff !important;
    background:var(--danger-red) !important;
    box-shadow:0 4px 12px rgba(255,68,84,0.3);
}

.security-page .btn-logout-all:hover:not(:disabled) i{
    color:inherit !important;
}

.security-page .btn-logout-all:disabled{
    opacity:0.75;
    cursor:wait;
}

.security-page .sessions-grid{
    display:grid;
    grid-template-columns:repeat(auto-fill, minmax(280px, 1fr));
    gap:20px;
}

.security-page .session-card{
    position:relative;
    display:flex;
    flex-direction:column;
    overflow:hidden;
    background:var(--bg-body);
    border:1px solid var(--border-color);
    border-radius:var(--radius-ui);
    transition:all 0.3s ease;
}

.security-page .session-card:hover{
    border-color:rgba(61,90,254,0.3);
    box-shadow:0 8px 25px rgba(0,0,0,0.04);
}

.security-page .session-card .browser-accent{
    width:100%;
    height:4px;
}

.security-page .accent-chrome{ background:linear-gradient(90deg, #4285F4, #34A853, #FBBC05, #EA4335); }
.security-page .accent-firefox{ background:linear-gradient(90deg, #FF7139, #FFB800); }
.security-page .accent-safari{ background:linear-gradient(90deg, #00A1FF, #0055FF); }
.security-page .accent-edge{ background:linear-gradient(90deg, #0A64AD, #00A4EF); }
.security-page .accent-opera{ background:#FF1B2D; }
.security-page .accent-generic{ background:var(--gray-text); }

.security-page .session-card-body{
    display:flex;
    flex:1;
    flex-direction:column;
    padding:20px;
}

.security-page .sc-header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin-bottom:14px;
}

.security-page .sc-meta{
    display:flex;
    align-items:center;
    gap:8px;
}

.security-page .sc-icons{
    display:inline-flex;
    align-items:center;
    gap:4px;
    padding:4px 6px;
    background:var(--bg-header);
    border-radius:6px;
    font-size:15px;
}

.security-page .sc-icons i:first-child{
    color:var(--primary-blue);
}

.security-page .sc-icons i:last-child{
    color:var(--gray-text);
}

.security-page .sc-type{
    font-size:12px;
    font-weight:600;
    color:var(--gray-text);
}

.security-page .sc-current{
    display:inline-flex;
    align-items:center;
    gap:4px;
    font-size:11px;
    font-weight:600;
    color:var(--success-green);
}

.security-page .sc-current i{
    font-size:13px;
}

.security-page .sc-info-row{
    display:flex;
    align-items:flex-start;
    gap:6px;
    margin-bottom:6px;
    font-size:13px;
    color:var(--gray-text);
}

.security-page .sc-info-row b{
    color:var(--dark-text);
}

.security-page .sc-user-agent{
    margin-top:10px;
    padding-top:10px;
    font-size:11px;
    line-height:1.4;
    word-break:break-word;
    color:var(--gray-text);
    opacity:0.8;
    border-top:1px dashed var(--border-color);
}

.security-page .session-card-footer{
    display:flex;
    justify-content:flex-end;
    padding:16px 20px;
    background:var(--bg-light);
    border-top:1px solid var(--border-color);
}

.security-page .btn-session-end{
    display:inline-flex;
    align-items:center;
    gap:6px;
    padding:8px 16px;
    font-size:12px;
    font-weight:700;
    color:var(--danger-red);
    cursor:pointer;
    background:var(--bg-header);
    border:1px solid var(--danger-red);
    border-radius:var(--radius-ui);
    transition:all 0.3s ease;
}

.security-page .btn-session-end:hover:not(:disabled){
    color:#fff;
    background:var(--danger-red);
}

.security-page .btn-session-end:disabled{
    opacity:0.6;
    color:var(--gray-text);
    cursor:not-allowed;
    border-color:var(--border-color);
}

.security-page .empty-sessions{
    padding:30px;
    font-size:14px;
    font-weight:500;
    text-align:center;
    color:var(--gray-text);
    background:var(--bg-light);
    border:1px dashed var(--border-color);
    border-radius:var(--radius-ui);
}

.access-logs-wrapper.access-logs-page{
    padding-top:30px;
}

.access-logs-page .log-list{
    display:flex;
    flex-direction:column;
    gap:12px;
}

.access-logs-page .log-item{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:space-between;
    gap:15px;
    padding:16px 20px;
    background:var(--bg-light);
    border:1px solid var(--border-color);
    border-radius:var(--radius-ui);
    transition:all 0.3s ease;
    min-width:0;
    max-width:100%;
    box-sizing:border-box;
}

.access-logs-page .log-item:hover{
    background:var(--bg-header);
    border-color:rgba(61,90,254,0.3);
    box-shadow:0 4px 15px rgba(0,0,0,0.03);
}

.access-logs-page .log-left{
    display:flex;
    flex:1;
    align-items:center;
    gap:16px;
    min-width:0;
}

.access-logs-page .log-icon{
    display:flex;
    flex-shrink:0;
    align-items:center;
    justify-content:center;
    width:46px;
    height:46px;
    font-size:22px;
    color:var(--primary-blue);
    background:rgba(61,90,254,0.08);
    border:1px solid rgba(61,90,254,0.16);
    border-radius:var(--radius-ui);
    transition:all 0.3s ease;
}

.access-logs-page .log-item:hover .log-icon{
    background:rgba(61,90,254,0.12);
    border-color:rgba(61,90,254,0.28);
}

.access-logs-page .log-details{
    display:flex;
    flex-direction:column;
    gap:4px;
    min-width:0;
}

.access-logs-page .log-action{
    font-size:15px;
    font-weight:800;
    line-height:1.35;
    word-break:break-word;
    overflow-wrap:anywhere;
    color:var(--dark-text);
}

.access-logs-page .log-ip{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:6px;
    min-width:0;
    max-width:100%;
    font-size:12px;
    font-weight:600;
    color:var(--gray-text);
    overflow-wrap:anywhere;
    word-break:break-all;
    line-height: 1;
}

.access-logs-page .log-ip i{
    font-size:14px;
}

.access-logs-page .log-right{
    display:flex;
    flex-shrink:0;
    align-items:center;
}

.access-logs-page .log-date{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:8px 12px;
    font-size:12px;
    font-weight:700;
    white-space:nowrap;
    color:var(--gray-text);
    background:var(--bg-header);
    border:1px solid var(--border-color);
    border-radius:var(--radius-ui);
}

.access-logs-page .log-date i{
    font-size:16px;
    color:var(--primary-blue);
}

.access-logs-page .empty-state{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    padding:50px 20px;
    text-align:center;
    color:var(--gray-text);
    background:var(--bg-light);
    border:1px dashed var(--border-color);
    border-radius:var(--radius-ui);
}

.access-logs-page .empty-state i{
    margin-bottom:15px;
    font-size:48px;
    color:var(--primary-blue);
    opacity:0.5;
}

.access-logs-page .empty-state span{
    font-size:15px;
    font-weight:700;
    color:var(--dark-text);
    overflow-wrap:anywhere;
    word-break:break-word;
    max-width:100%;
}

.access-logs-page .bento-box-head{
    flex-wrap:wrap;
    row-gap:10px;
    min-width:0;
}

.access-logs-page .bento-box-head h2{
    margin:0;
    min-width:0;
    flex:1 1 12rem;
    overflow-wrap:anywhere;
    word-break:break-word;
    line-height:1.3;
}

.access-logs-page .modern-pagination-area{
    display:flex;
    justify-content:center;
    margin-top:30px;
}

.access-logs-page .modern-pagination{
    display:flex;
    align-items:center;
    gap:8px;
    padding:0;
    margin:0;
    list-style:none;
}

.access-logs-page .modern-pagination .page-item{
    cursor:pointer;
}

.access-logs-page .modern-pagination .page-item span{
    display:flex;
    align-items:center;
    justify-content:center;
    width:40px;
    height:40px;
    font-size:14px;
    font-weight:700;
    color:var(--dark-text);
    background:var(--bg-light);
    border:1px solid var(--border-color);
    border-radius:var(--radius-ui);
    transition:all 0.3s ease;
}

.access-logs-page .modern-pagination .page-item:hover span{
    color:var(--primary-blue);
    background:var(--bg-header);
    border-color:var(--primary-blue);
}

.access-logs-page .modern-pagination .page-item.active span{
    color:#fff;
    background:linear-gradient(135deg, var(--primary-blue) 0%, #283cb4 100%);
    border-color:var(--primary-blue);
    box-shadow:0 4px 12px rgba(61,90,254,0.25);
}

.balance-history-wrapper.balance-history-page{
    padding-top:30px;
}

.balance-history-page .bh-list{
    display:flex;
    flex-direction:column;
    gap:12px;
}

.balance-history-page .bh-item{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:space-between;
    gap:15px;
    padding:16px 20px;
    background:var(--bg-light);
    border:1px solid var(--border-color);
    border-radius:var(--radius-ui);
    transition:all 0.3s ease;
    min-width:0;
    max-width:100%;
    box-sizing:border-box;
}

.balance-history-page .bh-item:hover{
    background:var(--bg-header);
    border-color:rgba(61,90,254,0.3);
    box-shadow:0 4px 15px rgba(0,0,0,0.03);
}

.balance-history-page .bh-left{
    display:flex;
    flex:1;
    align-items:center;
    gap:16px;
    min-width:0;
}

.balance-history-page .bh-icon{
    display:flex;
    flex-shrink:0;
    align-items:center;
    justify-content:center;
    width:46px;
    height:46px;
    font-size:22px;
    border:1px solid transparent;
    border-radius:var(--radius-ui);
}

.balance-history-page .bh-icon.positive{
    color:var(--success-green);
    background:rgba(17,211,119,0.1);
    border-color:rgba(17,211,119,0.2);
}

.balance-history-page .bh-icon.negative{
    color:var(--danger-red);
    background:rgba(255,68,84,0.1);
    border-color:rgba(255,68,84,0.2);
}

.balance-history-page .bh-details{
    display:flex;
    flex-direction:column;
    gap:4px;
    min-width:0;
}

.balance-history-page .bh-action{
    font-size:15px;
    font-weight:800;
    line-height:1.35;
    word-break:break-word;
    overflow-wrap:anywhere;
    color:var(--dark-text);
}

.balance-history-page .bh-meta{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:6px;
    min-width:0;
    max-width:100%;
    font-size:12px;
    font-weight:600;
    color:var(--gray-text);
}

.balance-history-page .bh-meta span{
    overflow-wrap:anywhere;
    word-break:break-word;
}

.balance-history-page .bh-right{
    display:flex;
    flex-shrink:0;
    align-items:center;
    gap:20px;
    min-width:0;
    max-width:100%;
}

.balance-history-page .bh-amount{
    font-size:18px;
    font-weight:900;
    white-space:nowrap;
    max-width:100%;
    overflow-wrap:anywhere;
}

.balance-history-page .bh-amount.positive{
    color:var(--success-green);
}

.balance-history-page .bh-amount.negative{
    color:var(--danger-red);
}

.balance-history-page .bh-date{
    display:inline-flex;
    align-items:center;
    gap:6px;
    padding:8px 12px;
    font-size:12px;
    font-weight:700;
    white-space:nowrap;
    color:var(--gray-text);
    background:var(--bg-header);
    border:1px solid var(--border-color);
    border-radius:var(--radius-ui);
}

.balance-history-page .bh-date i{
    font-size:14px;
    color:var(--primary-blue);
}

.balance-history-page .empty-state{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    padding:60px 20px;
    text-align:center;
    color:var(--gray-text);
    background:var(--bg-light);
    border:1px dashed var(--border-color);
    border-radius:var(--radius-ui);
}

.balance-history-page .empty-state i{
    margin-bottom:15px;
    font-size:48px;
    color:var(--primary-blue);
    opacity:0.5;
}

.balance-history-page .empty-state span{
    font-size:15px;
    font-weight:700;
    color:var(--dark-text);
    overflow-wrap:anywhere;
    word-break:break-word;
    max-width:100%;
}

.balance-history-page .bento-box-head{
    flex-wrap:wrap;
    row-gap:10px;
    min-width:0;
}

.balance-history-page .bento-box-head h2{
    margin:0;
    min-width:0;
    flex:1 1 12rem;
    overflow-wrap:anywhere;
    word-break:break-word;
    line-height:1.3;
}

.balance-history-page .modern-pagination-area{
    display:flex;
    justify-content:center;
    margin-top:30px;
}

.balance-history-page .modern-pagination{
    display:flex;
    align-items:center;
    gap:8px;
    padding:0;
    margin:0;
    list-style:none;
}

.balance-history-page .modern-pagination .page-item{
    cursor:pointer;
}

.balance-history-page .modern-pagination .page-item span{
    display:flex;
    align-items:center;
    justify-content:center;
    width:40px;
    height:40px;
    font-size:14px;
    font-weight:700;
    color:var(--dark-text);
    background:var(--bg-light);
    border:1px solid var(--border-color);
    border-radius:var(--radius-ui);
    transition:all 0.3s ease;
}

.balance-history-page .modern-pagination .page-item:hover span{
    color:var(--primary-blue);
    background:var(--bg-header);
    border-color:var(--primary-blue);
}

.balance-history-page .modern-pagination .page-item.active span{
    color:#fff;
    background:linear-gradient(135deg, var(--primary-blue) 0%, #283cb4 100%);
    border-color:var(--primary-blue);
    box-shadow:0 4px 12px rgba(61,90,254,0.25);
}
.orders-page-wrapper .bento-box,
.profile-settings-page .bento-box,
.password-change-page .bento-box,
.mail-change-page .bento-box,
.phone-change-page .bento-box,
.phone-verify-page .bento-box,
.invoice-settings-page .bento-box,
.security-page .bento-box,
.access-logs-page .bento-box,
.balance-history-page .bento-box,
.advert-orders-page .bento-box,
.product-orders-page .bento-box{
    border-radius:var(--radius-ui);
    padding:30px;
    margin-bottom:24px;
    box-shadow:0 4px 15px rgba(0,0,0,0.02);
}

.profile-settings-page .bento-box-head,
.password-change-page .bento-box-head,
.mail-change-page .bento-box-head,
.phone-change-page .bento-box-head,
.phone-verify-page .bento-box-head,
.invoice-settings-page .bento-box-head,
.blocked-balances-page .bento-box-head,
.security-page .bento-box-head,
.access-logs-page .bento-box-head,
.balance-history-page .bento-box-head{
    display:flex;
    align-items:center;
    gap:14px;
    margin-bottom:24px;
    padding-bottom:16px;
    border-bottom:1px solid var(--border-color);
}

.profile-settings-page .bento-box-head > i,
.password-change-page .bento-box-head > i,
.mail-change-page .bento-box-head > i,
.phone-change-page .bento-box-head > i,
.phone-verify-page .bento-box-head > i,
.invoice-settings-page .bento-box-head > i,
.blocked-balances-page .bento-box-head > i,
.access-logs-page .bento-box-head > i,
.balance-history-page .bento-box-head > i,
.security-page .bento-box-title i.main-icon{
    display:flex;
    flex-shrink:0;
    align-items:center;
    justify-content:center;
    width:42px;
    height:42px;
    font-size:20px;
    color:var(--primary-blue);
    background:rgba(61,90,254,0.1);
    border-radius:var(--radius-ui);
}

.store-apply-wrapper.store-apply-page{
    padding-top:40px;
}

.store-apply-page .apply-hero{
    margin-bottom:50px;
    text-align:center;
}

.store-apply-page .apply-hero-icon{
    display:flex;
    align-items:center;
    justify-content:center;
    width:80px;
    height:80px;
    margin:0 auto 24px;
    font-size:40px;
    color:var(--primary-blue);
    background:linear-gradient(135deg, rgba(61,90,254,0.1) 0%, rgba(61,90,254,0.02) 100%);
    border:1px solid rgba(61,90,254,0.2);
    border-radius:var(--radius-ui);
    box-shadow:0 10px 30px rgba(61,90,254,0.1);
}

.store-apply-page .apply-hero h1{
    margin:0 0 12px;
    font-size:32px;
    font-weight:900;
    letter-spacing:-0.5px;
    color:var(--dark-text);
}

.store-apply-page .apply-hero p{
    max-width:600px;
    margin:0 auto;
    font-size:15px;
    font-weight:500;
    line-height:1.6;
    color:var(--gray-text);
}

.store-apply-page .apply-benefits-grid{
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    gap:20px;
    margin-bottom:40px;
}

.store-apply-page .benefit-card{
    display:flex;
    flex-direction:column;
    align-items:center;
    padding:30px 24px;
    text-align:center;
    background:var(--bg-header);
    border:1px solid var(--border-color);
    border-radius:var(--radius-ui);
    box-shadow:0 4px 20px rgba(0,0,0,0.02);
    transition:all 0.3s ease;
}

.store-apply-page .benefit-card:hover{
    border-color:rgba(61,90,254,0.3);
    box-shadow:0 12px 30px rgba(61,90,254,0.08);
}

.store-apply-page .benefit-icon{
    display:flex;
    align-items:center;
    justify-content:center;
    width:64px;
    height:64px;
    margin-bottom:20px;
    font-size:32px;
    color:var(--primary-blue);
    background:rgba(61,90,254,0.08);
    border-radius:var(--radius-ui);
    transition:all 0.3s ease;
}

.store-apply-page .benefit-card:hover .benefit-icon{
    color:#fff;
    background:var(--primary-blue);
    box-shadow:0 8px 20px rgba(61,90,254,0.3);
}

.store-apply-page .benefit-card h3{
    margin:0 0 10px;
    font-size:16px;
    font-weight:800;
    line-height:1.3;
    color:var(--dark-text);
}

.store-apply-page .benefit-card p{
    margin:0;
    font-size:13px;
    font-weight:500;
    line-height:1.5;
    color:var(--gray-text);
}

.store-apply-page .bento-section-title{
    display:flex;
    align-items:center;
    gap:12px;
    margin-bottom:24px;
    font-size:20px;
    font-weight:800;
    color:var(--dark-text);
}

.store-apply-page .bento-section-title i{
    display:flex;
    align-items:center;
    justify-content:center;
    width:42px;
    height:42px;
    font-size:24px;
    color:var(--primary-blue);
    background:rgba(61,90,254,0.1);
    border-radius:var(--radius-ui);
}

.store-apply-page .apply-req-grid{
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    gap:20px;
    margin-bottom:40px;
}

.store-apply-page .req-card{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:16px;
    padding:24px 20px;
    text-align:center;
    background:var(--bg-light);
    border:1px solid var(--border-color);
    border-radius:var(--radius-ui);
    transition:all 0.3s ease;
}

.store-apply-page .req-card.success{
    background:rgba(17,211,119,0.02);
    border-color:rgba(17,211,119,0.3);
}

.store-apply-page .req-card.success:hover{
    box-shadow:0 8px 30px rgba(17,211,119,0.08);
}

.store-apply-page .req-card.danger{
    background:rgba(255,68,84,0.02);
    border-color:rgba(255,68,84,0.3);
}

.store-apply-page .req-card.danger:hover{
    box-shadow:0 8px 30px rgba(255,68,84,0.08);
}

.store-apply-page .req-icon{
    display:flex;
    align-items:center;
    justify-content:center;
    width:56px;
    height:56px;
    font-size:26px;
    background:var(--bg-header);
    border:1px solid var(--border-color);
    border-radius:var(--radius-ui);
}

.store-apply-page .req-card.success .req-icon{
    color:var(--success-green);
    border-color:rgba(17,211,119,0.3);
}

.store-apply-page .req-card.danger .req-icon{
    color:var(--danger-red);
    border-color:rgba(255,68,84,0.3);
}

.store-apply-page .req-title{
    margin:0;
    font-size:14px;
    font-weight:700;
    line-height:1.4;
    color:var(--dark-text);
}

.store-apply-page .req-badge{
    display:inline-flex;
    align-items:center;
    gap:6px;
    padding:6px 14px;
    font-size:12px;
    font-weight:800;
    letter-spacing:0.5px;
    text-transform:uppercase;
    border-radius:var(--radius-ui);
}

.store-apply-page .req-card.success .req-badge{
    color:var(--success-green);
    background:rgba(17,211,119,0.1);
}

.store-apply-page .req-card.danger .req-badge{
    color:var(--danger-red);
    background:rgba(255,68,84,0.1);
}

.store-apply-page .apply-cta-area{
    margin-top:50px;
    padding-top:40px;
    text-align:center;
    border-top:1px dashed var(--border-color);
}

.store-apply-page .bento-btn-apply{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    height:64px;
    padding:0 40px;
    font-size:18px;
    font-weight:800;
    color:#fff;
    cursor:pointer;
    background:linear-gradient(135deg, var(--primary-blue) 0%, #283cb4 100%);
    border:none;
    border-radius:var(--radius-ui);
    box-shadow:0 8px 25px rgba(61,90,254,0.3);
    transition:all 0.3s ease;
}

.store-apply-page .bento-btn-apply:hover{
    box-shadow:0 12px 35px rgba(61,90,254,0.4);
    filter:brightness(1.03);
}

.store-apply-page .bento-btn-apply:disabled{
    cursor:not-allowed;
    background:var(--gray-text);
    box-shadow:none;
    transform:none;
}

.store-apply-page .apply-warning-note{
    margin-top:1rem;
    font-size:13px;
    font-weight:700;
    color:var(--danger-red);
}

.store-apply-page .apply-modal-content{
    overflow:hidden;
    background:var(--bg-body);
    border:none;
    border-radius:var(--radius-ui);
    box-shadow:0 20px 50px rgba(0,0,0,0.2);
}

.store-apply-page .apply-modal-header{
    display:flex;
    align-items:center;
    gap:14px;
    padding:24px 30px;
    background:var(--bg-header);
    border-bottom:1px solid var(--border-color);
}

.store-apply-page .apply-modal-header i{
    display:flex;
    align-items:center;
    justify-content:center;
    width:40px;
    height:40px;
    font-size:20px;
    color:var(--primary-blue);
    background:rgba(61,90,254,0.1);
    border-radius:var(--radius-ui);
}

.store-apply-page .apply-modal-header h5{
    margin:0;
    font-size:18px;
    font-weight:800;
    color:var(--dark-text);
}

.store-apply-page .apply-modal-body{
    padding:30px;
}

.store-apply-page .rules-scroll-area{
    max-height:350px;
    margin-bottom:24px;
    padding:20px;
    overflow-y:auto;
    font-size:13px;
    line-height:1.7;
    color:var(--gray-text);
    background:var(--input-bg);
    border:1px solid var(--border-color);
    border-radius:var(--radius-ui);
    scrollbar-width:thin;
}

.store-apply-page .rules-scroll-area::-webkit-scrollbar{
    width:6px;
}

.store-apply-page .rules-scroll-area::-webkit-scrollbar-thumb{
    background:var(--border-color);
    border-radius:var(--radius-ui);
}

.store-apply-page .custom-checkbox-wrapper{
    display:flex;
    align-items:flex-start;
    gap:12px;
    padding:20px;
    cursor:pointer;
    background:var(--bg-header);
    border:1px solid var(--border-color);
    border-radius:var(--radius-ui);
    transition:all 0.3s ease;
}

.store-apply-page .custom-checkbox-wrapper:hover{
    border-color:var(--primary-blue);
}

.store-apply-page .custom-checkbox-wrapper input[type="checkbox"]{
    width:24px;
    height:24px;
    margin-top:2px;
    cursor:pointer;
    border-radius:6px;
    flex-shrink:0;
}

.store-apply-page .custom-checkbox-wrapper label,
.store-apply-page .custom-checkbox-wrapper span{
    margin:0;
    font-size:14px;
    font-weight:700;
    line-height:1.5;
    color:var(--dark-text);
    cursor:pointer;
}

.store-apply-page .apply-modal-footer{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:12px;
    padding:20px 30px;
    background:var(--bg-header);
    border-top:1px solid var(--border-color);
}

.store-apply-page .btn-cancel{
    padding:12px 24px;
    font-size:14px;
    font-weight:700;
    color:var(--dark-text);
    background:var(--bg-light);
    border:1px solid var(--border-color);
    border-radius:var(--radius-ui);
    transition:all 0.3s ease;
}

.store-apply-page .btn-cancel:hover{
    background:var(--border-color);
}

.store-apply-page .btn-confirm-apply{
    padding:12px 30px;
    font-size:14px;
    font-weight:800;
    color:#fff;
    background:var(--success-green);
    border:none;
    border-radius:var(--radius-ui);
    box-shadow:0 4px 15px rgba(17,211,119,0.3);
    transition:all 0.3s ease;
}

.store-apply-page .btn-confirm-apply:hover{
    box-shadow:0 6px 20px rgba(17,211,119,0.4);
}

.advert-orders-page.orders-page-wrapper,
.product-orders-page.orders-page-wrapper{
    padding-top:30px;
}

.advert-orders-page .bento-orders-menu li a:hover,
.product-orders-page .bento-orders-menu li a:hover{
    background:var(--bg-header);
    border-color:rgba(61, 90, 254, 0.2);
    color:var(--dark-text);
}

.advert-orders-page .bento-orders-menu li a.active,
.product-orders-page .bento-orders-menu li a.active{
    background:rgba(61, 90, 254, 0.06);
    border-color:rgba(61, 90, 254, 0.15);
    color:var(--primary-blue);
}

.advert-orders-page .bento-cb-title i,
.product-orders-page .bento-cb-title i{
    width:40px;
    height:40px;
    border-radius:var(--radius-ui);
    background:rgba(61, 90, 254, 0.1);
    color:var(--primary-blue);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:20px;
}

.advert-orders-page .bq-filter.active,
.product-orders-page .bq-filter.active{
    background:var(--primary-blue);
    color:#fff;
    border-color:var(--primary-blue);
    box-shadow:0 4px 12px rgba(61, 90, 254, 0.25);
}

.advert-orders-page .bsf-input:focus,
.product-orders-page .bsf-input:focus{
    border-color:var(--primary-blue);
    box-shadow:0 0 0 3px rgba(61, 90, 254, 0.1);
    outline:none;
}

.advert-orders-page .bsf-btn-primary,
.product-orders-page .bsf-btn-primary{
    background:var(--primary-blue);
    color:#fff;
    box-shadow:0 4px 12px rgba(61, 90, 254, 0.2);
}

.advert-orders-page .bsf-btn-primary:hover,
.product-orders-page .bsf-btn-primary:hover{
    box-shadow:0 6px 18px rgba(61, 90, 254, 0.3);
    filter:brightness(1.03);
    color:#fff;
}

.advert-orders-page .bsf-btn-success,
.product-orders-page .bsf-btn-success{
    background:rgba(17, 211, 119, 0.1);
    color:var(--success-green);
    border:1px solid rgba(17, 211, 119, 0.2);
}

.advert-orders-page .bsf-btn-success:hover,
.product-orders-page .bsf-btn-success:hover{
    background:var(--success-green);
    color:#fff;
}

.advert-orders-page .bsf-btn-outline{
    background:var(--bg-light);
    border:1px solid var(--border-color);
    color:var(--dark-text);
}

.advert-orders-page .bsf-btn-outline:hover{
    background:var(--border-color);
}

.advert-orders-page .bento-order-card,
.product-orders-page .bento-order-card{
    background:var(--bg-header);
    border:1px solid var(--border-color);
    border-radius:var(--radius-ui);
    margin-bottom:20px;
    box-shadow:0 4px 15px rgba(0, 0, 0, 0.02);
    overflow:hidden;
    transition:all 0.3s ease;
}

.advert-orders-page .bento-order-card:hover,
.product-orders-page .bento-order-card:hover{
    border-color:rgba(61, 90, 254, 0.3);
}

.advert-orders-page .bento-order-card.status-cancelled,
.advert-orders-page .bento-order-card.status-problematic,
.advert-orders-page .bento-order-card.status-returnprocess{
    border-left:4px solid var(--danger-red);
}

.product-orders-page .bento-order-card.status-cancelled,
.product-orders-page .bento-order-card.status-problematic,
.product-orders-page .bento-order-card.status-returnprocess{
    border-left:4px solid var(--danger-red);
    opacity:0.9;
}

.advert-orders-page .boc-header,
.product-orders-page .boc-header{
    padding:20px 24px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    cursor:pointer;
    flex-wrap:wrap;
}

.product-orders-page .boc-header{
    user-select:none;
}

.advert-orders-page .boc-smm,
.product-orders-page .boc-smm{
    font-size:12px;
    font-weight:700;
    color:var(--primary-blue);
    display:flex;
    align-items:center;
    gap:4px;
    background:rgba(61, 90, 254, 0.1);
    padding:4px 8px;
    border-radius:6px;
}

.product-orders-page .boc-qty{
    font-size:12px;
    font-weight:700;
    color:var(--primary-blue);
    display:flex;
    align-items:center;
    gap:4px;
    background:rgba(61, 90, 254, 0.1);
    padding:4px 8px;
    border-radius:6px;
}

.advert-orders-page .badge-success,
.product-orders-page .badge-success{
    background:rgba(17, 211, 119, 0.1);
    color:var(--success-green);
    border:1px solid rgba(17, 211, 119, 0.2);
}

.advert-orders-page .badge-primary,
.product-orders-page .badge-primary{
    background:rgba(61, 90, 254, 0.1);
    color:var(--primary-blue);
    border:1px solid rgba(61, 90, 254, 0.2);
}

.advert-orders-page .badge-warning,
.product-orders-page .badge-warning{
    background:rgba(255, 179, 0, 0.1);
    color:#b27b00;
    border:1px solid rgba(255, 179, 0, 0.2);
}

.advert-orders-page .badge-danger,
.product-orders-page .badge-danger{
    background:rgba(255, 68, 84, 0.1);
    color:var(--danger-red);
    border:1px solid rgba(255, 68, 84, 0.2);
}

.advert-orders-page .bento-key-box,
.product-orders-page .bento-key-box{
    background:var(--bg-header);
    border:1px solid var(--border-color);
    border-radius:var(--radius-ui);
    padding:16px;
    margin-bottom:16px;
}

.advert-orders-page .bkb-title,
.product-orders-page .bkb-title{
    font-size:13px;
    font-weight:800;
    color:var(--dark-text);
    margin-bottom:10px;
    display:flex;
    align-items:center;
    gap:8px;
}

.advert-orders-page .bkb-title i,
.product-orders-page .bkb-title i{
    color:var(--primary-blue);
    font-size:16px;
}

.advert-orders-page .bkb-item,
.product-orders-page .bkb-item{
    display:flex;
    align-items:center;
    gap:12px;
    padding:10px 14px;
    background:var(--bg-light);
    border:1px solid var(--border-color);
    border-radius:var(--radius-ui);
    margin-bottom:8px;
    font-size:14px;
    font-weight:600;
    color:var(--dark-text);
    word-break:break-all;
}

/* Etiketli (b) bkb-item: span değeri alt satıra insin */
.advert-orders-page .bkb-item:has(b),
.product-orders-page .bkb-item:has(b){
    flex-wrap:wrap;
}
.advert-orders-page .bkb-item:has(b) span,
.product-orders-page .bkb-item:has(b) span{
    flex-basis:100%;
    margin-top:2px;
}
/* Sipariş satırı: 1. satır etiket (b), 2. satır solda kopyala + değer */
.advert-orders-page .bkb-item.bkb-item--order-link,
.product-orders-page .bkb-item.bkb-item--order-link{
    flex-wrap:wrap;
    align-items:flex-start;
    gap:8px 12px;
}
.advert-orders-page .bkb-item.bkb-item--order-link > b,
.product-orders-page .bkb-item.bkb-item--order-link > b{
    flex:1 0 100%;
}
.advert-orders-page .bkb-item.bkb-item--order-link:has(b) > span.bkb-link-text,
.product-orders-page .bkb-item.bkb-item--order-link:has(b) > span.bkb-link-text{
    flex:1 1 auto;
    flex-basis:0;
    min-width:0;
    margin-top:0;
    overflow-wrap:break-word;
    word-break:break-word;
}
.advert-orders-page .bkb-item.bkb-item--order-link > .bento-copy-icon,
.product-orders-page .bkb-item.bkb-item--order-link > .bento-copy-icon{
    flex-shrink:0;
    align-self:flex-start;
    margin-top:2px;
}
.advert-orders-page .bkb-item.bkb-item--order-link:not(:has(b)) > .bkb-link-text,
.product-orders-page .bkb-item.bkb-item--order-link:not(:has(b)) > .bkb-link-text{
    flex:1 1 auto;
    min-width:0;
    overflow-wrap:break-word;
    word-break:break-all;
}
/* Etiket yok, sadece span: aynı satırda kalsın */
.advert-orders-page .bkb-item:not(:has(b)),
.product-orders-page .bkb-item:not(:has(b)){
    flex-wrap:nowrap;
}

/* Mobil: Teslimat Kodları başlık + buton alanı sığsın */
@media (max-width:576px){
    .advert-orders-page .bkb-title.d-flex,
    .product-orders-page .bkb-title.d-flex{
        flex-wrap:wrap;
        gap:8px;
    }
    .advert-orders-page .bkb-title.d-flex > span,
    .product-orders-page .bkb-title.d-flex > span{
        min-width:0;
        flex:1 1 auto;
    }
    .advert-orders-page .bkb-title .bento-copy-icon,
    .product-orders-page .bkb-title .bento-copy-icon{
        flex-shrink:0;
        font-size:11px !important;
        padding:6px 8px !important;
        white-space:nowrap;
    }
    /* Uzun kodların satır içinde kırılması */
    .advert-orders-page .bkb-item span,
    .product-orders-page .bkb-item span{
        min-width:0;
        overflow-wrap:break-word;
    }
}
@media (max-width:380px){
    /* Çok dar ekran: başlık ve buton alt alta */
    .advert-orders-page .bkb-title.d-flex,
    .product-orders-page .bkb-title.d-flex{
        flex-direction:column;
        align-items:flex-start;
    }
    .advert-orders-page .bento-key-box,
    .product-orders-page .bento-key-box{
        padding:12px;
    }
    .advert-orders-page .bkb-item,
    .product-orders-page .bkb-item{
        padding:8px 10px;
    }
}

.product-orders-page .bento-pkg-warning{
    background:rgba(61, 90, 254, 0.05);
    border:1px solid rgba(61, 90, 254, 0.2);
    border-radius:var(--radius-ui);
    padding:16px 20px;
    margin-bottom:16px;
}

.product-orders-page .bento-pkg-warning b{
    color:var(--dark-text);
    display:block;
    font-size:14px;
    margin-bottom:4px;
}

.product-orders-page .bento-pkg-warning span{
    color:var(--gray-text);
    font-size:13px;
    line-height:1.5;
}

.product-orders-page .cancel-reason-box{
    padding:14px 16px;
    background:var(--bg-light);
    border:1px solid var(--border-color);
    border-radius:var(--radius-ui);
    font-size:14px;
    color:var(--dark-text);
    line-height:1.5;
}

.advert-orders-page .cancel-reason-box{
    padding:12px 16px;
    background:rgba(255, 68, 84, 0.05);
    border:1px solid rgba(255, 68, 84, 0.2);
    border-radius:var(--radius-ui);
    font-size:13px;
    color:var(--danger-red);
    font-weight:500;
    line-height:1.5;
}

.advert-orders-page .bento-order-actions,
.product-orders-page .bento-order-actions{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:12px;
    row-gap:12px;
    flex-wrap:wrap;
    margin-top:20px;
}

.advert-orders-page .boa-btn,
.product-orders-page .boa-btn{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:10px 20px;
    border-radius:var(--radius-ui);
    font-size:13px;
    font-weight:700;
    border:none;
    cursor:pointer;
    transition:all 0.3s;
    text-decoration:none;
    flex-shrink:0;
}

.advert-orders-page .boa-btn.primary,
.product-orders-page .boa-btn.primary{
    background:var(--primary-blue);
    color:#fff;
    box-shadow:0 4px 10px rgba(61, 90, 254, 0.2);
}

.advert-orders-page .boa-btn.success,
.product-orders-page .boa-btn.success{
    background:var(--success-green);
    color:#fff;
    box-shadow:0 4px 10px rgba(17, 211, 119, 0.2);
}

.advert-orders-page .boa-btn.danger{
    background:rgba(255, 68, 84, 0.1);
    color:var(--danger-red);
    border:1px solid rgba(255, 68, 84, 0.2);
}

.advert-orders-page .modern-pagination a,
.advert-orders-page .modern-pagination span,
.product-orders-page .modern-pagination a,
.product-orders-page .modern-pagination span{
    display:flex;
    align-items:center;
    justify-content:center;
    width:40px;
    height:40px;
    border-radius:var(--radius-ui);
    background:var(--bg-light);
    border:1px solid var(--border-color);
    color:var(--dark-text);
    font-weight:700;
    transition:all 0.3s;
    text-decoration:none;
}

.advert-orders-page .bento-empty-state,
.product-orders-page .bento-empty-state{
    text-align:center;
    padding:60px 20px;
    background:var(--bg-light);
    border:1px dashed var(--border-color);
    border-radius:var(--radius-ui);
    color:var(--gray-text);
}

.advert-orders-page .bento-empty-state div,
.product-orders-page .bento-empty-state div{
    font-size:15px;
    font-weight:600;
}

.advert-orders-page .bento-total-summary,
.product-orders-page .bento-total-summary{
    margin-top:20px;
    padding:20px 24px;
    background:var(--bg-header);
    border:1px solid var(--border-color);
    border-radius:var(--radius-ui);
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:16px;
    box-shadow:0 4px 15px rgba(0, 0, 0, 0.02);
}

.swal2-popup.review-modal-popup{
    padding:1.5rem !important;
}

.review-modal-shell{
    text-align:left;
}

.review-modal-head{
    display:flex;
    align-items:center;
    gap:14px;
    padding:4px 2px 18px;
    margin-bottom:18px;
    border-bottom:1px solid var(--border-color);
}

.review-modal-icon{
    width:52px;
    height:52px;
    border-radius:var(--radius-ui);
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
    background:linear-gradient(135deg, rgba(61, 90, 254, 0.16), rgba(17, 211, 119, 0.12));
    color:var(--primary-blue);
    font-size:24px;
}

.review-modal-heading{
    min-width:0;
}

.review-modal-eyebrow{
    display:block;
    font-size:12px;
    font-weight:800;
    letter-spacing:0.04em;
    text-transform:uppercase;
    color:var(--primary-blue);
    margin-bottom:4px;
}

.review-modal-title{
    margin:0;
    font-size:20px;
    font-weight:800;
    line-height:1.35;
    color:var(--dark-text);
}

.review-modal-field + .review-modal-field{
    margin-top:18px;
}

.review-modal-label{
    display:block;
    margin-bottom:10px;
    font-size:13px;
    font-weight:800;
    color:var(--dark-text);
}

.review-star-rating{
    display:flex;
    flex-direction:row-reverse;
    justify-content:flex-end;
    gap:8px;
}

.review-star-input{
    position:absolute;
    opacity:0;
    pointer-events:none;
}

.review-star{
    width:44px;
    height:44px;
    border-radius:var(--radius-ui);
    display:inline-flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    border:1px solid var(--border-color);
    background:var(--bg-light);
    color:#c4cad7;
    font-size:22px;
    transition:all 0.2s ease;
}

.review-star:hover,
.review-star:hover ~ .review-star,
.review-star.is-active,
.review-star.is-active ~ .review-star{
    border-color:rgba(255, 179, 0, 0.35);
    background:rgba(255, 179, 0, 0.12);
    color:#ffb300;
}

.review-modal-textarea{
    width:100%;
    min-height:132px;
    resize:vertical;
    background:var(--input-bg);
    border-radius:var(--radius-ui);
    border:1px solid var(--border-color);
    padding:15px 16px;
    font-size:14px;
    line-height:1.6;
    color:var(--dark-text);
    transition:border-color 0.2s ease, box-shadow 0.2s ease;
}

.review-modal-textarea:focus{
    outline:none;
    border-color:var(--primary-blue);
    box-shadow:0 0 0 3px rgba(61, 90, 254, 0.12);
}

.advert-orders-page .boc-header,
.product-orders-page .boc-header,
.donation-orders-page .boc-header{
    cursor:default;
}

.donation-orders-page .donation-order-card{
    border-left-color:#ff6b81;
}

.donation-orders-page .donation-avatar{
    border-color:rgba(255, 107, 129, 0.2);
}

.donation-orders-page .donation-user-link{
    color:inherit;
    text-decoration:none;
}

.donation-orders-page .donation-user-link:hover{
    color:var(--primary-blue);
}

.donation-orders-page .donation-price{
    color:#ff6b81;
}

.donation-orders-page .donation-order-body{
    display:block;
    padding:14px 18px 18px;
}

.donation-orders-page .donation-detail-grid{
    display:grid;
    grid-template-columns:minmax(0, 1fr);
    gap:12px;
    max-width:760px;
}

.donation-orders-page .donation-message-card{
    margin-bottom:0;
    padding:14px;
}

.donation-orders-page .donation-message-box{
    min-height:0;
    padding:12px 14px;
    background:var(--bg-light);
    border:1px solid var(--border-color);
    border-radius:var(--radius-ui);
    font-size:13px;
    line-height:1.55;
    color:var(--dark-text);
    white-space:normal;
    word-break:break-word;
}

.donation-orders-page .donation-message-box.is-empty{
    color:var(--gray-text);
    background:transparent;
    border-style:dashed;
}

.affiliate-wrapper{
    padding-top:30px;
    padding-bottom:60px;
    min-height:100vh;
}
.affiliate-wrapper .aff-anchor-target{
    scroll-margin-top:96px;
}
.aff-hero{
    text-align:center;
    margin-bottom:40px;
}
.aff-hero-icon{
    width:72px; height:72px; margin:0 auto 20px auto;
    background:linear-gradient(135deg, rgba(61,90,254,0.1) 0%, rgba(61,90,254,0.02) 100%);
    border:1px solid rgba(61,90,254,0.2); border-radius:var(--radius-ui);
    display:flex; align-items:center; justify-content:center;
    font-size:36px; color:var(--primary-blue);
    box-shadow:0 10px 30px rgba(61,90,254,0.1);
}
.aff-hero h1{ font-size:28px; font-weight:900; color:var(--dark-text); margin:0 0 10px 0; letter-spacing:-0.5px; }
.aff-hero p{ font-size:15px; color:var(--gray-text); font-weight:500; margin:0 auto; max-width:600px; line-height:1.6; }
.affiliate-wrapper .bento-box{ padding:24px 30px; }
.affiliate-wrapper .bento-box-title{ font-size:18px; font-weight:800; color:var(--dark-text); margin-bottom:20px; display:flex; align-items:center; gap:10px; }
.affiliate-wrapper .bento-box-title i{ color:var(--primary-blue); font-size:20px; }
.aff-link-panel{
    display:flex; flex-direction:column; gap:20px;
}
.alp-top{ display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:15px; }
.alp-info{ display:flex; align-items:center; gap:16px; }
.alp-info-icon{ width:48px; height:48px; border-radius:var(--radius-ui); background:var(--bg-light); border:1px solid var(--border-color); display:flex; align-items:center; justify-content:center; font-size:20px; color:var(--dark-text); }
.alp-info-texts h2{ margin:0; font-size:16px; font-weight:800; color:var(--dark-text); }
.alp-info-texts p{ margin:0; font-size:13px; color:var(--gray-text); font-weight:500; }

.alp-badges{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.alp-badge{ display:inline-flex; align-items:center; gap:6px; padding:8px 16px; background:var(--bg-light); border:1px solid var(--border-color); border-radius:var(--radius-ui); font-size:13px; font-weight:700; color:var(--dark-text); }
.alp-badge i{ font-size:16px; color:var(--primary-blue); }

.alp-link-wrap{ display:flex; align-items:stretch; background:var(--input-bg); border:1px solid var(--border-color); border-radius:var(--radius-ui); overflow:hidden; height:56px; }
.alp-link-wrap input{ flex:1; border:none; background:transparent; padding:0 20px; font-size:15px; font-weight:600; color:var(--dark-text); outline:none; }
.alp-copy-btn{ width:60px; border:none; background:var(--primary-blue); color:#fff; font-size:20px; cursor:pointer; transition:all 0.3s; display:flex; align-items:center; justify-content:center; }
.alp-copy-btn:hover{ filter:brightness(1.03); }
.aff-stats-grid{
    display:grid; grid-template-columns:repeat(4, 1fr); gap:20px; margin-bottom:24px;
}
.aff-stat-card{
    background:var(--bg-header); border:1px solid var(--border-color); border-radius:var(--radius-ui); padding:24px; display:flex; flex-direction:column; gap:12px; position:relative; overflow:hidden; transition:all 0.3s ease;
}
.aff-stat-card:hover{ border-color:rgba(61,90,254,0.3); box-shadow:0 8px 25px rgba(0,0,0,0.04); }
.asc-icon{ width:42px; height:42px; border-radius:var(--radius-ui); background:rgba(61,90,254,0.08); color:var(--primary-blue); display:flex; align-items:center; justify-content:center; font-size:20px; }
.asc-val{ font-size:28px; font-weight:900; color:var(--dark-text); line-height:1; }
.asc-lbl{ font-size:13px; font-weight:600; color:var(--gray-text); }
.aff-stat-card.earning{ background:linear-gradient(135deg, rgba(17,211,119,0.05) 0%, rgba(17,211,119,0.01) 100%); border-color:rgba(17,211,119,0.2); }
.aff-stat-card.earning .asc-icon{ background:rgba(17,211,119,0.1); color:var(--success-green); }
.aff-stat-card.earning .asc-val{ color:var(--success-green); }
.affiliate-wrapper .transfer-form{ margin-top:auto; padding-top:12px; }
.btn-transfer{ width:100%; height:40px; border-radius:var(--radius-ui); background:var(--success-green); color:#fff; border:none; font-size:13px; font-weight:700; display:flex; align-items:center; justify-content:center; gap:6px; cursor:pointer; transition:all 0.3s; box-shadow:0 4px 10px rgba(17,211,119,0.2); }
.btn-transfer:hover{ box-shadow:0 6px 15px rgba(17,211,119,0.3); filter:brightness(1.03); }
.btn-transfer:disabled{ opacity:0.6; cursor:not-allowed; }
.aff-steps-grid{
    display:grid; grid-template-columns:repeat(4, 1fr); gap:20px; margin-bottom:24px;
}
.aff-step-card{
    background:var(--bg-light); border:1px solid var(--border-color); border-radius:var(--radius-ui); padding:30px 20px; text-align:center; transition:all 0.3s ease; position:relative;
}
.aff-step-card:hover{ background:var(--bg-header); border-color:var(--primary-blue); }
.aff-step-icon{
    width:56px; height:56px; margin:0 auto 16px auto; border-radius:var(--radius-ui); background:var(--bg-header); border:1px solid var(--border-color); display:flex; align-items:center; justify-content:center; font-size:26px; color:var(--primary-blue); transition:all 0.3s;
}
.aff-step-card:hover .aff-step-icon{ background:var(--primary-blue); color:#fff; border-color:var(--primary-blue); box-shadow:0 6px 15px rgba(61,90,254,0.25); }
.aff-step-title{ font-size:15px; font-weight:800; color:var(--dark-text); margin-bottom:8px; }
.aff-step-desc{ font-size:13px; color:var(--gray-text); line-height:1.5; margin:0; }
.affiliate-wrapper .aff-faq-list{ display:flex; flex-direction:column; gap:12px; }
.affiliate-wrapper .faq-item{ background:var(--bg-light); border:1px solid var(--border-color); border-radius:var(--radius-ui); overflow:hidden; transition:all 0.3s; }
.affiliate-wrapper .faq-item:hover{ border-color:var(--primary-blue); }
.affiliate-wrapper .faq-title{ padding:16px 20px; font-size:14px; font-weight:700; color:var(--dark-text); cursor:pointer; display:flex; align-items:center; justify-content:space-between; user-select:none; }
.affiliate-wrapper .faq-title i{ font-size:20px; color:var(--gray-text); transition:transform 0.3s ease; }
.affiliate-wrapper .faq-title.open i{ transform:rotate(180deg); color:var(--primary-blue); }
.affiliate-wrapper .faq-content{ padding:0 20px 20px 20px; font-size:13px; color:var(--gray-text); line-height:1.6; display:none; }
.affiliate-wrapper .rules-scroll-area{
    background:var(--input-bg); border:1px solid var(--border-color); border-radius:var(--radius-ui); padding:20px; max-height:350px; overflow-y:auto; font-size:13px; color:var(--gray-text); line-height:1.7; scrollbar-width:thin;
}
.affiliate-wrapper .rules-scroll-area::-webkit-scrollbar{ width:6px; }
.affiliate-wrapper .rules-scroll-area::-webkit-scrollbar-thumb{ background:var(--border-color); border-radius:var(--radius-ui); }

/* Satış ortaklığı — referans kazanç logları (AJAX tablo) */
.aff-ref-logs-scroll{
    border:1px solid var(--border-color);
    border-radius:var(--radius-ui);
    overflow:hidden;
    background:var(--bg-header);
}
.aff-ref-logs-table{
    font-size:13px;
    margin:0;
    --bs-table-bg:transparent;
    --bs-table-color:inherit;
}
.aff-ref-logs-table thead th{
    font-size:11px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:0.04em;
    color:var(--gray-text);
    border-bottom:1px solid var(--border-color);
    padding:14px 16px;
    background:var(--bg-light);
    white-space:nowrap;
}
.aff-ref-logs-table tbody td{
    padding:14px 16px;
    vertical-align:middle;
    border-color:var(--border-color);
    color:var(--dark-text);
}
.aff-ref-logs-table tbody tr:last-child td{
    border-bottom:0;
}
.aff-ref-logs-date{
    white-space:nowrap;
}
.aff-ref-logs-date-main{
    display:block;
    font-weight:700;
    color:var(--dark-text);
}
.aff-ref-logs-date-sub{
    display:block;
    font-size:11px;
    color:var(--gray-text);
    font-weight:600;
}
.aff-ref-logs-action{
    font-weight:600;
    max-width:min(100%, 320px);
}
.aff-ref-logs-amount{
    font-weight:800;
    font-variant-numeric:tabular-nums;
    white-space:nowrap;
}
.aff-ref-logs-amount.is-in{
    color:var(--success-green);
}
.aff-ref-logs-amount.is-out{
    color:var(--danger-red, #ff4454);
}
.aff-ref-order-pill{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:26px;
    padding:0 10px;
    border-radius:999px;
    background:rgba(61,90,254,0.1);
    color:var(--primary-blue);
    font-size:12px;
    font-weight:700;
}
.aff-ref-logs-empty{
    text-align:center;
    padding:40px 20px;
    color:var(--gray-text);
    border:1px dashed var(--border-color);
    border-radius:var(--radius-ui);
    background:var(--bg-light);
}
.aff-ref-logs-empty i{
    font-size:42px;
    opacity:0.35;
    display:block;
    margin-bottom:12px;
}
.aff-ref-logs-empty p{
    margin:0;
    font-weight:600;
    font-size:14px;
}
.aff-ref-logs-footer{
    padding-top:16px;
}
.affiliate-wrapper .aff-ref-logs-inner .modern-pagination-area{
    display:flex;
    justify-content:center;
    margin-top:0;
}
.affiliate-wrapper .aff-ref-logs-inner .modern-pagination{
    display:flex;
    align-items:center;
    gap:8px;
    padding:0;
    margin:0;
    list-style:none;
}
.affiliate-wrapper .aff-ref-logs-inner .modern-pagination .page-item{
    cursor:pointer;
}
.affiliate-wrapper .aff-ref-logs-inner .modern-pagination .page-item span{
    display:flex;
    align-items:center;
    justify-content:center;
    width:40px;
    height:40px;
    font-size:14px;
    font-weight:700;
    color:var(--dark-text);
    background:var(--bg-light);
    border:1px solid var(--border-color);
    border-radius:var(--radius-ui);
    transition:all 0.3s ease;
}
.affiliate-wrapper .aff-ref-logs-inner .modern-pagination .page-item:hover span{
    color:var(--primary-blue);
    background:var(--bg-header);
    border-color:var(--primary-blue);
}
.affiliate-wrapper .aff-ref-logs-inner .modern-pagination .page-item.active span{
    color:#fff;
    background:linear-gradient(135deg, var(--primary-blue) 0%, #283cb4 100%);
    border-color:var(--primary-blue);
    box-shadow:0 4px 12px rgba(61,90,254,0.25);
}
body.dark-mode .aff-ref-logs-scroll{
    background:var(--bg-header);
    border-color:var(--border-color);
}
body.dark-mode .aff-ref-logs-table thead th{
    background:rgba(255,255,255,0.04);
}

.saas-adverts-page{
    padding-top:30px;
}
.saas-adverts-page .saas-list-item{
    min-width:0;
    overflow:hidden;
}
.saas-adverts-page .sli-info{
    min-width:0;
    overflow:hidden;
}
.saas-adverts-page .sli-title{
    min-width:0;
    overflow:hidden;
}
.saas-hero{
    display:flex;
    align-items:center;
    justify-content:space-between;
    flex-wrap:wrap;
    gap:20px;
    margin-bottom:30px;
    background:var(--bg-header);
    border:1px solid var(--border-color);
    border-radius:var(--radius-ui);
    padding:30px;
    box-shadow:0 4px 15px rgba(0,0,0,0.02);
}
.saas-hero-title h1{
    font-size:26px;
    font-weight:900;
    color:var(--dark-text);
    margin:0 0 6px 0;
    letter-spacing:-0.5px;
}
.saas-hero-title p{
    font-size:14px;
    color:var(--gray-text);
    font-weight:500;
    margin:0;
}
.saas-hero-actions{
    display:flex;
    align-items:center;
    gap:12px;
    flex-wrap:wrap;
}
.sh-btn{
    display:inline-flex; align-items:center; gap:8px; height:46px; padding:0 20px; border-radius:var(--radius-ui); font-size:14px; font-weight:800; border:none; cursor:pointer; text-decoration:none; transition:all 0.3s ease;
}
.sh-btn.primary{ background:linear-gradient(135deg, var(--success-green) 0%, #0db866 100%); color:#fff; box-shadow:0 4px 15px rgba(17,211,119,0.25); }
.sh-btn.primary:hover{ box-shadow:0 6px 20px rgba(17,211,119,0.35); color:#fff;}
.sh-btn.warning{ background:rgba(255,179,0,0.1); color:var(--warning-orange); border:1px solid rgba(255,179,0,0.2); }
.sh-btn.warning:hover{ background:var(--warning-orange); color:#fff; }
.sh-btn.info{ background:rgba(61,90,254,0.1); color:var(--primary-blue); border:1px solid rgba(61,90,254,0.2); }
.sh-btn.info:hover{ background:var(--primary-blue); color:#fff; }
.saas-toolbar{
    background:var(--bg-header);
    border:1px solid var(--border-color);
    border-radius:var(--radius-ui);
    padding:16px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    margin-bottom:40px;
    box-shadow:0 4px 20px rgba(0,0,0,0.02);
}
.saas-search{
    position:relative;
    flex:1;
    max-width:400px;
    min-width:250px;
}
.saas-search i.search-icon{ position:absolute; left:16px; top:50%; transform:translateY(-50%); font-size:18px; color:var(--gray-text); pointer-events:none; }
.saas-search i.clear-icon{ position:absolute; right:16px; top:50%; transform:translateY(-50%); font-size:18px; color:var(--danger-red); cursor:pointer; display:none; }
.saas-search input{
    width:100%; height:48px; background:var(--input-bg); border:1px solid var(--border-color); border-radius:var(--radius-ui); padding:0 44px; font-size:14px; font-weight:600; color:var(--dark-text); transition:all 0.3s;
}
.saas-search input:focus{ border-color:var(--primary-blue); box-shadow:0 0 0 3px rgba(61,90,254,0.1); outline:none; }

.saas-filters{
    display:flex; align-items:center; gap:8px; overflow-x:auto; scrollbar-width:none; padding-bottom:4px;
}
.saas-filters::-webkit-scrollbar{ display:none; }
.sf-btn{
    padding:10px 16px; background:var(--bg-light); border:1px solid var(--border-color); border-radius:var(--radius-ui); font-size:13px; font-weight:700; color:var(--gray-text); text-decoration:none; white-space:nowrap; transition:all 0.3s;
}
.sf-btn:hover{ border-color:var(--gray-text); color:var(--dark-text); }
.sf-btn.selected{ background:var(--primary-blue); border-color:var(--primary-blue); color:#fff; box-shadow:0 4px 12px rgba(61,90,254,0.25); }

.saas-filters-mobile{ display:none; width:100%; }
.saas-filters-mobile select{
    width:100%; height:48px; background:var(--bg-light); border:1px solid var(--border-color); border-radius:var(--radius-ui); padding:0 16px; font-size:14px; font-weight:700; color:var(--dark-text);
}
.saas-cat-section{ margin-bottom:40px; }
.saas-cat-header{
    display:flex; align-items:center; justify-content:space-between; margin-bottom:16px; padding-bottom:16px; border-bottom:2px solid var(--border-color); flex-wrap:wrap; gap:15px;
}
.sc-title-area{ display:flex; align-items:center; gap:12px; }
.sc-icon{ width:42px; height:42px; border-radius:var(--radius-ui); display:flex; align-items:center; justify-content:center; overflow:hidden; flex-shrink:0; padding:8px; }
.sc-icon img{ width:100%; height:100%; object-fit:contain; }
.sc-title-area h2{ margin:0; font-size:18px; font-weight:800; color:var(--dark-text); }

.sc-actions{ display:flex; align-items:center; gap:8px; }
.sc-action-btn{
    width:38px; height:38px; min-width:38px; min-height:38px; border-radius:var(--radius-ui); display:flex; align-items:center; justify-content:center; font-size:18px; color:#fff; border:none; cursor:pointer; transition:all 0.2s; text-decoration:none; flex-shrink:0;
}
.sc-action-btn:hover{ filter:brightness(1.03); color:#fff; }
.sc-action-btn.danger{ background:var(--danger-red); box-shadow:0 4px 10px rgba(255,68,84,0.25); }
.sc-action-btn.success{ background:var(--success-green); box-shadow:0 4px 10px rgba(17,211,119,0.25); }
.sc-action-btn.warning{ background:var(--warning-orange); box-shadow:0 4px 10px rgba(255,179,0,0.25); }
.sc-action-btn.info{ background:#0ea5e9; box-shadow:0 4px 10px rgba(14,165,233,0.25); }
.sc-action-btn i{ display:flex; align-items:center; justify-content:center; line-height:1; font-style:normal; }
.saas-list-wrapper{ display:flex; flex-direction:column; gap:12px; }
.saas-list-item{
    display:flex; align-items:center; gap:20px; padding:16px 20px; background:var(--bg-header); border:1px solid var(--border-color); border-radius:var(--radius-ui); transition:all 0.3s ease;
}
.saas-list-item:hover{
    border-color:rgba(61,90,254,0.4); box-shadow:0 8px 25px rgba(0,0,0,0.04); background:var(--bg-header); color:inherit;
}
.sli-image-wrap{
    position:relative; width:80px; height:80px; border-radius:var(--radius-ui); overflow:hidden; border:1px solid var(--border-color); background:var(--bg-light); flex-shrink:0; display:block;
}
.sli-image-wrap img{ width:100%; height:100%; object-fit:cover; transition:transform 0.4s ease; }
.sli-image-wrap .bg{ position:absolute; top:0; left:0; width:100%; height:100%; z-index:0; filter:blur(20px); transform:scale(2); }
.sli-image-wrap .bg img{ width:100%; height:100%; object-fit:cover; }
.sli-image-wrap .img{ position:relative; z-index:1; width:100%; height:100%; display:flex; align-items:center; justify-content:center; }
.sli-image-wrap .img img{ width:100%; height:100%; object-fit:cover; }

.sli-badges{ position:absolute; top:4px; left:4px; display:flex; flex-direction:column; gap:4px; pointer-events:none; z-index:2; }
.sli-badge{ padding:2px 6px; border-radius:6px; font-size:10px; font-weight:800; text-transform:uppercase; color:#fff; backdrop-filter:blur(4px); -webkit-backdrop-filter:blur(4px); box-shadow:0 2px 5px rgba(0,0,0,0.2); }
.sli-badge.dark{ background:rgba(0,0,0,0.65); }
.sli-badge.red{ background:rgba(255,68,84,0.9); }
.sli-badge.pink{ background:rgba(236,72,153,0.9); }
.sli-badge.orange{ background:rgba(255,179,0,0.9); }
.sli-badge.beige{ background:rgba(139,139,139,0.9); }
.sli-badge--normal-case{ text-transform:none; font-weight:700; letter-spacing:0; }
.sli-badge.info{ background:rgba(61,90,254,0.9); }
/* İlanlarım / pasif / gizli: rozetler görselin üzerinde değil, başlığın altında yan yana */
.saas-adverts-page .sli-info .sli-badges--below-title{
    position: static;
    inset: auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    margin: 0;
    pointer-events: none;
    z-index: auto;
}
.sli-info{ flex:1; min-width:200px; display:flex; flex-direction:column; gap:6px; }
.sli-title{ font-size:15px; font-weight:800; color:var(--dark-text); text-decoration:none; line-height:1.3; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; word-break:break-word; overflow-wrap:break-word; transition:color 0.2s; }
.sli-title:hover{ color:var(--primary-blue); }

.sli-meta{ display:flex; align-items:center; gap:12px; font-size:12px; color:var(--gray-text); font-weight:600; flex-wrap:wrap; }
.sli-meta i{ font-size:14px; color:var(--primary-blue); }
.sli-stats{
    display:flex; align-items:center; gap:24px; padding:0 24px; border-left:1px dashed var(--border-color); border-right:1px dashed var(--border-color);
}
.sli-stat-col{ display:flex; flex-direction:column; gap:2px; }
.sli-stat-lbl{ font-size:11px; font-weight:700; color:var(--gray-text); text-transform:uppercase; letter-spacing:0.5px; }
.sli-stat-val{ font-size:18px; font-weight:900; color:var(--success-green); }
.sli-stat-val.type{ font-size:13px; color:var(--dark-text); }
.sli-actions{
    display:flex; align-items:center; gap:8px; flex-shrink:0;
}
.sli-btn{
    display:inline-flex; align-items:center; justify-content:center; gap:6px; height:38px; padding:0 12px; border-radius:var(--radius-ui); font-size:12px; font-weight:700; border:none; cursor:pointer; transition:all 0.3s; text-decoration:none; color:#fff;
}
.sli-btn:hover{ filter:brightness(1.03); color:#fff; }
.sli-btn.edit{ background:var(--warning-orange); }
.sli-btn.clone{ background:var(--gray-text); padding:0 10px; }
.sli-btn.success{ background:var(--success-green); }
.sli-btn.info{ background:var(--primary-blue); }
.sli-btn:disabled, .sli-btn.disabled{ opacity:0.5; cursor:not-allowed; }

.sli-btn-icon{
    width:38px; height:38px; border-radius:var(--radius-ui); display:flex; align-items:center; justify-content:center; font-size:18px; border:none; cursor:pointer; transition:all 0.2s; color:#fff; text-decoration:none;
}
.sli-btn-icon:hover{ filter:brightness(1.03); color:#fff; }
.sli-btn-icon.doping{ background:var(--success-green); }
.sli-btn-icon.stats{ background:#0ea5e9; }
.sli-btn-icon.boost{ background:var(--primary-blue); }
.sli-btn-icon.lock{ background:var(--danger-red); }
.sli-btn-icon.success{ background:var(--success-green); }
.sli-btn-icon.info{ background:var(--primary-blue); }

.reason-btn{ cursor:pointer; opacity:0.9; }
.reason-btn:hover{ opacity:1; }

.saas-list-item:focus-within{
    border-color:rgba(61,90,254,0.4);
    box-shadow:0 8px 25px rgba(0,0,0,0.04), 0 0 0 3px rgba(61,90,254,0.08);
}

.saas-list-item a:focus-visible,
.saas-list-item button:focus-visible,
.saas-toolbar a:focus-visible,
.saas-toolbar input:focus-visible,
.saas-toolbar select:focus-visible{
    outline:2px solid rgba(61,90,254,0.4);
    outline-offset:2px;
}
.saas-search-result-title{
    display:flex; align-items:center; gap:10px; padding:16px 20px; background:rgba(61,90,254,0.05); border:1px solid rgba(61,90,254,0.15); border-radius:var(--radius-ui); margin-bottom:24px; color:var(--primary-blue); font-weight:800; font-size:16px;
}
.saas-empty-state{ text-align:center; padding:80px 20px; background:var(--bg-header); border:1px dashed var(--border-color); border-radius:var(--radius-ui); color:var(--gray-text); margin-top:20px; }
.saas-empty-state > i{ font-size:56px; color:var(--primary-blue); opacity:0.5; margin-bottom:16px; display:block; }
.saas-empty-state h3{ font-size:20px; font-weight:800; color:var(--dark-text); margin-bottom:8px;}
.saas-empty-state p{ font-size:14px; margin:0 0 18px; line-height:1.6; }
.saas-empty-cta{
    display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:46px; padding:0 20px;
    border-radius:var(--radius-ui); font-size:14px; font-weight:800; color:#fff; text-decoration:none;
    background:linear-gradient(135deg, var(--success-green) 0%, #0db866 100%);
    box-shadow:0 4px 15px rgba(17,211,119,0.25); transition:all 0.3s ease;
}
.saas-empty-cta i{ font-size:18px; line-height:1; display:inline-flex; margin:0; opacity:1; color:inherit; }
.saas-empty-cta:hover{ color:#fff; box-shadow:0 6px 20px rgba(17,211,119,0.35); }

.bulk-action-modal{ text-align:left; }
.bulk-action-modal-label{ display:block; margin-bottom:10px; font-size:13px; font-weight:800; color:var(--dark-text); }
.bulk-action-modal-input{
    width:100%; height:48px; padding:0 14px; font-size:14px; font-weight:600; color:var(--dark-text);
    background:var(--input-bg); border:1px solid var(--border-color); border-radius:var(--radius-ui); outline:none; transition:all 0.3s ease;
}
.bulk-action-modal-input:focus{ border-color:var(--primary-blue); box-shadow:0 0 0 3px rgba(61,90,254,0.1); background:var(--bg-header); }
.bulk-action-modal-hint{ margin-top:10px; font-size:12px; line-height:1.5; color:var(--gray-text); }
.swal2-container{
    z-index:2147483640 !important; }
.saas-cat-hero{
    position:relative; border-radius:var(--radius-ui); padding:40px;
    background:linear-gradient(135deg, rgba(15,23,42,0.9) 0%, rgba(30,41,59,0.8) 100%), var(--premium-cover-image) center/cover no-repeat;
    box-shadow:0 10px 30px rgba(15,23,42,0.15); margin-bottom:24px;
    overflow:hidden; display:flex; align-items:center; justify-content:center; text-align:center;
}
.saas-cat-hero::before{
    content:''; position:absolute; inset:0; z-index:0;
    background:radial-gradient(circle at top right, rgba(61,90,254,0.3), transparent 50%);
}

.sch-content{ position:relative; z-index:2; display:flex; flex-direction:column; align-items:center; }
.sch-icon{
    width:72px; height:72px; background:rgba(255,255,255,0.1); border:1px solid rgba(255,255,255,0.2);
    border-radius:var(--radius-ui); display:flex; align-items:center; justify-content:center; backdrop-filter:blur(10px);
    margin-bottom:16px; box-shadow:0 10px 25px rgba(0,0,0,0.2);
}
.sch-icon img{ width:44px; height:44px; object-fit:contain; }
.sch-title,
.saas-cat-hero h1{ font-size:32px; font-weight:900; color:#fff; margin:0 0 12px 0; letter-spacing:-0.5px; }
.sch-desc{ font-size:15px; font-weight:500; color:#cbd5e1; max-width:600px; margin:0; line-height:1.6; }
.saas-cat-tabs{ display:flex; align-items:stretch; justify-content:center; flex-wrap:wrap; gap:12px; margin-bottom:24px; }
.sct-btn{
    background:var(--bg-header); border:1px solid var(--border-color); border-radius:var(--radius-ui); padding:12px 24px;
    display:flex; align-items:center; gap:10px; cursor:pointer; transition:all 0.3s;
    box-shadow:0 4px 15px rgba(0,0,0,0.02); color:var(--gray-text); text-decoration:none; font-weight:800; font-size:14px;
}
.sct-btn img{ width:24px; height:24px; object-fit:contain; border-radius:4px; flex-shrink:0; }
.sct-btn svg{ width:24px; height:24px; fill:currentColor; flex-shrink:0; }
.sct-btn i{ font-size:24px; width:24px; height:24px; display:inline-flex; align-items:center; justify-content:center; flex-shrink:0; }

.sct-btn:hover{ border-color:var(--primary-blue); color:var(--primary-blue); box-shadow:0 8px 20px rgba(61,90,254,0.1); }
.sct-btn.active{ background:var(--primary-blue); border-color:var(--primary-blue); color:#fff; box-shadow:0 8px 20px rgba(61,90,254,0.25); }
.sct-btn.active svg{ fill:#fff; }

.saas-cat-tabs.saas-cat-tabs--grid{
    display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:10px; max-width:100%;
}
.saas-cat-tabs.saas-cat-tabs--grid .sct-btn{
    flex-direction:column; padding:10px 6px; min-height:80px; width:80px;
    justify-content:center; align-items:center; border-radius:var(--radius-ui); font-size:11px;
}
.saas-cat-tabs.saas-cat-tabs--grid .sct-btn img,
.saas-cat-tabs.saas-cat-tabs--grid .sct-btn svg,
.saas-cat-tabs.saas-cat-tabs--grid .sct-btn i{ width:36px; height:36px; margin-bottom:4px; flex-shrink:0; }
.saas-cat-tabs.saas-cat-tabs--grid .sct-btn i{ font-size:36px; }
.saas-cat-tabs.saas-cat-tabs--grid .sct-btn span{
    font-size:10px; font-weight:700; text-align:center; line-height:1.25;
    word-break:break-word; overflow-wrap:break-word; white-space:normal;
}
.saas-cdkey-card{
    background:var(--bg-header); border:1px solid var(--border-color); border-radius:var(--radius-ui); overflow:hidden;
    display:flex; flex-direction:column; height:100%; transition:all 0.3s;
    box-shadow:0 4px 15px rgba(0,0,0,0.02); position:relative;
}
.saas-cdkey-card:hover{ border-color:var(--primary-blue); box-shadow:0 12px 30px rgba(61,90,254,0.08); }

.scc-highlight{ position:absolute; top:12px; left:12px; z-index:10; background:linear-gradient(135deg, #f59e0b 0%, #d97706 100%); color:#fff; padding:4px 10px; border-radius:var(--radius-ui); font-size:11px; font-weight:900; text-transform:uppercase; box-shadow:0 4px 10px rgba(245,158,11,0.3); }

.scc-img{ width:100%; aspect-ratio:1/1; background:var(--bg-light); overflow:hidden; display:flex; align-items:center; justify-content:center; }
.scc-img img{ width:100%; height:100%; object-fit:cover; transition:transform 0.4s; }
.saas-cdkey-card:hover .scc-img img{ }

.scc-body{ padding:16px; display:flex; flex-direction:column; flex:1; }
.scc-title{ font-size:14px; font-weight:800; color:var(--dark-text); line-height:1.4; text-decoration:none; margin-bottom:12px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; transition:color 0.2s; }
.saas-cdkey-card:hover .scc-title{ color:var(--primary-blue); }

.scc-price-row{ display:flex; align-items:center; justify-content:space-between; margin-bottom:16px; margin-top:auto; }
.scc-new-price{ font-size:18px; font-weight:900; color:var(--success-green); }
.scc-old-price{ font-size:12px; font-weight:700; color:var(--gray-text); text-decoration:line-through; }

.btn-scc-cart{ background:rgba(61,90,254,0.1); color:var(--primary-blue); border:none; height:44px; border-radius:var(--radius-ui); font-size:13px; font-weight:800; width:100%; display:flex; align-items:center; justify-content:center; gap:8px; transition:all 0.3s; cursor:pointer; }
.btn-scc-cart:hover{ background:var(--primary-blue); color:#fff; box-shadow:0 4px 15px rgba(61,90,254,0.25); }
.products .saas-list-item{
    background:var(--bg-header); border:1px solid var(--border-color); border-radius:var(--radius-ui); padding:16px;
    margin-bottom:12px; transition:all 0.3s; box-shadow:0 4px 15px rgba(0,0,0,0.02);
    display:flex; align-items:center; justify-content:space-between; gap:20px; flex-wrap:wrap;
}
.products .saas-list-item:hover{ border-color:var(--primary-blue); box-shadow:0 10px 25px rgba(61,90,254,0.05); z-index:2; position:relative; }

.products .sli-left{ display:flex; align-items:center; gap:16px; flex:1; min-width:0; }
.products .sli-img{ width:72px; height:72px; border-radius:var(--radius-ui); object-fit:cover; flex-shrink:0; border:1px solid var(--border-color); }

.products .sli-info{ display:flex; flex-direction:column; gap:6px; overflow:visible; }
.products-list-badges{ display:flex; align-items:center; gap:6px; flex-shrink:0; }
.products-list-badge{ font-size:10px; font-weight:800; padding:4px 8px; border-radius:var(--radius-ui); text-transform:uppercase; letter-spacing:0.5px; }
.products-list-badge.discount{ background:rgba(16,185,129,0.1); color:var(--success-green); }
.products-list-badge.popular{ background:rgba(245,158,11,0.1); color:var(--warning-orange); }

.products .sli-title{ font-size:15px; font-weight:800; color:var(--dark-text); text-decoration:none; transition:color 0.2s; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.products .saas-list-item:hover .sli-title{ color:var(--primary-blue); }
.products .sli-desc{ font-size:13px; font-weight:500; color:var(--gray-text); margin:0; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; }

.products .sli-right{ display:flex; align-items:center; justify-content:flex-end; gap:20px; flex-wrap:wrap; }
.products .sli-price-col{ display:flex; flex-direction:column; align-items:flex-end; text-align:right; }
.products .sli-old-price{ font-size:12px; font-weight:700; color:var(--gray-text); text-decoration:line-through; margin-bottom:2px; }
.products .sli-new-price{ font-size:20px; font-weight:900; color:var(--success-green); line-height:1; }

.products .sli-actions{ display:flex; align-items:center; justify-content:flex-end; gap:10px; flex:1; min-width:0; }

.products .sli-actions .saas-qty{ display:flex; align-items:center; justify-content:space-between; height:44px; flex-grow:0; width:auto; min-width:108px; background:var(--bg-header); border:1px solid var(--border-color); border-radius:var(--radius-ui); padding:2px; transition:var(--transition); }
.products .sli-actions .saas-qty button{ width:34px; height:34px; border-radius:var(--radius-ui); border:none; background:transparent; color:var(--dark-text); display:flex; align-items:center; justify-content:center; font-size:16px; cursor:pointer; transition:var(--transition); padding:0; margin:0 2px; }
.products .sli-actions .saas-qty button:hover{ background:var(--bg-light); color:var(--dark-text); }
.products .sli-actions .saas-qty input{ width:32px; text-align:center; border:none; background:transparent; font-size:14px; font-weight:700; color:var(--dark-text); padding:0; outline:none; }

.products .btn-sli-cart{ width:44px; height:44px; border-radius:var(--radius-ui); background:rgba(61,90,254,0.1); color:var(--primary-blue); font-size:20px; border:none; display:flex; align-items:center; justify-content:center; transition:all 0.3s; cursor:pointer; flex-shrink:0; }
.products .btn-sli-cart:hover{ background:var(--primary-blue); color:#fff; box-shadow:0 4px 10px rgba(61,90,254,0.3); }

.products .btn-sli-buy{ height:44px; padding:0 22px; border-radius:var(--radius-ui); background:linear-gradient(135deg, var(--warning-orange) 0%, #e6a100 100%); color:#fff; font-size:14px; font-weight:800; border:none; display:inline-flex; align-items:center; gap:10px; cursor:pointer; transition:var(--transition); flex-shrink:0; max-width:160px; box-shadow:0 4px 15px rgba(255,179,0,0.3); }
.products .btn-sli-buy:hover{ filter:brightness(1.08); box-shadow:0 6px 20px rgba(255,179,0,0.4); }
.products .btn-sli-buy i{ font-size:16px; }

.products .btn-sli-stokyok{ height:44px; padding:0 22px; border-radius:var(--radius-ui); font-size:14px; font-weight:800; background:color-mix(in srgb, var(--danger-red) 12%, transparent); color:var(--danger-red); border:none; display:inline-flex; align-items:center; gap:10px; cursor:pointer; }
.products .btn-sli-stokyok:hover{ background:var(--danger-red); color:#fff; }
.products .btn-sli-stokyok i{ font-size:18px; }
/* Giriş yok + stok yok: CTA yine sarı (btn-sli-buy) ile aynı — kırmızı stok bildirimi görünümü misafirde tutarsızdı */
.products .btn-sli-stokyok.needlogin{
    background:linear-gradient(135deg, var(--warning-orange) 0%, #e6a100 100%);
    color:#fff;
    box-shadow:0 4px 15px rgba(255,179,0,0.3);
}
.products .btn-sli-stokyok.needlogin:hover{
    filter:brightness(1.08);
    box-shadow:0 6px 20px rgba(255,179,0,0.4);
    background:linear-gradient(135deg, var(--warning-orange) 0%, #e6a100 100%);
    color:#fff;
}
.products .btn-sli-stokyok.needlogin i{ font-size:16px; }
@media (max-width:767px){
    .products .saas-list-item{
        align-items:stretch;
        gap:14px;
        padding:14px;
        border-radius:var(--radius-ui);
    }
    .products .sli-left{
        width:100%;
        align-items:flex-start;
        gap:12px;
    }
    .products .sli-img{
        width:64px;
        height:64px;
        border-radius:var(--radius-ui);
    }
    .products .sli-info{
        min-width:0;
        flex:1;
    }
    .products-list-badges{
        flex-wrap:wrap;
    }
    .products .sli-title{
        white-space:normal;
        display:-webkit-box;
        -webkit-line-clamp:2;
        -webkit-box-orient:vertical;
    }
    .products .sli-desc{
        -webkit-line-clamp:2;
    }
    .products .sli-right{
        width:100%;
        padding-top:12px;
        margin-top:2px;
        border-top:1px solid var(--border-color);
        justify-content:space-between;
        align-items:center;
        gap:12px;
    }
    .products .sli-price-col{
        min-width:max-content;
        align-items:flex-start;
        text-align:left;
    }
    .products .sli-old-price{
        margin-bottom:4px;
    }
    .products .sli-new-price{
        font-size:18px;
    }
    .products .sli-actions{
        flex:1;
        min-width:0;
        justify-content:flex-end;
        flex-wrap:nowrap;
    }
    .products .sli-actions .saas-qty{
        height:42px;
        min-width:98px;
        border-radius:var(--radius-ui);
        background:var(--bg-light);
    }
    .products .btn-sli-cart{
        width:42px;
        height:42px;
        border-radius:var(--radius-ui);
        background:rgba(61,90,254,0.08);
    }
    .products .btn-sli-buy,
    .products .btn-sli-stokyok{
        min-width:148px;
        height:42px;
        border-radius:var(--radius-ui);
        justify-content:center;
    }
}
@media (max-width:576px){
    .products .saas-list-item{
        padding:14px 12px;
        border-radius:var(--radius-ui);
        gap:12px;
    }
    .products .sli-left{
        gap:10px;
    }
    .products .sli-img{
        width:60px;
        height:60px;
        border-radius:var(--radius-ui);
    }
    .products .sli-title{
        font-size:14px;
    }
    .products .sli-desc{
        font-size:12px;
    }
    .products .sli-right{
        flex-direction:row;
        align-items:center;
        justify-content:space-between;
        flex-wrap:nowrap;
        gap:12px;
        padding-top:12px;
        margin-top:2px;
        border-top:1px solid var(--border-color);
    }
    .products .sli-price-col{
        width: auto;
        min-width: max-content;
        flex-direction: row-reverse;
        align-items: baseline;
        justify-content: flex-end;
        text-align: left;
        gap: 8px;
    }
    .products .sli-old-price{
        margin-bottom:0;
        font-size:11px;
    }
    .products .sli-actions{
        flex:1;
        width:auto;
        min-width:0;
        justify-content:flex-end;
        align-items:center;
        flex-wrap:nowrap;
        gap:8px;
    }
    .products .sli-actions .saas-qty{
        width:92px;
        min-width:92px;
        order:0;
        height:40px;
        border-radius:var(--radius-ui);
        background:var(--bg-light);
    }
    .products .btn-sli-cart{
        width:40px;
        height:40px;
        flex:0 0 40px;
        order:0;
        border-radius:var(--radius-ui);
        background:rgba(61,90,254,0.08);
    }
    .products .btn-sli-buy,
    .products .btn-sli-stokyok{
        flex:1 1 auto;
        min-width:0;
        max-width:none;
        height:40px;
        padding:0 14px;
        font-size:13px;
        gap:8px;
        white-space:nowrap;
        order:0;
        border-radius:var(--radius-ui);
    }
    .products .sli-actions > .btn-sli-buy:only-child,
    .products .sli-actions > .btn-sli-stokyok:only-child{
        width:auto;
        flex:1 1 auto;
    }
}
@media (max-width:380px){
    .products .sli-img{
        width:56px;
        height:56px;
    }
    .products-list-badge{
        font-size:9px;
        padding:4px 7px;
    }
    .products .sli-new-price{
        font-size:17px;
    }
    .products .sli-price-col{
        gap:6px;
    }
    .products .sli-right{
        gap:8px;
    }
    .products .sli-actions{
        gap:6px;
    }
    .products .sli-actions .saas-qty{
        width:84px;
        min-width:84px;
    }
    .products .btn-sli-cart{
        width:38px;
        height:38px;
        flex-basis:38px;
    }
    .products .btn-sli-buy,
    .products .btn-sli-stokyok{
        height:38px;
        padding:0 12px;
        font-size:12px;
    }
}
.compact-info-card{
    background:var(--bg-header); border:1px solid var(--border-color); border-radius:var(--radius-ui);
    padding:24px; display:flex; align-items:center; gap:20px;
    box-shadow:0 4px 15px rgba(0,0,0,0.02); height:100%; transition:all 0.3s ease;
}
.compact-info-card:hover{
    border-color:var(--border-color); box-shadow:0 10px 25px rgba(0,0,0,0.05);
}

.cic-icon{
    width:56px; height:56px; border-radius:var(--radius-ui); display:flex; align-items:center;
    justify-content:center; font-size:24px; flex-shrink:0;
}
.cic-icon.blue{ background:rgba(61,90,254,0.1); color:var(--primary-blue); }
.cic-icon.orange{ background:rgba(245,158,11,0.1); color:var(--warning-orange); }

.cic-content{ flex:1; display:flex; flex-direction:column; }
.cic-title{ font-size:15px; font-weight:900; color:var(--dark-text); margin:0 0 6px 0; }
.cic-desc{ font-size:13px; font-weight:500; color:var(--gray-text); margin:0; line-height:1.5; }
.cic-desc b, .cic-desc strong{ color:var(--dark-text); font-weight:800; }

.cic-action{ flex-shrink:0; }

.btn-cic-play{
    background:var(--bg-light); color:var(--dark-text); border:1px solid var(--border-color); padding:10px 20px;
    border-radius:var(--radius-ui); font-size:13px; font-weight:800; display:inline-flex;
    align-items:center; gap:8px; cursor:pointer; transition:all 0.3s; border:none;
}
.btn-cic-play:hover{ background:var(--primary-blue); color:#fff; border-color:var(--primary-blue); box-shadow:0 4px 15px rgba(61,90,254,0.2); }

.cic-rating-box{ display:flex; flex-direction:column; align-items:flex-end; text-align:right; }
.cic-rating-score{ font-size:28px; font-weight:900; color:var(--dark-text); display:flex; align-items:center; gap:8px; line-height:1; margin-bottom:4px; }
.cic-rating-stars{ color:var(--warning-orange); font-size:16px; display:flex; gap:2px; }
.saas-faq-box{ background:var(--bg-header); border:1px solid var(--border-color); border-radius:var(--radius-ui); padding:20px; box-shadow:0 4px 15px rgba(0,0,0,0.02); }
.saas-faq-box h3{ font-size:16px; font-weight:900; color:var(--dark-text); margin-bottom:10px; }
.saas-faq-box p{ font-size:14px; font-weight:500; color:var(--gray-text); margin:0; line-height:1.6; }
#nasilModal .modal-content{ border:1px solid var(--border-color); border-radius:var(--radius-ui); box-shadow:0 10px 40px rgba(0,0,0,0.12); overflow:hidden; background:var(--bg-header); }
#nasilModal .modal-header{ padding:20px 24px; background:var(--bg-light); border-bottom:1px solid var(--border-color); }
#nasilModal .modal-title{ font-size:18px; font-weight:900; color:var(--dark-text); display:flex; align-items:center; gap:10px; }
#nasilModal .modal-title i{ font-size:22px; color:var(--primary-blue); }
#nasilModal .modal-body{ padding:24px; font-size:15px; line-height:1.7; color:var(--gray-text); max-height:70vh; overflow-y:auto; }
#nasilModal .modal-body.howtousecontent{ color:var(--gray-text); font-size:15px; line-height:1.75; }
#nasilModal .modal-body.howtousecontent p{ margin:0 0 0.85em 0; }
#nasilModal .modal-body.howtousecontent p:last-child{ margin-bottom:0; }
#nasilModal .modal-body.howtousecontent strong, #nasilModal .modal-body.howtousecontent b{ color:var(--dark-text); font-weight:700; }
#nasilModal .modal-body.howtousecontent h2, #nasilModal .modal-body.howtousecontent h3{ margin:1.1em 0 0.45em 0; font-size:1.1rem; font-weight:700; color:var(--dark-text); }
#nasilModal .modal-body.howtousecontent ul, #nasilModal .modal-body.howtousecontent ol{ padding-left:1.4em; margin:0 0 0.9em 0; }
#nasilModal .modal-body.howtousecontent ul{ list-style:disc; }
#nasilModal .modal-body.howtousecontent li{ margin-bottom:0.35em; line-height:1.65; }
#nasilModal .modal-body.howtousecontent a{ color:var(--primary-blue); text-decoration:underline; text-underline-offset:2px; }
#nasilModal .btn-close{ padding:8px; opacity:0.6; border:none !important; box-shadow:none !important; outline:none !important; }
#nasilModal .btn-close:hover{ opacity:1; }
#nasilModal .btn-close:focus,
#nasilModal .btn-close:focus-visible{ border:none !important; box-shadow:none !important; outline:none !important; }
#urunlerOrIlanlar .tab-pane{
    display:none;
}
#urunlerOrIlanlar .tab-pane.show{
    display:block;
}

.balance-transfer-wrapper{
    padding-top:30px;
    padding-bottom:60px;
}

.balance-transfer-wrapper .bento-box{ padding:30px; }

.balance-transfer-wrapper .bento-box-head,
.account-delete-wrapper .bento-box-head{
    display:flex;
    align-items:center;
    gap:14px;
    margin-bottom:24px;
    padding-bottom:16px;
    border-bottom:1px solid var(--border-color);
}
.balance-transfer-wrapper .bento-box-head i{
    width:42px;
    height:42px;
    border-radius:var(--radius-ui);
    background:rgba(61,90,254,0.1);
    color:var(--primary-blue);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:20px;
    flex-shrink:0;
}
.account-delete-wrapper .bento-box-head i{
    width:42px;
    height:42px;
    border-radius:var(--radius-ui);
    background:rgba(255,68,84,0.1);
    color:var(--danger-red);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:20px;
    flex-shrink:0;
}
.balance-transfer-wrapper .bento-box-head h2,
.account-delete-wrapper .bento-box-head h2{
    font-size:18px;
    font-weight:800;
    color:var(--dark-text);
    margin:0;
}

.balance-transfer-wrapper .bento-alert-info{
    display:flex;
    align-items:flex-start;
    gap:12px;
    background:rgba(61, 90, 254, 0.05);
    border:1px solid rgba(61, 90, 254, 0.15);
    border-radius:var(--radius-ui);
    padding:16px 20px;
    color:var(--dark-text);
    font-size:13px;
    font-weight:500;
    line-height:1.6;
    margin-bottom:24px;
}

.balance-transfer-wrapper .bento-form-group{
    margin-bottom:20px;
    position:relative;
}
.balance-transfer-wrapper .bento-form-group label{
    font-size:13px;
    font-weight:700;
    color:var(--dark-text);
    margin-bottom:8px;
    display:block;
}

.balance-transfer-wrapper .bento-input-wrap i.icon-left{
    position:absolute;
    left:16px;
    color:var(--gray-text);
    font-size:18px;
    z-index:2;
    pointer-events:none;
}

.balance-transfer-wrapper .bento-form-control{
    width:100%;
    height:52px;
    background:var(--input-bg);
    border:1px solid var(--border-color);
    border-radius:var(--radius-ui);
    padding:0 16px 0 46px;
    font-size:14px;
    font-weight:600;
    color:var(--dark-text);
    transition:all 0.3s ease;
    box-shadow:none;
}

.balance-transfer-wrapper .bento-form-control:focus{
    border-color:var(--primary-blue);
    background:var(--bg-header);
    box-shadow:0 0 0 3px rgba(61,90,254,0.1);
    outline:none;
}

.balance-transfer-wrapper .bento-amount-group{
    position:relative;
    display:flex;
    align-items:center;
    width:100%;
}
.balance-transfer-wrapper .bento-amount-group i.icon-left{
    position:absolute;
    left:16px;
    color:var(--gray-text);
    font-size:18px;
    z-index:2;
    pointer-events:none;
}
.balance-transfer-wrapper .bento-amount-group .bento-form-control{
    padding-right:100px;
}
.balance-transfer-wrapper .btn-tum-bakiye{
    position:absolute;
    right:6px;
    height:40px;
    padding:0 16px;
    background:rgba(61,90,254,0.1);
    color:var(--primary-blue);
    border:none;
    border-radius:var(--radius-ui);
    font-size:12px;
    font-weight:800;
    cursor:pointer;
    transition:all 0.3s ease;
    z-index:2;
}
.balance-transfer-wrapper .btn-tum-bakiye:hover{
    background:var(--primary-blue);
    color:#fff;
    box-shadow:0 4px 10px rgba(61,90,254,0.25);
}

.balance-transfer-wrapper ul.results{
    position:absolute;
    top:100%;
    left:0;
    width:100%;
    background:var(--bg-header);
    border:1px solid var(--border-color);
    border-radius:var(--radius-ui);
    margin-top:8px;
    padding:8px;
    list-style:none;
    box-shadow:0 10px 30px rgba(0,0,0,0.1);
    z-index:50;
    max-height:250px;
    overflow-y:auto;
}
.balance-transfer-wrapper ul.results::-webkit-scrollbar{ width:6px; }
.balance-transfer-wrapper ul.results::-webkit-scrollbar-thumb{ background:var(--border-color); border-radius:var(--radius-ui); }

.balance-transfer-wrapper ul.results li{ margin-bottom:4px; }
.balance-transfer-wrapper ul.results li:last-child{ margin-bottom:0; }
.balance-transfer-wrapper ul.results li a{
    display:flex;
    align-items:center;
    gap:12px;
    padding:10px 12px;
    border-radius:var(--radius-ui);
    text-decoration:none;
    color:var(--dark-text);
    transition:all 0.2s ease;
}
.balance-transfer-wrapper ul.results li a:hover{
    background:rgba(61,90,254,0.06);
}
.balance-transfer-wrapper ul.results li a img{
    width:32px;
    height:32px;
    border-radius:var(--radius-ui);
    object-fit:cover;
    border:1px solid var(--border-color);
}
.balance-transfer-wrapper ul.results li a .name{
    font-size:13px;
    font-weight:700;
}

.balance-transfer-wrapper .bento-btn-submit{
    height:52px;
    padding:0 35px;
    border-radius:var(--radius-ui);
    background:linear-gradient(135deg, var(--primary-blue) 0%, #283cb4 100%);
    color:#fff;
    font-size:15px;
    font-weight:800;
    border:none;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    transition:all 0.3s ease;
    box-shadow:0 4px 15px rgba(61,90,254,0.25);
    cursor:pointer;
}
.balance-transfer-wrapper .history-item{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:16px 20px;
    background:var(--bg-light);
    border:1px solid var(--border-color);
    border-radius:var(--radius-ui);
    transition:all 0.3s ease;
    flex-wrap:wrap;
    gap:15px;
}
.balance-transfer-wrapper .history-item:hover{
    background:var(--bg-header);
    border-color:rgba(61, 90, 254, 0.3);
    box-shadow:0 4px 15px rgba(0,0,0,0.03);
}

.balance-transfer-wrapper .hi-left{
    display:flex;
    align-items:center;
    gap:16px;
    flex:1;
    min-width:200px;
}
.balance-transfer-wrapper .hi-icon{
    width:44px;
    height:44px;
    border-radius:var(--radius-ui);
    background:rgba(61,90,254,0.1);
    color:var(--primary-blue);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:20px;
    flex-shrink:0;
}
.balance-transfer-wrapper .hi-info{
    display:flex;
    flex-direction:column;
    gap:4px;
}
.balance-transfer-wrapper .hi-user{
    font-size:14px;
    font-weight:800;
    color:var(--dark-text);
    text-decoration:none;
    display:flex;
    align-items:center;
    gap:6px;
}
.balance-transfer-wrapper .hi-user:hover{ color:var(--primary-blue); }
.balance-transfer-wrapper .hi-id{
    font-size:12px;
    color:var(--gray-text);
    font-weight:600;
}

.balance-transfer-wrapper .hi-right{
    display:flex;
    align-items:center;
    gap:20px;
    flex-wrap:wrap;
}
.balance-transfer-wrapper .hi-amount{
    font-size:16px;
    font-weight:900;
    color:var(--danger-red);
    white-space:nowrap;
}
.balance-transfer-wrapper .hi-amount::before{
    content:'-';
}
.balance-transfer-wrapper .hi-badge{
    padding:6px 12px;
    border-radius:var(--radius-ui);
    font-size:11px;
    font-weight:800;
    white-space:nowrap;
}
.balance-transfer-wrapper .badge-warning{ background:rgba(255, 179, 0, 0.1); color:#a56b00; border:1px solid rgba(255, 179, 0, 0.2); }
.balance-transfer-wrapper .badge-success{ background:rgba(17, 211, 119, 0.1); color:var(--success-green); border:1px solid rgba(17, 211, 119, 0.2); }
.balance-transfer-wrapper .badge-danger{ background:rgba(255, 68, 84, 0.1); color:var(--danger-red); border:1px solid rgba(255, 68, 84, 0.2); }

.balance-transfer-wrapper .hi-date{
    display:inline-flex;
    align-items:center;
    gap:6px;
    padding:6px 12px;
    border-radius:var(--radius-ui);
    background:var(--bg-header);
    border:1px solid var(--border-color);
    font-size:11px;
    font-weight:700;
    color:var(--gray-text);
    white-space:nowrap;
}
.balance-transfer-wrapper .hi-date i{ color:var(--primary-blue); font-size:14px; }

.balance-transfer-wrapper .bento-empty-state{
    text-align:center;
    padding:40px 20px;
    background:var(--bg-light);
    border:1px dashed var(--border-color);
    border-radius:var(--radius-ui);
    color:var(--gray-text);
    font-size:14px;
    font-weight:600;
}
.balance-transfer-wrapper .bento-empty-state i{
    font-size:36px;
    color:var(--primary-blue);
    opacity:0.5;
    display:block;
    margin-bottom:12px;
}
.kyc-page-wrapper{
    padding-top:40px;
}

.kyc-split-card{
    display:flex;
    background:var(--bg-header);
    border-radius:var(--radius-ui);
    overflow:hidden;
    box-shadow:0 20px 50px rgba(0,0,0,0.05);
    border:1px solid var(--border-color);
    min-height:500px;
}

.kyc-sc-left{
    flex:1;
    max-width:400px;
    background:linear-gradient(135deg, #1e1b4b 0%, #312e81 100%);
    padding:40px;
    color:#fff;
    display:flex;
    flex-direction:column;
    position:relative;
}
.kyc-sc-left::after{
    content:''; position:absolute; top:0; left:0; width:100%; height:100%;
    background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    pointer-events:none;
}

.ksc-brand{
    display:flex; align-items:center; gap:12px; margin-bottom:40px; position:relative; z-index:2;
}
.ksc-brand i{ font-size:32px; color:#4ade80; }
.ksc-brand span{ font-size:20px; font-weight:900; letter-spacing:1px; }

.ksc-title{ font-size:28px; font-weight:800; line-height:1.2; margin-bottom:16px; position:relative; z-index:2; }
.ksc-desc{ font-size:14px; color:rgba(255,255,255,0.7); line-height:1.6; margin-bottom:40px; position:relative; z-index:2; }

.ksc-features{ display:flex; flex-direction:column; gap:24px; position:relative; z-index:2; }
.ksc-feature-item{ display:flex; gap:16px; align-items:flex-start; }
.ksc-feature-icon{
    width:48px; height:48px; border-radius:var(--radius-ui); background:rgba(255,255,255,0.1); border:1px solid rgba(255,255,255,0.1); display:flex; align-items:center; justify-content:center; font-size:20px; color:#60a5fa; flex-shrink:0; backdrop-filter:blur(4px);
}
.ksc-feature-text h4{ font-size:15px; font-weight:800; margin:0 0 4px 0; color:#fff; }
.ksc-feature-text p{ font-size:13px; color:rgba(255,255,255,0.6); margin:0; line-height:1.5; }

.ksc-footer-note{
    margin-top:auto; padding-top:30px; font-size:12px; color:rgba(255,255,255,0.5); display:flex; align-items:center; gap:8px; position:relative; z-index:2;
}

.kyc-sc-right{
    flex:1;
    padding:50px;
    background:var(--bg-body);
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.kyc-state-content{
    text-align:center;
    max-width:450px;
    margin:0 auto;
    width:100%;
}

.kyc-state-icon{
    width:96px; height:96px; border-radius:50%; margin:0 auto 24px auto; display:flex; align-items:center; justify-content:center; font-size:40px; position:relative;
}

.kyc-state-icon.unverified{ background:rgba(61,90,254,0.1); color:var(--primary-blue); box-shadow:0 0 0 10px rgba(61,90,254,0.05); }
.kyc-state-icon.pending{ background:rgba(255,179,0,0.1); color:var(--warning-orange); box-shadow:0 0 0 10px rgba(255,179,0,0.05); animation:kycPulseWarning 2s infinite; }
.kyc-state-icon.success{ background:rgba(17,211,119,0.1); color:var(--success-green); box-shadow:0 0 0 10px rgba(17,211,119,0.05); }
.kyc-state-icon.rejected{ background:rgba(255,68,84,0.1); color:var(--danger-red); box-shadow:0 0 0 10px rgba(255,68,84,0.05); }

@keyframes kycPulseWarning{
    0%{ box-shadow:0 0 0 0 rgba(255,179,0,0.2); }
    70%{ box-shadow:0 0 0 15px rgba(255,179,0,0); }
    100%{ box-shadow:0 0 0 0 rgba(255,179,0,0); }
}

.kyc-state-title{ font-size:22px; font-weight:900; color:var(--dark-text); margin-bottom:12px; }
.kyc-state-desc{ font-size:14px; color:var(--gray-text); line-height:1.6; margin-bottom:30px; }

.kyc-form-area{
    text-align:left;
    background:var(--bg-header);
    border:1px solid var(--border-color);
    border-radius:var(--radius-ui);
    padding:24px;
    margin-bottom:24px;
}

.kyc-page-wrapper .custom-checkbox-wrapper{
    display:flex; align-items:flex-start; gap:10px; cursor:pointer; font-size:11px; font-weight:600; color:var(--dark-text); line-height:1.5;
}
.kyc-page-wrapper .custom-checkbox-wrapper input[type="checkbox"]{
    width:18px; height:18px; border-radius:4px; cursor:pointer; margin-top:2px; flex-shrink:0;
}
.kyc-page-wrapper .custom-checkbox-wrapper div,
.kyc-page-wrapper .custom-checkbox-wrapper label{
    font-size:11px; font-weight:600; color:var(--dark-text); margin:0; cursor:pointer; line-height:1.5;
}
.kyc-page-wrapper .custom-checkbox-wrapper label span,
.kyc-page-wrapper .custom-checkbox-wrapper a{ font-size:11px; color:var(--primary-blue); text-decoration:underline; font-weight:700; }

.kyc-btn{
    width:100%; height:56px; border-radius:var(--radius-ui); font-size:16px; font-weight:800; border:none; display:flex; align-items:center; justify-content:center; gap:10px; cursor:pointer; transition:all 0.3s ease; text-decoration:none;
}
.kyc-btn.primary{ background:linear-gradient(135deg, var(--primary-blue) 0%, #283cb4 100%); color:#fff; box-shadow:0 8px 20px rgba(61,90,254,0.25); }
.kyc-btn.primary:hover{ box-shadow:0 10px 25px rgba(61,90,254,0.35); filter:brightness(1.03); color:#fff;}

.kyc-btn.warning{ background:linear-gradient(135deg, var(--warning-orange) 0%, #d69400 100%); color:#fff; box-shadow:0 8px 20px rgba(255,179,0,0.25); }
.kyc-btn.warning:hover{ box-shadow:0 10px 25px rgba(255,179,0,0.35); filter:brightness(1.03); color:#fff;}
.favorites-wrapper{
    padding-top:30px;
}

.bento-toolbar{
    background:var(--bg-header);
    border:1px solid var(--border-color);
    border-radius:var(--radius-ui);
    padding:20px 24px;
    display:flex;
    flex-direction:column;
    gap:20px;
    margin-bottom:30px;
    box-shadow:0 4px 15px rgba(0,0,0,0.02);
}

.favorites-wrapper .bt-header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    flex-wrap:wrap;
    gap:16px;
}

.favorites-wrapper .bt-title{
    display:flex;
    align-items:center;
    gap:12px;
}
.favorites-wrapper .bt-title-icon{
    width:48px; height:48px; min-width:48px; min-height:48px; border-radius:var(--radius-ui); background:linear-gradient(135deg, var(--danger-red) 0%, #b91c1c 100%); color:#fff; display:flex; align-items:center; justify-content:center; font-size:24px; box-shadow:0 4px 15px rgba(255,68,84,0.3);
}
.favorites-wrapper .bt-title-texts h1{ margin:0; font-size:20px; font-weight:900; color:var(--dark-text); letter-spacing:-0.5px; }
.favorites-wrapper .bt-title-texts p{ margin:0; font-size:13px; color:var(--gray-text); font-weight:500; }

.favorites-wrapper .bento-tabs{
    display:flex;
    align-items:center;
    background:var(--bg-light);
    border:1px solid var(--border-color);
    border-radius:var(--radius-ui);
    padding:4px;
}
.favorites-wrapper .bento-tab-btn{
    display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:10px 24px; border-radius:var(--radius-ui); font-size:14px; font-weight:700; color:var(--gray-text); text-decoration:none; transition:all 0.3s;
}
.favorites-wrapper .bento-tab-btn:hover{ color:var(--dark-text); }
.favorites-wrapper .bento-tab-btn.active{
    background:var(--bg-header); color:var(--dark-text); box-shadow:0 2px 8px rgba(0,0,0,0.05); border:1px solid var(--border-color);
}

.favorites-wrapper .bento-search-box{
    position:relative;
    width:100%;
}
.favorites-wrapper .bento-search-box i.search-icon{ position:absolute; left:16px; top:50%; transform:translateY(-50%); font-size:18px; color:var(--gray-text); pointer-events:none; }
.favorites-wrapper .bento-search-box i.clear-icon{ position:absolute; right:16px; top:50%; transform:translateY(-50%); font-size:18px; color:var(--danger-red); cursor:pointer; display:none; }
.favorites-wrapper .bento-search-box input{
    width:100%; height:50px; background:var(--input-bg); border:1px solid var(--border-color); border-radius:var(--radius-ui); padding:0 44px; font-size:14px; font-weight:600; color:var(--dark-text); transition:all 0.3s;
}
.favorites-wrapper .bento-search-box input:focus{ border-color:var(--primary-blue); box-shadow:0 0 0 3px rgba(61,90,254,0.1); outline:none; }
.favorites-wrapper .bento-adv-card{
    background:var(--bg-header);
    border:1px solid var(--border-color);
    border-radius:var(--radius-ui);
    overflow:hidden;
    display:flex;
    flex-direction:column;
    transition:all 0.3s ease;
    box-shadow:0 4px 15px rgba(0,0,0,0.02);
    position:relative;
    height:100%;
}
.favorites-wrapper .bento-adv-card:hover{
    border-color:rgba(61,90,254,0.3);
    box-shadow:0 12px 25px rgba(0,0,0,0.06);
}

.favorites-wrapper .bac-image-wrap{
    position:relative;
    width:100%;
    aspect-ratio:1 / 1;
    background:var(--bg-light);
    overflow:hidden;
    display:block;
}
.favorites-wrapper .bac-image-wrap img.main-img{
    width:100%; height:100%; object-fit:cover; transition:transform 0.4s ease;
}

.favorites-wrapper .bac-user-info{
    position:absolute; bottom:10px; left:10px; z-index:2; display:flex; align-items:center; gap:6px;
}
.favorites-wrapper .bac-user-badge{
    display:flex; align-items:center; gap:6px; background:rgba(255,255,255,0.9); backdrop-filter:blur(4px); -webkit-backdrop-filter:blur(4px); padding:4px 8px; border-radius:var(--radius-ui); font-size:11px; font-weight:700; color:var(--dark-text); box-shadow:0 4px 10px rgba(0,0,0,0.1); text-decoration:none; transition:all 0.2s;
}
body.dark-mode .favorites-wrapper .bac-user-badge{ background:rgba(0,0,0,0.75); color:#fff; }
.favorites-wrapper .bac-user-badge:hover{ color:var(--primary-blue); }
.favorites-wrapper .bac-user-badge img{ width:16px; height:16px; border-radius:4px; object-fit:cover; }

.favorites-wrapper .bac-cat-icon{
    width:24px; height:24px; border-radius:var(--radius-ui); display:flex; align-items:center; justify-content:center; box-shadow:0 4px 10px rgba(0,0,0,0.1);
}
.favorites-wrapper .bac-cat-icon img{ width:14px; height:14px; object-fit:contain; }

.favorites-wrapper .bac-highlight{
    position:absolute; top:10px; left:10px; z-index:2;
    padding:4px 10px; border-radius:var(--radius-ui); font-size:10px; font-weight:800; color:#fff; text-transform:uppercase; letter-spacing:0.5px; box-shadow:0 4px 10px rgba(0,0,0,0.15);
}
.favorites-wrapper .bac-highlight.red{ background:var(--danger-red); animation:favoritesPulseRed 2s infinite; }
.favorites-wrapper .bac-highlight.pink{ background:#ec4899; }
.favorites-wrapper .bac-highlight.orange{ background:var(--warning-orange); }

@keyframes favoritesPulseRed{
    0%{ box-shadow:0 0 0 0 rgba(255,68,84,0.4); }
    70%{ box-shadow:0 0 0 8px rgba(255,68,84,0); }
    100%{ box-shadow:0 0 0 0 rgba(255,68,84,0); }
}

.favorites-wrapper .favori-premium-card-wrap{
    position:relative; width:100%; height:100%;
}
.favorites-wrapper .favori-premium-card-wrap .like-form{
    position:absolute; top:10px; right:10px; z-index:10; margin:0;
}
.favorites-wrapper .favori-premium-card-wrap .premium-card{ display:flex; flex-direction:column; height:100%; }
.favorites-wrapper .favori-premium-card-wrap .premium-card .p-content{ flex:1; display:flex; flex-direction:column; justify-content:space-between; }
.favorites-wrapper .favori-premium-card-wrap .premium-card .p-footer{ margin-top:auto; }

.favorites-wrapper .bac-unlike-btn{
    position:absolute; top:0; right:0; z-index:5;
    width:36px; height:36px; border-radius:var(--radius-ui); background:rgba(255,255,255,0.9); backdrop-filter:blur(4px); -webkit-backdrop-filter:blur(4px); border:none; display:flex; align-items:center; justify-content:center; cursor:pointer; transition:all 0.2s ease; box-shadow:0 4px 10px rgba(0,0,0,0.1);
}
body.dark-mode .favorites-wrapper .bac-unlike-btn{ background:rgba(0,0,0,0.6); }
.favorites-wrapper .bac-unlike-btn i{ font-size:20px; color:var(--danger-red); }
.favorites-wrapper .bac-unlike-btn:hover{ background:var(--danger-red); }
.favorites-wrapper .bac-unlike-btn:hover i{ color:#fff; }
.favorites-wrapper .bento-product-card .bac-unlike-btn{ top:10px; right:10px; }
.favorites-wrapper .like-form,
.favorites-wrapper form.fav{ margin:0; }

.favorites-wrapper .bac-body{
    padding:16px;
    display:flex;
    flex-direction:column;
    flex:1;
}
.favorites-wrapper .bac-title{
    font-size:14px; font-weight:700; color:var(--dark-text); text-decoration:none;
    display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
    line-height:1.4; margin-bottom:12px; transition:color 0.2s;
}
.favorites-wrapper .bac-title:hover{ color:var(--primary-blue); }

.favorites-wrapper .bac-foot{
    display:flex; align-items:center; justify-content:space-between; margin-top:auto;
}
.favorites-wrapper .bac-price{ font-size:18px; font-weight:900; color:var(--success-green); }
.favorites-wrapper .bac-price .bac-old-price{ font-size:13px; font-weight:600; color:var(--gray-text); text-decoration:line-through; margin-left:6px; }

.favorites-wrapper .bac-coupon-badge{
    display:inline-flex; align-items:center; gap:4px; padding:4px 8px; border-radius:var(--radius-ui); font-size:11px; font-weight:800; background:rgba(17,211,119,0.1); color:var(--success-green);
}
.favorites-wrapper .bac-go-btn{
    display:inline-flex; align-items:center; justify-content:center; width:32px; height:32px; border-radius:var(--radius-ui); background:rgba(61,90,254,0.1); color:var(--primary-blue); transition:all 0.2s; text-decoration:none;
}
.favorites-wrapper .bac-go-btn:hover{ background:var(--primary-blue); color:#fff; }
.favorites-wrapper .bento-product-card{
    background:var(--bg-header);
    border:1px solid var(--border-color);
    border-radius:var(--radius-ui);
    overflow:hidden;
    display:flex;
    flex-direction:column;
    transition:all 0.3s ease;
    box-shadow:0 4px 15px rgba(0,0,0,0.02);
    position:relative;
    height:100%;
}
.favorites-wrapper .bento-product-card:hover{
    border-color:rgba(61,90,254,0.25);
    box-shadow:0 6px 18px rgba(0,0,0,0.05);
}
.favorites-wrapper .bento-product-card .bac-image-wrap img.main-img{ width:100%; height:100%; object-fit:cover; }

.favorites-wrapper .bento-product-card .bac-buy-btn{
    display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:10px 20px; border-radius:var(--radius-ui); font-size:13px; font-weight:700; background:linear-gradient(135deg, var(--primary-blue) 0%, #283cb4 100%); color:#fff; text-decoration:none; transition:all 0.2s; border:none; cursor:pointer;
}
.favorites-wrapper .bento-product-card .bac-buy-btn:hover{ box-shadow:0 4px 15px rgba(61,90,254,0.35); color:#fff; }
.favorites-wrapper .bento-product-card .bac-buy-btn.stokyok{ background:var(--bg-light); color:var(--gray-text); cursor:not-allowed; }
.favorites-wrapper .bento-product-card .bac-buy-btn.stokyok:hover{ box-shadow:none; }

.favorites-wrapper .bento-empty-state{ text-align:center; padding:60px 20px; background:var(--bg-header); border:1px dashed var(--border-color); border-radius:var(--radius-ui); color:var(--gray-text); margin-top:20px; }
.favorites-wrapper .bento-empty-state i{ font-size:56px; color:var(--danger-red); opacity:0.5; margin-bottom:16px; display:block; }
.favorites-wrapper .bento-empty-state h3{ font-size:18px; font-weight:800; color:var(--dark-text); margin-bottom:8px;}
.favorites-wrapper .bento-empty-state p{ font-size:14px; margin:0; }
.account-delete-wrapper{
    padding-top:30px;
}

.account-delete-wrapper .bento-box{ padding:30px; }

.account-delete-wrapper .bento-alert-danger{
    display:flex;
    align-items:flex-start;
    gap:14px;
    background:rgba(255, 68, 84, 0.05);
    border:1px solid rgba(255, 68, 84, 0.2);
    border-radius:var(--radius-ui);
    padding:20px 24px;
    margin-bottom:24px;
}
.account-delete-wrapper .bento-alert-danger i.main-icon{
    font-size:24px;
    line-height:1;
    color:var(--danger-red);
}
.account-delete-wrapper .bento-alert-danger .alert-content{
    font-size:14px;
    font-weight:600;
    color:var(--dark-text);
    line-height:1.6;
}
.account-delete-wrapper .bento-alert-danger .alert-content strong{
    color:var(--danger-red);
}

.account-delete-wrapper .bento-form-group{
    margin-bottom:20px;
}

.account-delete-wrapper .bento-form-group label{
    font-size:13px;
    font-weight:700;
    color:var(--dark-text);
    margin-bottom:8px;
    display:block;
}

.account-delete-wrapper .bento-input-wrap{
    position:relative;
}

.account-delete-wrapper .bento-input-wrap i.icon-left{
    position:absolute;
    left:16px;
    top:50%;
    transform:translateY(-50%);
    color:var(--gray-text);
    font-size:18px;
    z-index:2;
    pointer-events:none;
}

.account-delete-wrapper .bento-form-select{
    width:100%;
    height:52px;
    background-color:var(--input-bg);
    border:1px solid var(--border-color);
    border-radius:var(--radius-ui);
    padding:0 46px 0 46px;
    font-size:14px;
    font-weight:600;
    color:var(--dark-text);
    box-shadow:none;
    appearance:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23999'%3E%3Cpath d='M12 15.5l-6-6h12z'/%3E%3C/svg%3E");
    background-repeat:no-repeat;
    background-position:right 16px center;
    background-size:20px;
}

.account-delete-wrapper .bento-form-select:hover,
.account-delete-wrapper .bento-form-select:focus{
    border-color:var(--primary-blue);
    background-color:var(--bg-header);
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23999'%3E%3Cpath d='M12 15.5l-6-6h12z'/%3E%3C/svg%3E");
    background-repeat:no-repeat;
    background-position:right 16px center;
    background-size:20px;
    box-shadow:0 0 0 3px rgba(61,90,254,0.1);
    outline:none;
}

.account-delete-wrapper .bento-btn-danger{
    height:52px;
    padding:0 35px;
    border-radius:var(--radius-ui);
    background:linear-gradient(135deg, var(--danger-red) 0%, #d32f2f 100%);
    color:#fff;
    font-size:15px;
    font-weight:800;
    border:none;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    transition:all 0.3s ease;
    box-shadow:0 4px 15px rgba(255, 68, 84, 0.25);
    cursor:pointer;
}
.account-delete-wrapper .bento-btn-danger:hover{
    box-shadow:0 8px 25px rgba(255, 68, 84, 0.35);
    filter:brightness(1.03);
}
.doping-page-wrapper{
    padding-top:30px;
}

.doping-page-wrapper .doping-hero{
    display:flex;
    align-items:center;
    gap:20px;
    margin-bottom:30px;
    background:var(--bg-header);
    border:1px solid var(--border-color);
    border-radius:var(--radius-ui);
    padding:30px;
    box-shadow:0 4px 15px rgba(0,0,0,0.02);
}
.doping-page-wrapper .doping-hero-icon{
    width:64px; height:64px; border-radius:var(--radius-ui); background:linear-gradient(135deg, var(--primary-blue) 0%, #283cb4 100%); color:#fff; display:flex; align-items:center; justify-content:center; font-size:32px; box-shadow:0 8px 20px rgba(61,90,254,0.3); flex-shrink:0;
}
.doping-page-wrapper .doping-hero-texts h1{ margin:0 0 6px 0; font-size:22px; font-weight:900; color:var(--dark-text); letter-spacing:-0.5px; }
.doping-page-wrapper .doping-hero-texts p{ margin:0; font-size:14px; color:var(--gray-text); font-weight:500; line-height:1.5; }

.doping-page-wrapper .bento-apply-all{
    display:flex;
    align-items:center;
    justify-content:space-between;
    background:linear-gradient(135deg, rgba(61,90,254,0.05) 0%, rgba(61,90,254,0.01) 100%);
    border:1px solid rgba(61,90,254,0.2);
    border-radius:var(--radius-ui);
    padding:24px;
    margin-bottom:30px;
    gap:20px;
    flex-wrap:wrap;
}
.doping-page-wrapper .baa-left{ display:flex; align-items:center; gap:16px; }
.doping-page-wrapper .baa-icon{ width:48px; height:48px; border-radius:var(--radius-ui); background:rgba(61,90,254,0.1); color:var(--primary-blue); display:flex; align-items:center; justify-content:center; font-size:24px; flex-shrink:0; }
.doping-page-wrapper .baa-texts h3{ margin:0 0 4px 0; font-size:16px; font-weight:800; color:var(--dark-text); }
.doping-page-wrapper .baa-texts p{ margin:0; font-size:13px; color:var(--gray-text); font-weight:500; line-height:1.4; }

.doping-page-wrapper .modern-switch{
    position:relative; display:inline-block; width:60px; height:34px; flex-shrink:0;
}
.doping-page-wrapper .modern-switch input{ opacity:0; width:0; height:0; }
.doping-page-wrapper .modern-switch .slider{
    position:absolute; cursor:pointer; top:0; left:0; right:0; bottom:0; background-color:#cbd5e1; transition:.4s; border-radius:34px; box-shadow:inset 0 2px 4px rgba(0,0,0,0.1);
}
.doping-page-wrapper .modern-switch .slider:before{
    position:absolute; content:""; height:26px; width:26px; left:4px; bottom:4px; background-color:white; transition:.4s; border-radius:50%; box-shadow:0 2px 5px rgba(0,0,0,0.2);
}
.doping-page-wrapper .modern-switch input:checked + .slider{ background-color:var(--success-green); }
.doping-page-wrapper .modern-switch input:checked + .slider:before{ transform:translateX(26px); }

.doping-page-wrapper .doping-grid{
    display:grid;
    grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));
    gap:20px;
    margin-bottom:40px;
}

.doping-page-wrapper .bento-doping-card{
    --d-color:var(--primary-blue);
    --d-bg:rgba(61,90,254,0.05);
    --d-border:rgba(61,90,254,0.2);
    background:var(--bg-header);
    border:1px solid var(--border-color);
    border-radius:var(--radius-ui);
    padding:24px;
    display:flex;
    flex-direction:column;
    position:relative;
    transition:all 0.3s ease;
    overflow:hidden;
}
.doping-page-wrapper .bento-doping-card:hover{
    box-shadow:0 12px 30px rgba(0,0,0,0.05);
    border-color:var(--d-border);
}

.doping-page-wrapper .bento-doping-card.red{ --d-color:#ef4444; --d-bg:rgba(239,68,68,0.08); --d-border:rgba(239,68,68,0.3); }
.doping-page-wrapper .bento-doping-card.blue{ --d-color:#3b82f6; --d-bg:rgba(59,130,246,0.08); --d-border:rgba(59,130,246,0.3); }
.doping-page-wrapper .bento-doping-card.green{ --d-color:#10b981; --d-bg:rgba(16,185,129,0.08); --d-border:rgba(16,185,129,0.3); }
.doping-page-wrapper .bento-doping-card.orange{ --d-color:#f59e0b; --d-bg:rgba(245,158,11,0.08); --d-border:rgba(245,158,11,0.3); }
.doping-page-wrapper .bento-doping-card.purple{ --d-color:#8b5cf6; --d-bg:rgba(139,92,246,0.08); --d-border:rgba(139,92,246,0.3); }
.doping-page-wrapper .bento-doping-card.pink{ --d-color:#ec4899; --d-bg:rgba(236,72,153,0.08); --d-border:rgba(236,72,153,0.3); }

.doping-page-wrapper .bento-doping-card::before{
    content:''; position:absolute; top:0; right:0; width:100px; height:100px; background:radial-gradient(circle at top right, var(--d-bg), transparent 70%); pointer-events:none; z-index:0;
}

.doping-page-wrapper .bdc-header{ display:flex; align-items:center; gap:14px; margin-bottom:16px; position:relative; z-index:1; }
.doping-page-wrapper .bdc-icon{ width:48px; height:48px; border-radius:var(--radius-ui); background:var(--d-bg); display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.doping-page-wrapper .bdc-icon img{ width:24px; height:24px; object-fit:contain; }
.doping-page-wrapper .bdc-title{ font-size:15px; font-weight:800; color:var(--dark-text); margin:0; line-height:1.3; }

.doping-page-wrapper .bdc-active-status{
    display:flex;
    align-items:center;
    gap:8px;
    background:rgba(17, 211, 119, 0.08);
    border:1px solid rgba(17, 211, 119, 0.2);
    color:var(--success-green);
    padding:12px 14px;
    border-radius:var(--radius-ui);
    font-size:13px;
    font-weight:700;
    margin-bottom:16px;
    position:relative;
    z-index:1;
}
.doping-page-wrapper .bdc-active-status .live-dot{
    width:10px; height:10px; border-radius:50%; background:var(--success-green);
    box-shadow:0 0 0 0 rgba(17, 211, 119, 0.4);
    animation:dopingPulseDot 2s infinite;
    flex-shrink:0;
}
@keyframes dopingPulseDot{
    0%{ box-shadow:0 0 0 0 rgba(17,211,119,0.5); }
    70%{ box-shadow:0 0 0 6px rgba(17,211,119,0); }
    100%{ box-shadow:0 0 0 0 rgba(17,211,119,0); }
}

.doping-page-wrapper .bdc-body{ flex:1; font-size:13px; color:var(--gray-text); line-height:1.6; margin-bottom:20px; position:relative; z-index:1; }

.doping-page-wrapper .bdc-footer{ position:relative; z-index:1; }
.doping-page-wrapper .bdc-select{
    width:100%; height:46px; background-color:var(--input-bg); border:1px solid var(--border-color); border-radius:var(--radius-ui); padding:0 16px; font-size:14px; font-weight:700; color:var(--dark-text); cursor:pointer;
    appearance:none; -webkit-appearance:none; -moz-appearance:none;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23999'%3E%3Cpath d='M12 15.5l-6-6h12z'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:right 16px center; background-size:20px;
}
.doping-page-wrapper .bdc-select:hover,
.doping-page-wrapper .bdc-select:focus{
    border-color:var(--d-color); box-shadow:0 0 0 3px var(--d-bg); outline:none;
}

.doping-page-wrapper .bento-checkout-bar{
    display:flex;
    align-items:center;
    justify-content:space-between;
    background:var(--bg-header);
    border:1px solid var(--border-color);
    border-radius:var(--radius-ui);
    padding:20px 30px;
    box-shadow:0 10px 30px rgba(0,0,0,0.05);
    position:sticky;
    bottom:20px;
    z-index:99;
    flex-wrap:wrap;
    gap:20px;
}
.doping-page-wrapper .bcb-back-btn{
    display:inline-flex; align-items:center; gap:8px; padding:12px 20px; border-radius:var(--radius-ui); background:var(--bg-light); border:1px solid var(--border-color); color:var(--dark-text); font-size:14px; font-weight:700; text-decoration:none; transition:all 0.3s;
}
.doping-page-wrapper .bcb-back-btn:hover{ background:var(--border-color); }

.doping-page-wrapper .bcb-right{ display:flex; align-items:center; gap:24px; flex-wrap:wrap; }

.doping-page-wrapper .bcb-price-info{ display:flex; flex-direction:column; text-align:right; }
.doping-page-wrapper .bcb-price-lbl{ font-size:12px; font-weight:700; color:var(--gray-text); text-transform:uppercase; margin-bottom:2px; }
.doping-page-wrapper .bcb-price-val{ font-size:20px; font-weight:900; color:var(--dark-text); display:flex; align-items:center; gap:10px;}
.doping-page-wrapper .bcb-unit-price{ font-size:12px; font-weight:700; color:var(--primary-blue); background:rgba(61,90,254,0.1); padding:4px 8px; border-radius:6px; display:none; }

.doping-page-wrapper .bcb-submit-btn{
    display:inline-flex; align-items:center; gap:8px; height:52px; padding:0 32px; border-radius:var(--radius-ui); background:linear-gradient(135deg, var(--success-green) 0%, #0db866 100%); color:#fff; font-size:15px; font-weight:800; border:none; cursor:pointer; transition:all 0.3s; box-shadow:0 4px 15px rgba(17,211,119,0.3);
}
.doping-page-wrapper .bcb-submit-btn:hover{ box-shadow:0 8px 25px rgba(17,211,119,0.4); filter:brightness(1.03); }
.doping-page-wrapper .bcb-submit-btn:disabled{ background:var(--gray-text); box-shadow:none; cursor:not-allowed; transform:none; }
.stats-page-wrapper{
    padding-top:30px;
}

.stats-page-wrapper .stats-hero{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    margin-bottom:30px;
    background:var(--bg-header);
    border:1px solid var(--border-color);
    border-radius:var(--radius-ui);
    padding:30px;
    box-shadow:0 4px 15px rgba(0,0,0,0.02);
    flex-wrap:wrap;
}
.stats-page-wrapper .sh-icon{
    width:64px; height:64px; border-radius:var(--radius-ui); background:linear-gradient(135deg, var(--primary-blue) 0%, #283cb4 100%); color:#fff; display:flex; align-items:center; justify-content:center; font-size:32px; box-shadow:0 8px 20px rgba(61,90,254,0.3); flex-shrink:0;
}
.stats-page-wrapper .sh-right .btn-back:hover{
    border-color:var(--warning-orange);
    color:var(--warning-orange);
    background:rgba(255,179,0,0.1);
    box-shadow:0 6px 18px rgba(255,179,0,0.12);
    text-decoration:none;
}
.stats-page-wrapper .sh-right .btn-back:focus-visible{
    outline:2px solid var(--warning-orange);
    outline-offset:2px;
}

.stats-page-wrapper .bento-chart-box{
    background:var(--bg-header);
    border:1px solid var(--border-color);
    border-radius:var(--radius-ui);
    padding:30px;
    box-shadow:0 4px 20px rgba(0,0,0,0.03);
}
.stats-page-wrapper .bcb-head{
    display:flex;
    align-items:center;
    gap:12px;
    margin-bottom:24px;
    padding-bottom:20px;
    border-bottom:1px solid var(--border-color);
}
.stats-page-wrapper .bcb-head i{ font-size:24px; color:var(--primary-blue); background:rgba(61,90,254,0.1); width:42px; height:42px; border-radius:var(--radius-ui); display:flex; align-items:center; justify-content:center; }
.stats-page-wrapper .bcb-head h2{ font-size:18px; font-weight:800; color:var(--dark-text); margin:0; }

.stats-page-wrapper .apexcharts-tooltip{
    background:var(--bg-header) !important;
    border:1px solid var(--border-color) !important;
    box-shadow:0 4px 15px rgba(0,0,0,0.1) !important;
    color:var(--dark-text) !important;
    border-radius:var(--radius-ui) !important;
}
.stats-page-wrapper .apexcharts-tooltip-title{
    background:var(--bg-light) !important;
    border-bottom:1px solid var(--border-color) !important;
    font-family:inherit !important;
    font-weight:800 !important;
}
.stats-page-wrapper .apexcharts-text{
    fill:var(--gray-text) !important;
    font-family:inherit !important;
    font-weight:600 !important;
}
.stats-page-wrapper .apexcharts-gridline{
    stroke:var(--border-color) !important;
}

.stats-page-wrapper .bento-empty-state{
    text-align:center; padding:60px 20px; background:var(--bg-light); border:1px dashed var(--border-color); border-radius:var(--radius-ui); color:var(--gray-text);
}
.stats-page-wrapper .bento-empty-state i{ font-size:56px; color:var(--primary-blue); opacity:0.5; margin-bottom:16px; display:block; }
.stats-page-wrapper .bento-empty-state h3{ font-size:18px; font-weight:800; color:var(--dark-text); margin-bottom:8px;}
.stats-page-wrapper .bento-empty-state p{ font-size:14px; margin:0; }
.fintech-wrapper{ padding-top:40px; }
.wallet-container{ max-width:1140px; margin:0 auto; padding:0 20px; }

.wallet-hero{
    background:linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
    border-radius:var(--radius-ui); padding:40px;
    display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:20px;
    box-shadow:0 20px 40px rgba(15,23,42,0.15); margin-bottom:30px; position:relative; overflow:hidden;
}
.wallet-hero::before{
    content:''; position:absolute; right:-50px; top:-50px; width:300px; height:300px;
    background:radial-gradient(circle, rgba(61,90,254,0.2) 0%, transparent 70%); border-radius:50%; pointer-events:none;
}
.wh-left{ position:relative; z-index:2; }
.wh-label{ font-size:14px; font-weight:700; color:#94a3b8; text-transform:uppercase; letter-spacing:1px; margin-bottom:8px; display:flex; align-items:center; gap:8px; }
.wh-label i{ color:#10b981; font-size:18px; }
.wh-amount{ font-size:48px; font-weight:900; color:#fff; margin:0; line-height:1.1; letter-spacing:-1px; }
.wh-right{ position:relative; z-index:2; }
.wh-total-box{
    background:rgba(255,255,255,0.05); border:1px solid rgba(255,255,255,0.1);
    backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px);
    padding:16px 24px; border-radius:var(--radius-ui); display:flex; flex-direction:column; align-items:flex-end; text-align:right;
}
.wht-label{ font-size:13px; font-weight:600; color:#94a3b8; margin-bottom:4px; }
.wht-val{ font-size:20px; font-weight:800; color:#e2e8f0; }

.action-panel{
    background:#fff; border-radius:var(--radius-ui); padding:40px;
    box-shadow:0 10px 30px rgba(0,0,0,0.03); border:1px solid #e2e8f0; height:100%;
}
.fintech-tabs{
    display:none !important;
    background:#f1f5f9; padding:6px; border-radius:var(--radius-ui); margin-bottom:40px; border:1px solid #e2e8f0;
}
.ft-btn{
    flex:1; display:flex; align-items:center; justify-content:center; gap:8px; padding:14px 20px; border-radius:var(--radius-ui);
    font-size:15px; font-weight:700; color:#64748b; cursor:pointer; transition:all 0.3s ease; text-decoration:none; border:none; background:transparent; outline:none;
}
.ft-btn:hover{ color:#0f172a; }
.ft-btn.active{ background:#fff; color:#0f172a; box-shadow:0 4px 15px rgba(0,0,0,0.05); pointer-events:none; }
.ft-btn i{ font-size:20px; }

.giant-input-wrapper{ text-align:center; margin-bottom:40px; }
.giant-label{ font-size:14px; font-weight:700; color:#64748b; margin-bottom:12px; display:block; text-transform:uppercase; letter-spacing:0.5px; }
.giant-input-container{ display:flex; align-items:center; justify-content:center; gap:10px; position:relative; width:fit-content; margin:0 auto; }
.giant-input{
    font-size:56px; font-weight:900; color:#0f172a; background:transparent; border:none; outline:none; text-align:center;
    width:250px; border-bottom:2px solid #e2e8f0; padding:0 0 10px 0; transition:all 0.3s ease; letter-spacing:-1px;
}
.giant-input:focus{ border-color:#3d5afe; }
.giant-input::placeholder{ color:#cbd5e1; }
.currency-symbol{ font-size:32px; font-weight:800; color:#64748b; padding-bottom:10px; }

.ft-form-group{ margin-bottom:24px; position:relative; }
.ft-form-group label{ font-size:13px; font-weight:700; color:#475569; margin-bottom:8px; display:block; }
.ft-select, .ft-input{
    width:100%; height:56px; background-color:#f8fafc; border:1px solid #e2e8f0; border-radius:var(--radius-ui); padding:0 20px;
    font-size:15px; font-weight:600; color:#0f172a; transition:border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
    appearance:none; outline:none;
}
.ft-select{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2364748b'%3E%3Cpath d='M12 15.5l-6-6h12z'/%3E%3C/svg%3E");
    background-repeat:no-repeat; background-position:right 20px center; background-size:20px; padding-right:40px; cursor:pointer;
}
.ft-select:focus, .ft-input:focus{ border-color:#3d5afe; background-color:#fff; box-shadow:0 0 0 4px rgba(61,90,254,0.1); }
.ft-input:disabled, .ft-input[readonly]{ background:#f1f5f9; color:#64748b; cursor:not-allowed; }

.ft-receipt{
    background:#f8fafc; border:1px solid #e2e8f0; border-radius:var(--radius-ui); padding:24px; margin-top:30px; margin-bottom:30px;
}
.ftr-row{ display:flex; align-items:center; justify-content:space-between; margin-bottom:16px; font-size:14px; font-weight:600; color:#64748b; }
.ftr-row:last-child{ margin-bottom:0; padding-top:16px; border-top:2px dashed #cbd5e1; font-size:16px; font-weight:800; color:#0f172a; }
.ftr-val{ border:none; background:transparent; text-align:right; font-weight:800; color:#0f172a; outline:none; width:120px; }
.ftr-row.danger .ftr-val{ color:#ef4444; }
.ftr-row:last-child .ftr-val{ color:#10b981; font-size:24px; font-weight:900; width:160px; }

.custom-checkbox{ display:flex; align-items:flex-start; gap:12px; margin-bottom:16px; cursor:pointer; }
.custom-checkbox input{ width:22px; height:22px; border-radius:6px; cursor:pointer; margin-top:2px; flex-shrink:0; accent-color:#3d5afe; }
.custom-checkbox span{ font-size:14px; font-weight:500; color:#475569; line-height:1.5; }
.custom-checkbox span b{ color:#0f172a; font-weight:700; }

.ft-submit-btn{
    width:100%; height:60px; border-radius:var(--radius-ui); background:linear-gradient(135deg, #10b981 0%, #059669 100%);
    color:#fff; font-size:16px; font-weight:800; border:none; display:flex; align-items:center; justify-content:center; gap:10px;
    transition:all 0.3s ease; box-shadow:0 8px 25px rgba(16,185,129,0.3); cursor:pointer; margin-top:24px;
}
.ft-submit-btn:hover{ box-shadow:0 12px 35px rgba(16,185,129,0.4); }

.fintech-wrapper .ft-kimlik-alert{
    border-radius:var(--radius-ui); padding:18px 24px; background:linear-gradient(135deg, rgba(61,90,254,0.06) 0%, rgba(61,90,254,0.02) 100%);
    border:1px solid rgba(61,90,254,0.2); color:var(--dark-text, #0f172a); font-size:14px; font-weight:600; line-height:1.5;
}
.fintech-wrapper .ft-kimlik-alert i.ri-shield-keyhole-fill{ font-size:20px; color:#3d5afe; }
.fintech-wrapper .ft-kimlik-btn{
    display:inline-flex; align-items:center; gap:8px; padding:12px 22px; border-radius:var(--radius-ui);
    background:linear-gradient(135deg, #3d5afe 0%, #2d4ae8 100%); color:#fff !important; font-size:14px; font-weight:700;
    text-decoration:none; border:none; box-shadow:0 4px 16px rgba(61,90,254,0.35); transition:all 0.3s ease; white-space:nowrap;
}
.fintech-wrapper .ft-kimlik-btn:hover{ color:#fff !important; box-shadow:0 6px 24px rgba(61,90,254,0.45); }
.fintech-wrapper .ft-kimlik-btn i{ font-size:18px; }

.side-panel{ display:flex; flex-direction:column; gap:24px; height:100%; }
.side-card{ background:#fff; border-radius:var(--radius-ui); padding:30px; box-shadow:0 10px 30px rgba(0,0,0,0.03); border:1px solid #e2e8f0; }
.sc-head{ display:flex; align-items:center; justify-content:space-between; margin-bottom:24px; }
.sc-head h3{ font-size:16px; font-weight:800; color:#0f172a; margin:0; display:flex; align-items:center; gap:8px; }
.sc-head h3 i{ color:#3d5afe; font-size:20px; }
.btn-add-mini{ background:rgba(61,90,254,0.1); color:#3d5afe; padding:8px 14px; border-radius:var(--radius-ui); font-size:12px; font-weight:800; border:none; cursor:pointer; transition:all 0.3s; }
.btn-add-mini:hover{ background:#3d5afe; color:#fff; }

.bank-item{
    background:#f8fafc; border:1px solid #e2e8f0; border-radius:var(--radius-ui); padding:16px;
    display:flex; align-items:center; justify-content:space-between; margin-bottom:12px; transition:all 0.3s;
}
.bank-item:last-child{ margin-bottom:0; }
.bank-item:hover{ border-color:#cbd5e1; background:#fff; }
.bi-info{ display:flex; flex-direction:column; gap:4px; }
.bi-name{ font-size:14px; font-weight:800; color:#0f172a; }
.bi-iban{ font-size:13px; font-weight:600; color:#64748b; font-family:'Gilroy', sans-serif; letter-spacing:0.5px; }
.bi-owner{ font-size:12px; font-weight:600; color:#64748b; }
.btn-del{ width:32px; height:32px; border-radius:var(--radius-ui); background:rgba(239,68,68,0.1); color:#ef4444; border:none; display:flex; align-items:center; justify-content:center; cursor:pointer; transition:all 0.2s; }
.btn-del:hover{ background:#ef4444; color:#fff; }

.info-list{ margin:0; padding-left:20px; font-size:13px; font-weight:600; color:#64748b; line-height:1.6; list-style:disc; }
.info-list li{ margin-bottom:8px; }
.info-list li:last-child{ margin-bottom:0; }
.info-list li.warn{ color:#ef4444; }

.history-cardd{
    background:#fff; border-radius:var(--radius-ui); padding:30px; box-shadow:0 10px 30px rgba(0,0,0,0.03); border:1px solid #e2e8f0; margin-top:24px;
}
.tx-list{ display:flex; flex-direction:column; gap:12px; }
.tx-item{
    display:flex; align-items:center; justify-content:space-between; padding:20px; background:#f8fafc; border:1px solid #e2e8f0;
    border-radius:var(--radius-ui); transition:all 0.3s ease; flex-wrap:wrap; gap:16px;
}
.tx-item:hover{ background:#fff; border-color:#cbd5e1; box-shadow:0 4px 15px rgba(0,0,0,0.03); }
.txi-left{ display:flex; align-items:center; gap:16px; flex:1; min-width:200px; }
.txi-icon{ width:48px; height:48px; border-radius:var(--radius-ui); background:rgba(61,90,254,0.1); color:#3d5afe; display:flex; align-items:center; justify-content:center; font-size:20px; flex-shrink:0; }
.txi-info{ display:flex; flex-direction:column; gap:6px; min-width:0; }
.txi-title{ font-size:15px; font-weight:800; color:#0f172a; word-break:break-all; font-family:'Gilroy', sans-serif; letter-spacing:0.5px; }
.txi-date{ font-size:13px; color:#64748b; font-weight:500; display:flex; align-items:center; gap:6px; }
.txi-right{ display:flex; align-items:center; gap:24px; flex-wrap:wrap; flex-shrink:0; }
.txi-amount-col{ display:flex; flex-direction:column; align-items:flex-end; gap:4px; min-width:120px; }
.txi-amount{ font-size:18px; font-weight:900; color:#0f172a; white-space:nowrap; }
.txi-fee{ font-size:12px; font-weight:700; color:#64748b; white-space:nowrap; }
.txi-status{ flex-shrink:0; }
.txi-status .badge, .txi-status span.badge{ padding:8px 14px; border-radius:var(--radius-ui); font-size:12px; font-weight:700; display:inline-block; border:none; }
.txi-status .txi-badge-success, .txi-status .badge.bg-success{ background:rgba(16,185,129,0.15) !important; color:#059669 !important; }
.txi-status .txi-badge-danger, .txi-status .badge.bg-danger{ background:rgba(239,68,68,0.15) !important; color:#dc2626 !important; }
.txi-status .txi-badge-info, .txi-status .badge.bg-info{ background:rgba(59,130,246,0.15) !important; color:#2563eb !important; }

.swal2-popup .swal2-title br{ display:none; }
.bank-add-modal{ padding:0.5rem 1rem 10px 0 !important; }
.bank-add-modal .swal2-header{ padding:0; margin:0; border:none; }
.bank-add-modal .swal2-title{ padding:0; margin:0 2rem 12px 0; max-width:none; }
.bank-add-modal .swal2-html-container{ margin:0; padding:0; line-height:1.4; }
.bank-add-modal .swal2-actions{ margin:1rem 0 0; padding:0; }

.tx-pagination{ display:flex; align-items:center; justify-content:space-between; margin-top:24px; padding-top:24px; border-top:1px solid #e2e8f0; flex-wrap:wrap; gap:15px; }
.tx-info-text{ font-size:13px; font-weight:600; color:#64748b; }
.tx-btns{ display:flex; gap:10px; }
.tx-btn{ padding:10px 20px; border-radius:var(--radius-ui); background:#f8fafc; border:1px solid #e2e8f0; color:#0f172a; font-size:13px; font-weight:700; cursor:pointer; transition:all 0.2s; display:flex; align-items:center; gap:6px; }
.tx-btn:hover:not(:disabled){ background:#3d5afe; color:#fff; border-color:#3d5afe; }
.tx-btn:disabled{ opacity:0.5; cursor:not-allowed; }
.history-total-badge{ font-size:13px; font-weight:700; color:#64748b; background:#f1f5f9; padding:8px 16px; border-radius:var(--radius-ui); }
.history-total-val{ color:#10b981; font-size:15px; font-weight:900; }

/* Para çek (/p/para-cek): çekim geçmişi .tx-item — yalnızca bu sayfa (fintech .tx-item üstüne yazar) */
.fintech-wrapper.para-cek-page .tx-list{ gap:10px; }
.fintech-wrapper.para-cek-page .tx-item{
    display:grid;
    grid-template-columns:minmax(0, 1fr) auto;
    align-items:center;
    column-gap:20px;
    row-gap:12px;
    padding:16px 18px;
    flex-wrap:unset;
    justify-content:unset;
}
.fintech-wrapper.para-cek-page .txi-left{
    flex:unset;
    min-width:0;
    align-items:flex-start;
}
.fintech-wrapper.para-cek-page .txi-info{ min-width:0; }
.fintech-wrapper.para-cek-page .txi-right{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:16px 20px;
    flex-wrap:nowrap;
    flex-shrink:0;
}
.fintech-wrapper.para-cek-page .txi-amount-col{
    min-width:0;
    align-items:flex-end;
    text-align:right;
}
.fintech-wrapper.para-cek-page .txi-status{ min-width:0; }
.fintech-wrapper.para-cek-page .txi-status .badge,
.fintech-wrapper.para-cek-page .txi-status span.badge{
    max-width:220px;
    white-space:normal;
    word-break:break-word;
    text-align:center;
    line-height:1.25;
}
@media (max-width: 767px){
    /* Sayfa geneli: dar kenar, hero dikey */
    .fintech-wrapper.para-cek-page > .container-xxl{
        padding-left:12px;
        padding-right:12px;
    }
    .fintech-wrapper.para-cek-page .wallet-hero{
        flex-direction:column;
        align-items:stretch;
    }
    .fintech-wrapper.para-cek-page .wh-right{ width:100%; }
    .fintech-wrapper.para-cek-page .wh-total-box{
        width:100%;
        align-items:flex-start;
        text-align:left;
    }
    .fintech-wrapper.para-cek-page .giant-input-container{
        width:100%;
        max-width:100%;
        justify-content:center;
        flex-wrap:wrap;
        gap:8px;
    }
    .fintech-wrapper.para-cek-page .giant-input{
        width:100%;
        max-width:min(300px, 90vw);
        min-width:0;
    }
    /* .tx-item .txi-right: genel fintech mobil kuralından (3 sınıf, dosya sonu) üstün — 4 sınıf */
    .fintech-wrapper.para-cek-page .tx-item{
        grid-template-columns:1fr;
        padding:14px 12px;
        row-gap:10px;
    }
    .fintech-wrapper.para-cek-page .tx-item .txi-left{
        gap:12px;
        align-items:flex-start;
    }
    .fintech-wrapper.para-cek-page .tx-item .txi-icon{
        width:40px;
        height:40px;
        font-size:17px;
    }
    .fintech-wrapper.para-cek-page .tx-item .txi-title{
        font-size:13px;
        line-height:1.35;
        word-break:break-word;
    }
    .fintech-wrapper.para-cek-page .tx-item .txi-date{
        font-size:12px;
        flex-wrap:wrap;
    }
    .fintech-wrapper.para-cek-page .tx-item .txi-right{
        display:grid;
        grid-template-columns:minmax(0, 1fr) auto;
        align-items:center;
        gap:10px 12px;
        width:100%;
        max-width:100%;
        box-sizing:border-box;
        padding-top:12px;
        margin-top:4px;
        border-top:1px solid #e2e8f0;
        flex-wrap:unset;
        justify-content:unset;
    }
    .fintech-wrapper.para-cek-page .tx-item .txi-amount-col{
        align-items:flex-start;
        text-align:left;
        min-width:0;
    }
    .fintech-wrapper.para-cek-page .tx-item .txi-amount{
        white-space:normal;
        line-height:1.25;
    }
    .fintech-wrapper.para-cek-page .tx-item .txi-fee{
        white-space:normal;
        line-height:1.35;
        font-size:11px;
    }
    .fintech-wrapper.para-cek-page .tx-item .txi-status{
        justify-self:end;
        align-self:center;
        margin-left:0;
    }
    .fintech-wrapper.para-cek-page .tx-item .txi-status .badge,
    .fintech-wrapper.para-cek-page .tx-item .txi-status span.badge{
        max-width:min(160px, 46vw);
        display:inline-flex;
        align-items:center;
        justify-content:center;
    }
    .fintech-wrapper.para-cek-page .tx-pagination{
        flex-direction:column;
        align-items:stretch;
        gap:14px;
    }
    .fintech-wrapper.para-cek-page .tx-btns{
        display:grid;
        grid-template-columns:1fr 1fr;
        gap:10px;
        width:100%;
    }
    .fintech-wrapper.para-cek-page .tx-btn{
        width:100%;
        min-height:48px;
        justify-content:center;
    }
    .fintech-wrapper.para-cek-page .tx-info-text{
        text-align:center;
        font-size:12px;
        line-height:1.45;
        padding:0 4px;
    }
}
@media (max-width: 576px){
    .fintech-wrapper.para-cek-page .tx-item{
        padding:12px 10px;
    }
    .fintech-wrapper.para-cek-page .tx-item .txi-right{
        grid-template-columns:1fr;
        justify-items:stretch;
        gap:12px;
    }
    .fintech-wrapper.para-cek-page .tx-item .txi-status{
        justify-self:stretch;
    }
    .fintech-wrapper.para-cek-page .tx-item .txi-status .badge,
    .fintech-wrapper.para-cek-page .tx-item .txi-status span.badge{
        max-width:none;
        width:100%;
        text-align:center;
    }
}
body.dark-mode .fintech-wrapper.para-cek-page .tx-item .txi-right{ border-top-color:var(--border-color); }

.bank-list-empty{ text-align:center; padding:20px; font-size:13px; color:#94a3b8; font-weight:600; }
.giant-input-hint{ font-size:12px; color:#94a3b8; font-weight:600; margin-top:8px; }
.side-card-info{ background:#f8fafc; }
@font-face{
    font-family:'Gilroy', sans-serif;
    src:url('../fonts/dekont_font.ttf');
    font-weight:400;
    font-style:normal;
}

body.dekont{
    margin:0;
    padding:0;
    background:linear-gradient(135deg, #020617 0%, #0f172a 100%);
    font-family:'Gilroy', sans-serif;
    color:#f8fafc;
    min-height:100vh;
    display:flex;
    align-items:center;
    justify-content:center;
}

body.dekont-mlbb{
    background:linear-gradient(135deg, #0f172a 0%, #1e1b4b 100%);
}
body.dekont-whiteout{
    background:linear-gradient(135deg, #0f172a 0%, #082f49 100%);
}

body.dekont .receipt-wrapper{
    width:100%;
    padding:40px 20px;
    box-sizing:border-box;
    display:flex;
    justify-content:center;
}

body.dekont .receipt-card{
    background:#1e293b;
    border:1px solid rgba(255, 255, 255, 0.08);
    border-radius:var(--radius-ui);
    padding:40px;
    width:100%;
    max-width:500px;
    box-shadow:0 25px 50px -12px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(255,255,255,0.02) inset;
    position:relative;
    overflow:hidden;
}
body.dekont-mlbb .receipt-card{
    max-width:480px;
    display:flex;
    flex-direction:column;
}

body.dekont .receipt-card::before{
    content:'';
    position:absolute;
    top:0; left:50%; transform:translateX(-50%);
    width:80%; height:100px;
    background:radial-gradient(ellipse at top, rgba(16, 185, 129, 0.15), transparent 70%);
    pointer-events:none;
}
body.dekont-pubg-global .receipt-card::before,
body.dekont-whiteout .receipt-card::before{
    background:radial-gradient(ellipse at top, rgba(14, 165, 233, 0.15), transparent 70%);
}
body.dekont-whiteout .receipt-card::before{
    background:radial-gradient(ellipse at top, rgba(56, 189, 248, 0.15), transparent 70%);
}
body.dekont-mlbb .receipt-card::before{
    background:radial-gradient(ellipse at top, rgba(245, 158, 11, 0.15), transparent 70%);
}

body.dekont .close-button{
    position:absolute;
    top:20px;
    right:20px;
    font-size:28px;
    color:#64748b;
    width:36px;
    height:36px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:rgba(255,255,255,0.05);
    cursor:pointer;
    transition:all 0.3s;
    border:none;
    outline:none;
    line-height:1;
    pointer-events:none;
}

body.dekont .receipt-logo{
    display:block;
    margin:0 auto 24px auto;
    height:40px;
    position:relative;
    z-index:2;
}

body.dekont .receipt-header{
    text-align:center;
    margin-bottom:30px;
    position:relative;
    z-index:2;
}

body.dekont .success-icon{
    width:64px; height:64px;
    border-radius:50%;
    background:rgba(16, 185, 129, 0.1);
    color:#10b981;
    display:flex; align-items:center; justify-content:center;
    font-size:32px;
    margin:0 auto 20px auto;
    border:2px solid rgba(16, 185, 129, 0.2);
    box-shadow:0 0 20px rgba(16, 185, 129, 0.2);
}
body.dekont .success-icon svg{ width:32px; height:32px; fill:currentColor; }
body.dekont-mlbb .success-icon{
    width:56px; height:56px;
    margin:0 auto 16px auto;
}
body.dekont-mlbb .success-icon svg{ width:28px; height:28px; }

body.dekont .receipt-title{
    font-size:22px;
    font-weight:800;
    color:#f8fafc;
    margin:0 0 8px 0;
    letter-spacing:-0.5px;
}
body.dekont-mlbb .receipt-title{
    font-size:20px;
    color:#10b981;
}

body.dekont .receipt-subtitle{
    font-size:14px;
    color:#94a3b8;
    margin:0;
    font-weight:500;
}
body.dekont-mlbb .receipt-subtitle{
    font-size:13px;
    line-height:1.5;
}
body.dekont-mlbb .receipt-subtitle span{ color:#f59e0b; font-weight:600; }

body.dekont .receipt-body{
    display:flex;
    flex-direction:column;
    gap:16px;
    position:relative;
    z-index:2;
}

body.dekont .detail-row{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;
}
body.dekont-mlbb .detail-row{
    align-items:flex-start;
}

body.dekont .detail-label{
    font-size:14px;
    color:#94a3b8;
    font-weight:500;
    flex-shrink:0;
}
body.dekont-mlbb .detail-label{
    font-size:13px;
    min-width:120px;
}

body.dekont .detail-value{
    font-size:14px;
    color:#f8fafc;
    font-weight:600;
    text-align:right;
    word-break:break-word;
}
body.dekont-mlbb .detail-value{
    line-height:1.4;
}

body.dekont .detail-value.status-success{
    color:#10b981;
    background:rgba(16, 185, 129, 0.1);
    padding:4px 10px;
    border-radius:var(--radius-ui);
    font-size:12px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:0.5px;
}

body.dekont .product-name{
    font-size:15px;
    color:#f59e0b;
    font-weight:800;
}

body.dekont .divider{
    height:1px;
    background:dashed rgba(255, 255, 255, 0.1);
    background-image:linear-gradient(to right, rgba(255,255,255,0.1) 50%, rgba(255,255,255,0) 0%);
    background-position:bottom;
    background-size:8px 1px;
    background-repeat:repeat-x;
    margin:20px 0;
}
body.dekont-mlbb .divider{ margin:24px 0; }

body.dekont .bonus-badge{
    display:inline-block;
    background:linear-gradient(135deg, #f97316 0%, #ea580c 100%);
    color:#fff;
    padding:2px 8px;
    border-radius:6px;
    font-size:12px;
    font-weight:800;
    margin-left:8px;
    box-shadow:0 2px 8px rgba(249, 115, 22, 0.4);
}
body.dekont-ageof .bonus-badge{
    background:linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
    margin-left:0;
    box-shadow:0 2px 8px rgba(59, 130, 246, 0.4);
}
body.dekont-pubg-global .bonus-badge,
body.dekont-whiteout .bonus-badge{
    background:linear-gradient(135deg, #0ea5e9 0%, #0284c7 100%);
    padding:4px 10px;
    border-radius:var(--radius-ui);
    font-size:13px;
    margin-left:0;
    box-shadow:0 2px 8px rgba(14, 165, 233, 0.3);
}

body.dekont .vip-badge{
    display:inline-flex;
    align-items:center;
    gap:6px;
    background:rgba(234, 179, 8, 0.1);
    border:1px solid rgba(234, 179, 8, 0.2);
    color:#eab308;
    padding:4px 10px;
    border-radius:var(--radius-ui);
    font-size:13px;
    font-weight:700;
}
body.dekont .vip-badge img{
    width:16px;
    height:16px;
}

body.dekont .player-info-box{
    background:rgba(0, 0, 0, 0.2);
    border:1px solid rgba(255, 255, 255, 0.05);
    border-radius:var(--radius-ui);
    padding:16px;
    text-align:center;
    margin-top:10px;
    position:relative;
    z-index:2;
}
body.dekont-mlbb .player-info-box{ padding:20px; }

body.dekont .player-id{
    font-size:18px;
    font-weight:800;
    color:#60a5fa;
    margin-bottom:4px;
    font-family:'Gilroy', sans-serif;
    letter-spacing:1px;
}
body.dekont .player-id .zone{ color:#94a3b8; font-weight:600; font-size:16px; }
body.dekont-pubg-global .player-id,
body.dekont-whiteout .player-id{
    color:#38bdf8;
}
body.dekont-mlbb .player-id{ margin-bottom:6px; font-weight:900; }

body.dekont .player-name{
    font-size:15px;
    color:#f8fafc;
    font-weight:700;
    background:rgba(255,255,255,0.1);
    display:inline-block;
    padding:4px 12px;
    border-radius:var(--radius-ui);
}

body.dekont .player-desc{
    font-size:13px;
    color:#94a3b8;
    font-weight:500;
}

body.dekont .price-font{
    font-family:'Gilroy', sans-serif;
    font-size:20px;
    font-weight:400;
    color:#10b981;
}

body.dekont .action-button{
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    margin-top:30px;
    padding:16px;
    border:none;
    border-radius:var(--radius-ui);
    background:linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
    color:#fff;
    font-weight:800;
    font-size:15px;
    cursor:pointer;
    transition:all 0.3s;
    box-shadow:0 4px 15px rgba(245, 158, 11, 0.3);
    position:relative;
    z-index:2;
    text-decoration:none;
}
body.dekont .action-button:hover{
    box-shadow:0 8px 20px rgba(245, 158, 11, 0.4);
    filter:brightness(1.03);
}

body.dekont .footer-note{
    font-size:12px;
    color:#64748b;
    text-align:center;
    margin-top:20px;
    position:relative;
    z-index:2;
    line-height:1.5;
}
@media (max-width: 480px){

    .cdKeyUrunleri .premium-card .p-content,
    .products-overlap-section .premium-card .p-content{
        padding:10px 12px 12px;
    }

    .cdKeyUrunleri .premium-card .p-title,
    .products-overlap-section .premium-card .p-title{
        font-size:13px;
    }

    .cdKeyUrunleri .premium-card .p-price,
    .products-overlap-section .premium-card .p-price{
        font-size:14px;
    }

    .cdKeyUrunleri .premium-card .p-cart-row,
    .products-overlap-section .premium-card .p-cart-row{
        gap:8px;
    }
    

    .cdKeyUrunleri .premium-card.premium-card-trade-cs2 .p-add-cart,
    .products-overlap-section .premium-card.premium-card-trade-cs2 .p-add-cart{
        min-width:32px;
        min-height:32px;
        width:32px;
        height:32px;
    }

    .products-overlap-section .container-xxl{
        padding-left:12px;
        padding-right:12px;
    }

    .products .sli-right{
        flex-direction:column;
        align-items:stretch;
    }

    .products .sli-price-col{
        align-items:flex-start;
    }


    .products .btn-sli-buy{
        max-width:none;
    }

    body.dekont .receipt-card{
        padding:30px 20px;
    }

    body.dekont .detail-row{
        flex-direction:column;
        align-items:flex-start;
        gap:4px;
    }

    body.dekont .detail-value{
        text-align:left;
    }
}
.bento-sidebar-layout{
    background:var(--bg-header);
    border:1px solid var(--border-color);
    border-radius:var(--radius-ui);
    box-shadow:0 4px 20px rgba(0,0,0,0.02);
    padding:24px;
    position:sticky;
    top:24px;
    z-index:10;
}

.bento-sidebar-layout .bs-header{
    display:flex;
    flex-direction:column;
    gap:16px;
    margin-bottom:20px;
    padding-bottom:20px;
    border-bottom:1px dashed var(--border-color);
    position:relative;
}

.bs-user-widget{
    display:flex;
    align-items:center;
    gap:14px;
}

.bs-avatar-box{
    position:relative;
    width:56px;
    height:56px;
    border-radius:var(--radius-ui);
    background:var(--bg-header);
    border:2px solid var(--border-color);
    padding:3px;
    flex-shrink:0;
    display:flex;
    align-items:center;
    justify-content:center;
    box-shadow:0 4px 10px rgba(0,0,0,0.02);
}
.bs-avatar-box img.av{
    width:100%;
    height:100%;
    object-fit:cover;
    border-radius:var(--radius-ui) !important;
    display:block;
}
.bs-avatar-box img.frame{
    position:absolute;
    top:50%;
    left:50%;
    width:130%;
    height:130%;
    transform:translate(-50%, -50%);
    z-index:2;
    pointer-events:none;
    object-fit:contain;
}

.bs-user-info{
    display:flex;
    flex-direction:column;
    min-width:0;
    flex-grow:1;
}
.bs-user-info .bs-name{
    font-size:15px;
    font-weight:800;
    color:var(--dark-text);
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    line-height:1.2;
    margin-bottom:4px;
}
.bs-user-info .bs-balance{
    font-size:15px;
    font-weight:800;
    color:var(--success-green);
    line-height:1;
    display:flex;
    align-items:center;
    gap:4px;
}

.bs-mobile-toggle{
    position:absolute;
    top:10px;
    right:0;
    width:36px;
    height:36px;
    background:var(--bg-light);
    border-radius:var(--radius-ui);
    display:flex;
    align-items:center;
    justify-content:center;
    color:var(--dark-text);
    font-size:20px;
    cursor:pointer;
    border:1px solid var(--border-color);
}

.bs-actions{
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
}

.bs-action-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    height:46px;
    border-radius:var(--radius-ui);
    font-size:13px;
    font-weight:800;
    text-decoration:none;
    transition:all 0.3s ease;
    cursor:pointer;
}
.bs-action-btn i{ font-size:18px; }

.bs-action-btn.load{
    background:linear-gradient(135deg, var(--primary-blue) 0%, #283cb4 100%);
    color:#fff;
    box-shadow:0 4px 15px rgba(61,90,254,0.2);
    border:none;
}
.bs-action-btn.load:hover{
    box-shadow:0 6px 20px rgba(61,90,254,0.3);
    filter:brightness(1.03);
}

.bs-action-btn.withdraw{
    background:var(--bg-header);
    color:var(--dark-text);
    border:1px solid var(--border-color);
}
.bs-action-btn.withdraw:hover{
    background:var(--bg-light);
    border-color:var(--gray-text);
}

.bs-action-btn.cancel{
    padding:0 18px;
    box-sizing:border-box;
    background:var(--danger-red);
    color:#fff;
    border:none;
    box-shadow:0 4px 15px rgba(255,68,84,0.28);
}
.bs-action-btn.cancel i,
.bs-action-btn.cancel span{
    color:#fff!important;
    font-size: 18px!important;
}
.bs-action-btn.cancel:hover{
    color:#fff;
    background:var(--danger-red);
    filter:brightness(1.06);
    box-shadow:0 6px 18px rgba(255,68,84,0.38);
}
body.kd-dark .bs-action-btn.cancel,
body.dark-mode .bs-action-btn.cancel{
    background:var(--danger-red);
    color:#fff;
    box-shadow:0 4px 15px rgba(255,68,84,0.32);
}
body.kd-dark .bs-action-btn.cancel i,
body.dark-mode .bs-action-btn.cancel i,
body.kd-dark .bs-action-btn.cancel span,
body.dark-mode .bs-action-btn.cancel span{
    color:#fff;
}
body.kd-dark .bs-action-btn.cancel:hover,
body.dark-mode .bs-action-btn.cancel:hover{
    color:#fff;
    filter:brightness(1.06);
}

.bento-sidebar-layout .bs-body{
    display:flex;
    flex-direction:column;
}

.bs-menu{
    list-style:none;
    padding:0;
    margin:0;
    display:flex;
    flex-direction:column;
    gap:6px;
}
.bs-menu li{ margin:0; padding:0; }

.bs-nav-link{
    display:flex;
    align-items:center;
    gap:12px;
    padding:8px 12px;
    border-radius:var(--radius-ui);
    color:var(--gray-text);
    font-size:14px;
    font-weight:600;
    text-decoration:none;
    transition:all 0.3s ease;
    border:1px solid transparent;
    background:transparent;
}

.bs-nav-icon{
    width:36px;
    height:36px;
    border-radius:var(--radius-ui);
    background:var(--bg-light);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:18px;
    color:var(--gray-text);
    transition:all 0.3s ease;
    flex-shrink:0;
}

.bs-nav-arrow{
    margin-left:auto;
    font-size:18px;
    opacity:0;
    transform:translateX(-5px);
    transition:all 0.3s ease;
}

.bs-nav-link:hover{
    background:var(--bg-light);
    color:var(--dark-text);
}
.bs-nav-link:hover .bs-nav-icon{
    background:var(--bg-header);
    color:var(--primary-blue);
    box-shadow:0 4px 10px rgba(0,0,0,0.05);
}
.bs-nav-link:hover .bs-nav-arrow{
    opacity:1;
}

.bs-nav-link.active{
    background:linear-gradient(135deg, rgba(61,90,254,0.06) 0%, rgba(61,90,254,0.01) 100%);
    color:var(--primary-blue);
    border-color:rgba(61,90,254,0.15);
}
.bs-nav-link.active .bs-nav-icon{
    background:var(--primary-blue);
    color:#fff;
    box-shadow:0 4px 12px rgba(61,90,254,0.25);
}
.bs-nav-link.active .bs-nav-arrow{
    opacity:1;
    transform:translateX(0);
    color:var(--primary-blue);
}

.bs-nav-link.alert-link{
    background:rgba(255, 68, 84, 0.05);
    color:var(--danger-red);
    border-color:rgba(255, 68, 84, 0.2);
}
.bs-nav-link.alert-link .bs-nav-icon{
    background:var(--danger-red);
    color:#fff;
    box-shadow:0 4px 12px rgba(255,68,84,0.25);
}
.bs-nav-link.alert-link:hover{
    background:rgba(255, 68, 84, 0.1);
    border-color:rgba(255, 68, 84, 0.3);
}
.sort-adverts-wrapper{ padding-top:30px; }
.sh-left{ display:flex; align-items:center; gap:20px; }
.sh-texts h1{ margin:0 0 6px 0; font-size:20px; font-weight:900; color:var(--dark-text); letter-spacing:-0.5px; line-height:1.3; }
.sh-texts p{ margin:0; font-size:14px; color:var(--gray-text); font-weight:500; }
.sh-right .btn-back{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:12px 24px;
    border-radius:var(--radius-ui);
    background:var(--bg-light);
    border:1px solid var(--border-color);
    color:var(--dark-text);
    font-size:14px;
    font-weight:800;
    text-decoration:none;
    transition:var(--transition);
    box-shadow:0 4px 10px rgba(0,0,0,0.02);
}
.sh-right .btn-back i{
    color:inherit;
    line-height:1;
}
.sh-right .btn-back:hover{
    border-color:var(--primary-blue);
    color:var(--primary-blue);
    background:rgba(61,90,254,0.1);
    box-shadow:0 6px 18px rgba(61,90,254,0.15);
    text-decoration:none;
}
.sh-right .btn-back:focus-visible{
    outline:2px solid var(--primary-blue);
    outline-offset:2px;
}
.bento-sort-box{ background:var(--bg-header); border:1px solid var(--border-color); border-radius:var(--radius-ui); padding:20px; box-shadow:none; }
.dd{ max-width:100% !important; width:100% !important; }
.dd-list{ padding:0; margin:0; list-style:none; }
.dd-item{ display:block; margin:0 0 8px 0 !important; width:100%; }
.dd-item:last-child{ margin-bottom:0 !important; }
.bento-sort-card{ display:flex; align-items:center; gap:12px; padding:10px 16px; background:var(--bg-light); border:1px solid var(--border-color); border-radius:var(--radius-ui); transition:all 0.2s ease; margin:0; width:100%; box-sizing:border-box; min-height:52px; }
.bento-sort-card:hover{ border-color:rgba(61,90,254,0.3); background:var(--bg-header); }
.dd-handle-i{ cursor:grab; width:28px; height:28px; border-radius:6px; background:rgba(61,90,254,0.08); color:var(--primary-blue); display:flex; align-items:center; justify-content:center; font-size:16px; flex-shrink:0; transition:all 0.2s; margin:0; }
.dd-handle-i:hover{ background:rgba(61,90,254,0.15); }
.dd-handle-i:active{ cursor:grabbing !important; }
.sc-image{ width:40px; height:40px; border-radius:6px; object-fit:cover; border:1px solid var(--border-color); background:var(--bg-header); flex-shrink:0; }
.sc-info{ flex:1; display:flex; flex-direction:column; gap:2px; min-width:0; }
.sc-title{ font-size:14px; font-weight:700; color:var(--dark-text); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height:1.2; margin:0; }
.sc-meta{ font-size:12px; font-weight:600; color:var(--gray-text); display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
.sc-price{ color:var(--success-green); font-weight:700; }
.sc-badges{ display:flex; align-items:center; gap:4px; flex-wrap:wrap; margin-left:auto; justify-content:flex-end; }
.sort-badge{ display:inline-flex; align-items:center; gap:3px; padding:4px 8px; border-radius:5px; font-size:10px; font-weight:700; white-space:nowrap; border:1px solid transparent; }
.sort-badge.primary{ background:rgba(61,90,254,0.1); color:var(--primary-blue); border-color:rgba(61,90,254,0.2); }
.sort-badge.success{ background:rgba(17,211,119,0.1); color:var(--success-green); border-color:rgba(17,211,119,0.2); }
.sort-badge.warning{ background:rgba(255,179,0,0.1); color:#b27b00; border-color:rgba(255,179,0,0.2); }
.dd-placeholder{ display:block; position:relative; margin:0; padding:0; height:56px !important; background:rgba(61,90,254,0.04) !important; border:2px dashed rgba(61,90,254,0.25) !important; border-radius:var(--radius-ui) !important; box-sizing:border-box; }
.dd-dragel{ position:absolute; pointer-events:none; z-index:9999; }
.dd-dragel > .dd-item .bento-sort-card{ box-shadow:0 15px 40px rgba(0,0,0,0.15); border-color:var(--primary-blue); background:var(--bg-header); opacity:0.95; cursor:grabbing !important; }
.bento-empty-state{ text-align:center; padding:50px 20px; background:var(--bg-light); border:1px dashed var(--border-color); border-radius:var(--radius-ui); color:var(--gray-text); }
.bento-empty-state i{ font-size:48px; color:var(--primary-blue); opacity:0.5; margin-bottom:16px; display:block; }
.bento-empty-state h3{ font-size:16px; font-weight:800; color:var(--dark-text); margin:0; }
.orders-page-wrapper{ padding-top:30px; }
.bento-orders-menu{ list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:8px; }
.bento-orders-menu li a{ display:flex; align-items:center; justify-content:space-between; padding:14px 16px; background:var(--bg-light); border:1px solid transparent; border-radius:var(--radius-ui); color:var(--gray-text); font-size:14px; font-weight:600; text-decoration:none; transition:all 0.3s ease; }
.bento-orders-menu li a:hover{ background:var(--bg-header); border-color:rgba(61,90,254,0.2); color:var(--dark-text); }
.bento-orders-menu li a.active{ background:rgba(61,90,254,0.06); border-color:rgba(61,90,254,0.15); color:var(--primary-blue); }
.bento-orders-menu .count{ background:var(--primary-blue); color:#fff; padding:2px 10px; border-radius:var(--radius-ui); font-size:12px; font-weight:800; }
.bento-orders-menu .count.danger{ background:var(--danger-red); }
.bento-control-bar{ display:flex; flex-direction:column; gap:20px; }
.bento-cb-header{ display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:15px; }
.bento-cb-title{ display:flex; align-items:center; gap:12px; font-size:18px; font-weight:800; color:var(--dark-text); }
.bento-cb-title i{ width:40px; height:40px; border-radius:var(--radius-ui); background:rgba(61,90,254,0.1); color:var(--primary-blue); display:flex; align-items:center; justify-content:center; font-size:20px; }
.bento-quick-filters{ display:flex; align-items:center; gap:10px; overflow-x:auto; scrollbar-width:none; padding-bottom:5px; }
.bento-quick-filters::-webkit-scrollbar{ display:none; }
.bq-filter{ display:inline-flex; align-items:center; gap:6px; padding:10px 16px; background:var(--bg-light); border:1px solid var(--border-color); border-radius:var(--radius-ui); color:var(--gray-text); font-size:13px; font-weight:700; text-decoration:none; white-space:nowrap; transition:all 0.3s ease; }
.bq-filter:hover{ background:var(--bg-header); color:var(--dark-text); border-color:var(--gray-text); }
.bq-filter.active{ background:var(--primary-blue); color:#fff; border-color:var(--primary-blue); box-shadow:0 4px 12px rgba(61,90,254,0.25); }
.bento-search-form{ display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
.bsf-input{ flex:1; min-width:150px; height:48px; background:var(--input-bg); border:1px solid var(--border-color); border-radius:var(--radius-ui); padding:0 16px; font-size:14px; font-weight:600; color:var(--dark-text); transition:all 0.3s ease; }
.bsf-input:focus{ border-color:var(--primary-blue); box-shadow:0 0 0 3px rgba(61,90,254,0.1); outline:none; }
.bsf-btn{ display:inline-flex; align-items:center; justify-content:center; gap:8px; height:48px; padding:0 20px; border-radius:var(--radius-ui); font-size:14px; font-weight:700; transition:all 0.3s ease; border:none; cursor:pointer; text-decoration:none; }
.bsf-btn-primary{ background:var(--primary-blue); color:#fff; box-shadow:0 4px 12px rgba(61,90,254,0.2); }
.bsf-btn-primary:hover{ box-shadow:0 6px 18px rgba(61,90,254,0.3); filter:brightness(1.03); color:#fff; }
.bento-order-card{ background:var(--bg-header); border:1px solid var(--border-color); border-radius:var(--radius-ui); margin-bottom:20px; box-shadow:0 4px 15px rgba(0,0,0,0.02); overflow:hidden; transition:all 0.3s ease; }
.bento-order-card:hover{ border-color:rgba(61,90,254,0.3); }
.bento-order-card.status-completed{ border-left:4px solid var(--success-green); }
.bento-order-card.status-processing{ border-left:4px solid var(--primary-blue); }
.bento-order-card.status-pending{ border-left:4px solid var(--warning-orange); }
.bento-order-card.status-cancelled, .bento-order-card.status-problematic, .bento-order-card.status-returnprocess{ border-left:4px solid var(--danger-red); opacity:0.95; }
.boc-header{ padding:20px 24px; display:flex; align-items:center; justify-content:space-between; gap:20px; cursor:default; flex-wrap:wrap; }
.boc-main-info{ display:flex; align-items:center; gap:16px; flex:1; min-width:0; }
.bento-order-card .boc-main-info,
.bento-order-card .boc-details,
.bento-order-card .boc-meta{ min-width:0; }
.boc-image{ width:68px; height:68px; border-radius:var(--radius-ui); object-fit:cover; border:1px solid var(--border-color); background:var(--bg-light); display:flex; align-items:center; justify-content:center; font-size:24px; color:var(--gray-text); flex-shrink:0; }
.boc-details{ display:flex; flex-direction:column; gap:6px; }
.boc-title{ font-size:15px; font-weight:800; color:var(--dark-text); display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; line-height:1.3; }
.boc-meta{ display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
.boc-id-badge{ display:inline-flex; align-items:center; gap:6px; padding:4px 10px; background:var(--bg-light); border:1px solid var(--border-color); border-radius:var(--radius-ui); font-size:12px; font-weight:700; color:var(--gray-text); }
.bento-copy-icon{ cursor:pointer; color:var(--primary-blue); transition:all 0.2s; border:none; background:transparent; padding:0; display:flex; align-items:center; }
.bento-copy-icon:hover{ opacity:0.7; }
.bento-copy-icon.is-copied,
.bento-copy-icon.is-copied i{ color:#11d377 !important; background:transparent !important; }
.bento-copy-icon.is-copied-filled{
   background:#11d377 !important;
   color:#fff !important;
   border-radius:8px;
}
.bento-copy-icon.is-copied-filled i{
   color:#fff !important;
   background:transparent !important;
}
.boc-date{ font-size:12px; font-weight:600; color:var(--gray-text); display:flex; align-items:center; gap:4px; }
.boc-smm{ font-size:12px; font-weight:700; color:var(--primary-blue); display:flex; align-items:center; gap:4px; background:rgba(61,90,254,0.1); padding:4px 8px; border-radius:6px; }
.boc-status-badge{ display:inline-flex; align-items:flex-start; gap:6px; padding:6px 12px; border-radius:var(--radius-ui); font-size:12px; font-weight:800; white-space:normal; max-width:100%; line-height:1.4; word-wrap:break-word; overflow-wrap:break-word; box-sizing:border-box; }
.boc-status-badge > i{ flex-shrink:0; margin-top:1px; line-height:1; font-size:1.05em; }
.badge-success{ background:rgba(17,211,119,0.1); color:var(--success-green); border:1px solid rgba(17,211,119,0.2); }
.badge-primary{ background:rgba(61,90,254,0.1); color:var(--primary-blue); border:1px solid rgba(61,90,254,0.2); }
.badge-warning{ background:rgba(255,179,0,0.1); color:#b27b00; border:1px solid rgba(255,179,0,0.2); }
.badge-danger{ background:rgba(255,68,84,0.1); color:var(--danger-red); border:1px solid rgba(255,68,84,0.2); }
.boc-right{ display:flex; align-items:center; gap:24px; }
.boc-price-area{ text-align:right; }
.boc-price-lbl{ font-size:11px; font-weight:700; color:var(--gray-text); text-transform:uppercase; margin-bottom:2px; }
.boc-price-val{ font-size:18px; font-weight:900; color:var(--success-green); }
.boc-toggle-icon{ width:36px; height:36px; border-radius:var(--radius-ui); background:var(--bg-light); border:1px solid var(--border-color); display:flex; align-items:center; justify-content:center; font-size:20px; color:var(--gray-text); transition:all 0.3s ease; }
.bento-order-card.expanded .boc-toggle-icon{ transform:rotate(180deg); background:var(--primary-blue); color:#fff; border-color:var(--primary-blue); }
.bento-order-body{ display:none; border-top:1px solid var(--border-color); padding:24px; background:var(--bg-light); min-width:0; }
.bento-order-body.show{ display:block; }
.bento-timeline{ display:flex; flex-direction:column; gap:20px; position:relative; min-width:0; max-width:100%; }
.bento-timeline::before{ content:''; position:absolute; top:10px; bottom:10px; left:16px; width:2px; background:var(--border-color); z-index:1; }
.bt-item{ display:flex; gap:16px; position:relative; z-index:2; min-width:0; max-width:100%; }
.bt-number{ width:34px; height:34px; border-radius:50%; background:var(--bg-header); border:2px solid var(--border-color); display:flex; align-items:center; justify-content:center; font-size:13px; font-weight:800; color:var(--gray-text); flex-shrink:0; box-shadow:0 0 0 4px var(--bg-light); }
.bt-item.active .bt-number{ background:var(--primary-blue); border-color:var(--primary-blue); color:#fff; }
.bt-content{ flex:1; min-width:0; max-width:100%; padding-top:6px; }
.bt-title{ font-size:14px; font-weight:800; color:var(--dark-text); margin-bottom:4px; overflow-wrap:break-word; word-break:break-word; }
.bt-text{ font-size:13px; color:var(--gray-text); line-height:1.5; margin-bottom:12px; overflow-wrap:break-word; word-break:break-word; }
.bento-key-box{ background:var(--bg-header); border:1px solid var(--border-color); border-radius:var(--radius-ui); padding:12px 16px; margin-bottom:12px; max-width:100%; box-sizing:border-box; }
.bkb-title{ font-size:12px; font-weight:800; color:var(--gray-text); margin-bottom:8px; text-transform:uppercase; display:flex; align-items:center; gap:8px; flex-wrap:wrap; overflow-wrap:break-word; }
.bkb-item{ display:flex; align-items:center; gap:10px; padding:8px 12px; background:var(--bg-light); border:1px solid var(--border-color); border-radius:var(--radius-ui); margin-bottom:6px; font-size:13px; font-weight:600; color:var(--dark-text); word-break:break-all; }
.bkb-item:last-child{ margin-bottom:0; }
.cancel-reason-box{ padding:12px 16px; background:rgba(255,68,84,0.05); border:1px solid rgba(255,68,84,0.2); border-radius:var(--radius-ui); font-size:13px; color:var(--danger-red); font-weight:500; line-height:1.5; max-width:100%; box-sizing:border-box; overflow-wrap:break-word; word-break:break-word; }
.bento-order-actions{ display:flex; align-items:center; justify-content:flex-start; gap:10px; row-gap:10px; flex-wrap:wrap; margin-top:20px; }
.bento-order-body:not(:has(.bento-key-box)) .bento-order-actions{ padding-top:0; }
.boa-btn{ display:inline-flex; align-items:center; gap:6px; padding:10px 16px; border-radius:var(--radius-ui); font-size:13px; font-weight:700; border:none; cursor:pointer; transition:all 0.3s; text-decoration:none; flex-shrink:0; }
@media (min-width:577px){
    .bento-order-actions .boa-btn{ width:auto; max-width:100%; }
}
.boa-btn.primary{ background:var(--primary-blue); color:#fff; box-shadow:0 4px 10px rgba(61,90,254,0.2); }
.boa-btn.primary:hover{ filter:brightness(1.03); color:#fff; }
.boa-btn.success{ background:var(--success-green); color:#fff; box-shadow:0 4px 10px rgba(17,211,119,0.2); }
.boa-btn.success:hover{ filter:brightness(1.03); color:#fff; }
.boa-btn.danger{ background:rgba(255,68,84,0.1); color:var(--danger-red); border:1px solid rgba(255,68,84,0.2); }
.boa-btn.danger:hover{ background:var(--danger-red); color:#fff; }
.boa-btn.outline{ background:var(--bg-header); border:1px solid var(--border-color); color:var(--dark-text); }
.boa-btn.outline:hover{ background:var(--bg-light); border-color:var(--gray-text); }
.bento-total-summary{ margin-top:20px; padding:20px 24px; background:var(--bg-header); border:1px solid var(--border-color); border-radius:var(--radius-ui); display:flex; align-items:center; justify-content:flex-end; gap:16px; box-shadow:0 4px 15px rgba(0,0,0,0.02); }
.bts-label{ font-size:14px; font-weight:700; color:var(--gray-text); text-transform:uppercase; }
.bts-val{ font-size:22px; font-weight:900; color:var(--success-green); }
.modern-pagination{ display:flex; align-items:center; justify-content:center; gap:8px; margin-top:30px; }
.modern-pagination a, .modern-pagination span{ display:flex; align-items:center; justify-content:center; width:40px; height:40px; border-radius:var(--radius-ui); background:var(--bg-light); border:1px solid var(--border-color); color:var(--dark-text); font-weight:700; transition:all 0.3s; text-decoration:none; }
.modern-pagination a:hover{ background:var(--bg-header); border-color:var(--primary-blue); color:var(--primary-blue); }

.orders-page-wrapper .bento-box,
.store-doping-wrapper .bento-box,
.balance-transfer-wrapper .bento-box,
.account-delete-wrapper .bento-box,
.affiliate-wrapper .bento-box{
    border-radius:var(--radius-ui);
    margin-bottom:24px;
    box-shadow:0 4px 15px rgba(0,0,0,0.02);
}
.store-doping-wrapper{ padding-top:1.5rem; }
.store-doping-wrapper .bento-box{ padding:24px 30px; }
.bento-box-head{ display:flex; align-items:center; gap:12px; margin-bottom:20px; padding-bottom:16px; border-bottom:1px solid var(--border-color); }
.bento-box-head i{ width:36px; height:36px; border-radius:var(--radius-ui); background:rgba(61,90,254,0.1); color:var(--primary-blue); display:flex; align-items:center; justify-content:center; font-size:18px; flex-shrink:0; }
.bento-box-head h2{ font-size:16px; font-weight:800; color:var(--dark-text); margin:0; }
.bento-affiliate-card{ display:flex; align-items:center; justify-content:space-between; gap:20px; padding:20px 24px; background:rgba(17, 211, 119, 0.05); border:1px solid rgba(17, 211, 119, 0.2); border-radius:var(--radius-ui); margin-bottom:24px; flex-wrap:wrap; }
.bento-affiliate-left h2{ font-size:13px; font-weight:600; color:var(--gray-text); margin:0 0 4px 0; text-transform:uppercase; letter-spacing:0.5px; }
.bento-affiliate-left h1{ font-size:18px; font-weight:800; color:var(--success-green); margin:0; }
.bento-affiliate-right a{ display:inline-flex; align-items:center; gap:8px; padding:10px 20px; background:var(--success-green); color:#fff; font-size:14px; font-weight:700; border-radius:var(--radius-ui); text-decoration:none; transition:all 0.3s ease; box-shadow:0 4px 12px rgba(17,211,119,0.2); }
.bento-affiliate-right a:hover{ box-shadow:0 6px 18px rgba(17,211,119,0.3); filter:brightness(1.05); color:#fff; }
.vip-offer-wrapper{ position:relative; background:linear-gradient(135deg, #2336a8 0%, var(--primary-blue) 52%, #1d2c85 100%); border-radius:var(--radius-ui); padding:40px; display:flex; align-items:center; justify-content:space-between; gap:30px; margin-bottom:30px; overflow:hidden; box-shadow:0 20px 50px rgba(0,0,0,0.3); border:1px solid rgba(255, 255, 255, 0.14); }
.vip-offer-wrapper::before{ content:''; position:absolute; top:-100px; left:-100px; width:400px; height:400px; background:radial-gradient(circle, rgba(255, 255, 255, 0.16) 0%, transparent 70%); border-radius:50%; pointer-events:none; }
.vip-offer-wrapper::after{ content:''; position:absolute; bottom:-100px; right:-50px; width:350px; height:350px; background:radial-gradient(circle, rgba(185, 206, 255, 0.22) 0%, transparent 70%); border-radius:50%; pointer-events:none; }
.vip-offer-left{ position:relative; z-index:2; flex:1; min-width:0; }
.vip-badge-wrap{ display:flex; align-items:center; gap:12px; margin-bottom:20px; flex-wrap:wrap; }
.vip-badge-pulse{ display:inline-flex; align-items:center; gap:6px; padding:6px 16px; background:rgba(255, 255, 255, 0.12); border:1px solid rgba(255, 255, 255, 0.22); color:#ffffff; font-size:13px; font-weight:800; border-radius:999px; text-transform:uppercase; letter-spacing:0.5px; animation:vipPulse 2s infinite; }
.vip-badge-note{ color:rgba(255,255,255,0.78); font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:1px; }
@keyframes vipPulse{ 0%{ box-shadow:0 0 0 0 rgba(255, 255, 255, 0.24); } 70%{ box-shadow:0 0 0 10px rgba(255, 255, 255, 0); } 100%{ box-shadow:0 0 0 0 rgba(255, 255, 255, 0); } }
.vip-title{ font-size:32px; font-weight:900; line-height:1.15; margin-bottom:24px; background:linear-gradient(to right, #ffffff 15%, #d8e4ff 100%); -webkit-background-clip:text; -webkit-text-fill-color:transparent; letter-spacing:-0.5px; }
.vip-features-grid{ display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.vip-feature-pill{ display:flex; align-items:center; gap:12px; padding:14px 16px; background:rgba(255,255,255,0.08); border:1px solid rgba(255,255,255,0.14); border-radius:var(--radius-ui); color:rgba(255,255,255,0.92); font-size:14px; font-weight:600; backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); }
.vip-feature-pill.full-width{ grid-column:1 / -1; }
.vip-feature-pill i{ font-size:20px; }
.vip-feature-pill strong{ color:#fff; font-weight:800; }
.vip-feature-pill i.icon-light{ color:#ffffff; }
.vip-feature-pill i.icon-soft{ color:#dbe7ff; }
.vip-offer-right{ position:relative; z-index:2; width:340px; flex-shrink:0; background:linear-gradient(180deg, rgba(255,255,255,0.14) 0%, rgba(255,255,255,0.06) 100%); border:1px solid rgba(255,255,255,0.18); border-radius:var(--radius-ui); padding:30px; display:flex; flex-direction:column; text-align:center; backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); box-shadow:0 10px 30px rgba(0,0,0,0.3); }
.vip-price-area{ margin-bottom:24px; }
.vip-old-price{ font-size:16px; color:rgba(255,255,255,0.55); text-decoration:line-through; font-weight:700; margin-bottom:4px; }
.vip-new-price{ font-size:38px; font-weight:900; color:#ffffff; line-height:1; text-shadow:0 4px 20px rgba(19,33,88,0.28); }
.vip-btn-buy{ position:relative; width:100%; height:56px; border-radius:var(--radius-ui); background:linear-gradient(135deg, #ffffff 0%, #dfe9ff 100%); color:var(--primary-blue); font-size:16px; font-weight:800; border:none; display:flex; align-items:center; justify-content:center; gap:8px; cursor:pointer; overflow:hidden; transition:all 0.3s ease; box-shadow:0 10px 24px rgba(14, 24, 72, 0.26); }
.vip-btn-buy::before{ content:''; position:absolute; top:0; left:-100%; width:50%; height:100%; background:linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0) 100%); transform:skewX(-25deg); transition:left 0.6s ease; }
.vip-btn-buy:hover{ box-shadow:0 12px 28px rgba(14, 24, 72, 0.34); }
.vip-btn-buy:hover::before{ left:200%; }
.vip-note{ margin-top:16px; font-size:12px; color:rgba(255,255,255,0.72); display:flex; align-items:center; justify-content:center; gap:8px; flex-wrap:nowrap; }
.vip-note i{ font-size:16px; color:#ffffff; flex-shrink:0; }
.doping-grid{ display:grid; grid-template-columns:repeat(3, 1fr); gap:20px; }
.doping-category-card{ border-radius:var(--radius-ui); padding:24px; display:flex; flex-direction:column; border:1px solid var(--border-color); background:var(--bg-light); transition:all 0.3s ease; }
.doping-category-card.theme-orange{ background:linear-gradient(180deg, rgba(255,179,0,0.03) 0%, rgba(255,179,0,0) 100%); border-color:rgba(255,179,0,0.2); }
.doping-category-card.theme-orange .dcc-title{ color:var(--warning-orange); }
.doping-category-card.theme-orange .dcc-info-btn:hover{ color:var(--warning-orange); }
.doping-category-card.theme-orange .doping-option-btn:hover{ border-color:rgba(255,179,0,0.3); background:rgba(255,179,0,0.02); }
.doping-category-card.theme-orange .doping-option-btn.active{ background:rgba(255,179,0,0.1); border-color:var(--warning-orange); color:var(--warning-orange); box-shadow:0 4px 15px rgba(255,179,0,0.1); }
.doping-category-card.theme-purple{ background:linear-gradient(180deg, rgba(156,39,176,0.03) 0%, rgba(156,39,176,0) 100%); border-color:rgba(156,39,176,0.2); }
.doping-category-card.theme-purple .dcc-title{ color:#9c27b0; }
.doping-category-card.theme-purple .dcc-info-btn:hover{ color:#9c27b0; }
.doping-category-card.theme-purple .doping-option-btn:hover{ border-color:rgba(156,39,176,0.3); background:rgba(156,39,176,0.02); }
.doping-category-card.theme-purple .doping-option-btn.active{ background:rgba(156,39,176,0.1); border-color:#9c27b0; color:#9c27b0; box-shadow:0 4px 15px rgba(156,39,176,0.1); }
.doping-category-card.theme-blue{ background:linear-gradient(180deg, rgba(61,90,254,0.03) 0%, rgba(61,90,254,0) 100%); border-color:rgba(61,90,254,0.2); }
.doping-category-card.theme-blue .dcc-title{ color:var(--primary-blue); }
.doping-category-card.theme-blue .dcc-info-btn:hover{ color:var(--primary-blue); }
.doping-category-card.theme-blue .doping-option-btn:hover{ border-color:rgba(61,90,254,0.3); background:rgba(61,90,254,0.02); }
.doping-category-card.theme-blue .doping-option-btn.active{ background:rgba(61,90,254,0.08); border-color:var(--primary-blue); color:var(--primary-blue); box-shadow:0 4px 15px rgba(61,90,254,0.1); }
.dcc-header{ display:flex; align-items:center; justify-content:space-between; margin-bottom:20px; }
.dcc-title{ font-size:16px; font-weight:800; margin:0; }
.dcc-info-btn{ color:var(--gray-text); font-size:18px; cursor:pointer; transition:color 0.2s ease; }
.doping-option-btn{ width:100%; display:flex; align-items:center; justify-content:space-between; padding:14px 16px; background:var(--bg-header); border:1px solid var(--border-color); border-radius:var(--radius-ui); margin-bottom:12px; cursor:pointer; transition:all 0.3s ease; color:var(--dark-text); font-size:13px; font-weight:700; }
.doping-option-btn:last-child{ margin-bottom:0; }
.doping-option-btn .left{ display:flex; align-items:center; gap:10px; }
.doping-option-btn .left i{ font-size:18px; color:var(--gray-text); transition:color 0.3s ease; }
.doping-option-btn.active .left i{ color:inherit; }
.doping-option-btn.active .right{ font-weight:800; }
.doping-checkout-bar{ display:flex; align-items:center; justify-content:space-between; background:var(--bg-light); border:1px solid var(--border-color); border-radius:var(--radius-ui); padding:20px 24px; margin-top:24px; }
.dcb-price-box{ display:flex; flex-direction:column; }
.dcb-label{ font-size:12px; color:var(--gray-text); font-weight:700; text-transform:uppercase; letter-spacing:0.5px; margin-bottom:2px; }
.dcb-total{ font-size:24px; font-weight:900; color:var(--primary-blue); line-height:1; }
.dcb-submit-btn{ height:52px; padding:0 30px; border-radius:var(--radius-ui); background:linear-gradient(135deg, var(--success-green) 0%, #0db866 100%); color:#fff; font-size:15px; font-weight:800; border:none; display:flex; align-items:center; gap:10px; cursor:pointer; transition:all 0.3s ease; box-shadow:0 4px 15px rgba(17, 211, 119, 0.25); }
.dcb-submit-btn:hover{ box-shadow:0 8px 25px rgba(17, 211, 119, 0.35); filter:brightness(1.03); color:#fff; }
.active-doping-list{ display:flex; flex-direction:column; gap:12px; }
.active-doping-item{ display:grid; grid-template-columns:1.5fr 1fr 1fr 1fr; align-items:center; gap:15px; padding:16px 20px; background:var(--bg-light); border:1px solid var(--border-color); border-radius:var(--radius-ui); transition:all 0.3s ease; }
.active-doping-item:hover{ background:var(--bg-header); border-color:rgba(61,90,254,0.3); }
.adi-group{ display:flex; align-items:center; gap:12px; }
.adi-icon{ width:40px; height:40px; border-radius:var(--radius-ui); background:var(--bg-header); border:1px solid var(--border-color); display:flex; align-items:center; justify-content:center; font-size:18px; color:var(--gray-text); flex-shrink:0; }
.adi-icon.active{ background:rgba(17,211,119,0.1); color:var(--success-green); border-color:rgba(17,211,119,0.2); }
.adi-icon.passive{ background:rgba(255,68,84,0.1); color:var(--danger-red); border-color:rgba(255,68,84,0.2); }
.adi-texts{ display:flex; flex-direction:column; gap:2px; }
.adi-val{ font-size:14px; font-weight:700; color:var(--dark-text); line-height:1.2; }
.adi-lbl{ font-size:11px; font-weight:600; color:var(--gray-text); text-transform:uppercase; letter-spacing:0.3px; }
.store-doping-wrapper .empty-state{ padding:40px 20px; text-align:center; background:var(--bg-light); border:1px dashed var(--border-color); border-radius:var(--radius-ui); color:var(--gray-text); font-size:14px; font-weight:600; }
.dashboard-wrapper{ padding-top:30px; }
.dash-welcome-card{ background:linear-gradient(135deg, rgba(61,90,254,0.05) 0%, rgba(61,90,254,0.01) 100%); border:1px solid rgba(61,90,254,0.15); border-radius:var(--radius-ui); padding:30px; display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:24px; position:relative; overflow:hidden; }
.dash-welcome-card::before{ content:''; position:absolute; top:-50px; right:-50px; width:200px; height:200px; background:radial-gradient(circle, rgba(61,90,254,0.1) 0%, transparent 70%); border-radius:50%; pointer-events:none; }
.dw-profile{ display:flex; align-items:center; gap:20px; position:relative; z-index:2; }
.dw-avatar{ width:70px; height:70px; border-radius:var(--radius-ui); background:var(--bg-header); border:2px solid var(--border-color); padding:3px; display:flex; align-items:center; justify-content:center; position:relative; overflow:hidden; }
.dw-avatar img.av{ width:100%; height:100%; object-fit:cover; border-radius:var(--radius-ui) !important; }
.dw-avatar img.frame{ position:absolute; top:50%; left:50%; width:130%; height:130%; transform:translate(-50%, -50%); z-index:2; pointer-events:none; object-fit:contain; border-radius:var(--radius-ui) !important; }
.dw-info h1{ font-size:22px; font-weight:800; color:var(--dark-text); margin:0 0 6px 0; line-height:1.2; }
.dw-info p{ font-size:14px; color:var(--gray-text); font-weight:500; margin:0; }
.dw-badge{ display:inline-flex; align-items:center; gap:6px; padding:8px 16px; background:var(--bg-header); border:1px solid var(--border-color); border-radius:var(--radius-ui); font-size:13px; font-weight:700; color:var(--dark-text); box-shadow:0 4px 15px rgba(0,0,0,0.02); position:relative; z-index:2; }
.dw-badge i{ color:var(--primary-blue); font-size:18px; }
.dash-stats-grid{ display:grid; grid-template-columns:repeat(4, 1fr); gap:16px; margin-bottom:24px; }
.dash-stat-card{ background:var(--bg-header); border:1px solid var(--border-color); border-radius:var(--radius-ui); padding:24px; display:flex; flex-direction:column; gap:16px; box-shadow:0 4px 15px rgba(0,0,0,0.02); transition:all 0.3s ease; position:relative; overflow:hidden; }
.dash-stat-card:hover{ border-color:var(--primary-blue); box-shadow:0 8px 25px rgba(61,90,254,0.06); }
.ds-icon{ width:48px; height:48px; border-radius:var(--radius-ui); display:flex; align-items:center; justify-content:center; font-size:24px; }
.dash-stat-card.wallet .ds-icon{ background:rgba(61,90,254,0.1); color:var(--primary-blue); }
.dash-stat-card.blocked .ds-icon{ background:rgba(255,68,84,0.1); color:var(--danger-red); }
.dash-stat-card.withdraw .ds-icon{ background:rgba(17,211,119,0.1); color:var(--success-green); }
.dash-stat-card.earnings .ds-icon{ background:rgba(255,179,0,0.1); color:var(--warning-orange); }
.ds-info{ display:flex; flex-direction:column; gap:4px; }
.ds-val{ font-size:24px; font-weight:800; color:var(--dark-text); line-height:1; }
.ds-label{ font-size:13px; color:var(--gray-text); font-weight:600; }
.dash-bento-layout{ display:grid; grid-template-columns:1fr 1fr; gap:24px; margin-bottom:24px; }
.dash-bento-col{ display:flex; flex-direction:column; gap:24px; }
.dash-box{ background:var(--bg-header); border:1px solid var(--border-color); border-radius:var(--radius-ui); padding:24px; box-shadow:0 4px 15px rgba(0,0,0,0.02); display:flex; flex-direction:column; height:100%; }
.dash-box-head{ display:flex; align-items:center; gap:12px; margin-bottom:20px; padding-bottom:16px; border-bottom:1px solid var(--border-color); }
.dash-box-head i{ width:36px; height:36px; border-radius:var(--radius-ui); color:var(--primary-blue); display:flex; align-items:center; justify-content:center; font-size:18px; }
.dash-box-head h2{ font-size:16px; font-weight:800; color:var(--dark-text); margin:0; }
.notify-list{ display:flex; flex-direction:column; gap:12px; }
.notify-item{ display:flex; align-items:center; justify-content:space-between; padding:12px 16px; gap:12px; background:var(--bg-light); border:1px solid var(--border-color); border-radius:var(--radius-ui); transition:all 0.3s ease; }
.notify-item:hover{ border-color:rgba(61,90,254,0.3); background:var(--bg-header); }
.notify-item .form-check.form-switch{ flex-shrink:0; }
.notify-left{ display:flex; align-items:center; gap:12px; flex:1; min-width:0; padding-right:20px; }
.notify-icon{ width:44px; height:44px; border-radius:var(--radius-ui); background:var(--bg-header); border:1px solid var(--border-color); display:flex; align-items:center; justify-content:center; font-size:20px; flex-shrink:0; }
.notify-item.mail .notify-icon{ color:var(--primary-blue); }
.notify-item.sms .notify-icon{ color:var(--success-green); }
.notify-text{ min-width:0; flex:1; }
.notify-text b{ font-size:14px; font-weight:700; color:var(--dark-text); display:block; margin-bottom:2px; }
.notify-text p{ font-size:12px; color:var(--gray-text); font-weight:500; margin:0; line-height:1.4; word-wrap:break-word; white-space:normal; }
.dash-mini-grid{ display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:12px; }
.dash-mini-card{ padding:16px; border-radius:var(--radius-ui); background:var(--bg-light); border:1px solid var(--border-color); display:flex; align-items:flex-start; gap:12px; transition:all 0.3s ease; }
.dash-mini-card:hover{ background:var(--bg-header); border-color:rgba(61,90,254,0.22); box-shadow:0 6px 20px rgba(61,90,254,0.05); }
.dash-mini-icon{ width:40px; height:40px; border-radius:var(--radius-ui); display:flex; align-items:center; justify-content:center; font-size:18px; flex-shrink:0; background:rgba(61,90,254,0.08); color:var(--primary-blue); }
.dash-mini-content{ min-width:0; }
.dash-mini-label{ display:block; font-size:12px; font-weight:700; color:var(--gray-text); margin-bottom:4px; }
.dash-mini-value{ display:block; font-size:14px; font-weight:800; color:var(--dark-text); line-height:1.35; word-break:break-word; }
.dash-mini-value.success{ color:var(--success-green); padding-top:0; }
.dash-mini-value.warning{ color:var(--warning-orange); }
.form-switch .form-check-input{ width:44px; height:24px; cursor:pointer; border-radius:var(--radius-ui); background-color:var(--border-color); border-color:var(--border-color); }
.form-switch .form-check-input:checked{ background-color:var(--success-green); border-color:var(--success-green); }
.form-switch .form-check-input:focus{ box-shadow:none; border-color:var(--border-color); }
body.dark-mode .form-switch .form-check-input,
body.kd-dark .form-switch .form-check-input{ background-color:#2d303a; border-color:#2d303a; }
body.dark-mode .form-switch .form-check-input:checked,
body.kd-dark .form-switch .form-check-input:checked{ background-color:var(--success-green); border-color:var(--success-green); }
body.dark-mode .form-switch .form-check-input:disabled,
body.kd-dark .form-switch .form-check-input:disabled{ opacity:0.5; background-color:#1c2128; border-color:#2d303a; }
.dash-alert{ background:rgba(61,90,254,0.05); border:1px solid rgba(61,90,254,0.15); border-radius:var(--radius-ui); padding:16px; font-size:13px; font-weight:500; color:var(--dark-text); margin-bottom:20px; display:flex; gap:12px; align-items:flex-start; }
.dash-alert i{ font-size:20px; color:var(--primary-blue); line-height:1; }
.dash-form-group{ margin-bottom:16px; }
.dash-form-group label{ font-size:13px; font-weight:700; color:var(--dark-text); margin-bottom:8px; display:block; }
.dash-form-control{ width:100%; height:48px; background:var(--input-bg); border:1px solid var(--border-color); border-radius:var(--radius-ui); padding:0 16px; font-size:14px; font-weight:600; color:var(--dark-text); transition:all 0.3s ease; box-shadow:none; }
.dash-form-control:focus{ border-color:var(--primary-blue); background:var(--bg-header); box-shadow:0 0 0 3px rgba(61,90,254,0.1); outline:none; }
.dash-btn-submit{ width:100%; height:48px; border-radius:var(--radius-ui); background:linear-gradient(135deg, var(--primary-blue) 0%, #283cb4 100%); color:#fff; font-size:14px; font-weight:800; border:none; display:flex; align-items:center; justify-content:center; gap:8px; transition:all 0.3s ease; box-shadow:0 4px 15px rgba(61,90,254,0.25); cursor:pointer; }
.dash-btn-submit:hover{ box-shadow:0 6px 20px rgba(61,90,254,0.35); filter:brightness(1.03); }
.shop-chart-box{ background:var(--bg-header); border:1px solid var(--border-color); border-radius:var(--radius-ui); padding:24px; margin-bottom:24px; box-shadow:0 4px 15px rgba(0,0,0,0.02); }
.shop-slider-nav{ display:flex; gap:10px; }
.shop-slider-nav button{ width:42px; height:42px; border-radius:var(--radius-ui); border:1px solid rgba(61,90,254,0.14); background:linear-gradient(180deg, var(--bg-header) 0%, var(--bg-light) 100%); color:var(--dark-text); display:flex; align-items:center; justify-content:center; cursor:pointer; transition:background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease; box-shadow:0 4px 14px rgba(0,0,0,0.03); }
.shop-slider-nav button i{ font-size:18px; }
.shop-slider-nav button:hover{ background:rgba(61,90,254,0.08); color:var(--primary-blue); border-color:rgba(61,90,254,0.28); box-shadow:0 8px 20px rgba(61,90,254,0.08); }
.shop-slider-nav button:active{ background:rgba(61,90,254,0.12); }
.dash-slide-item{ background:var(--bg-light); border:1px solid var(--border-color); border-radius:var(--radius-ui); padding:20px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; gap:10px; transition:all 0.3s ease; }
.dash-slide-item:hover{ border-color:var(--success-green); background:rgba(17, 211, 119, 0.05); }
.dash-slide-item .date{ font-size:12px; font-weight:700; color:var(--gray-text); background:var(--bg-header); padding:4px 10px; border-radius:var(--radius-ui); border:1px solid var(--border-color); }
.dash-slide-item i{ font-size:28px; color:var(--success-green); }
.dash-slide-item .amount{ font-size:15px; font-weight:800; color:var(--dark-text); }
.refund-wrapper .bento-box, .yurtdisi-phone-wrapper .bento-box{ background:var(--bg-header); border:1px solid var(--border-color); border-radius:var(--radius-ui); padding:30px; box-shadow:0 10px 30px rgba(0,0,0,0.02); margin-bottom:24px; }
.yurtdisi-phone-wrapper .bento-box{ overflow:visible !important; }
.refund-wrapper, .yurtdisi-phone-wrapper{ padding-top:30px; padding-bottom:80px; min-height:600px; }
.refund-wrapper .bento-box-head, .yurtdisi-phone-wrapper .bento-box-head{ display:flex; align-items:center; justify-content:space-between; margin-bottom:24px; padding-bottom:20px; border-bottom:1px solid var(--border-color); flex-wrap:wrap; gap:16px; }
.refund-wrapper .bento-box-title, .yurtdisi-phone-wrapper .bento-box-title{ display:flex; align-items:center; gap:14px; }
.refund-wrapper .bento-box-title i, .yurtdisi-phone-wrapper .bento-box-title i{ width:46px; height:46px; border-radius:var(--radius-ui); background:rgba(61,90,254,0.1); color:var(--primary-blue); display:flex; align-items:center; justify-content:center; font-size:22px; flex-shrink:0; }
.refund-wrapper .bento-box-title h2, .yurtdisi-phone-wrapper .bento-box-title h2{ font-size:18px; font-weight:900; color:var(--dark-text); margin:0; letter-spacing:-0.5px; }
.btn-verify-now{ display:inline-flex; align-items:center; gap:8px; padding:10px 20px; border-radius:var(--radius-ui); background:rgba(17,211,119,0.1); color:var(--success-green); font-size:13px; font-weight:800; text-decoration:none; border:1px solid rgba(17,211,119,0.2); transition:all 0.3s; }
.btn-verify-now:hover{ background:var(--success-green); color:#fff; box-shadow:0 4px 15px rgba(17,211,119,0.25); }
.bento-alert{ display:flex; align-items:flex-start; gap:14px; padding:16px 24px; border-radius:var(--radius-ui); margin-bottom:24px; font-size:14px; font-weight:600; line-height:1.6; }
.bento-alert.info{ background:rgba(61,90,254,0.05); border:1px solid rgba(61,90,254,0.15); color:var(--dark-text); }
.bento-alert.info i{ color:var(--primary-blue); font-size:24px; line-height:1; }
.bento-alert.success{ background:rgba(17,211,119,0.05); border:1px solid rgba(17,211,119,0.2); color:var(--success-green); }
.bento-alert.success i{ color:var(--success-green); font-size:24px; line-height:1; }
.bento-form-group{ margin-bottom:24px; position:relative; }
.bento-form-group label{ font-size:13px; font-weight:800; color:var(--dark-text); margin-bottom:8px; display:block; }
.bento-input-wrap{ position:relative; display:flex; align-items:center; }
.bento-input-wrap i.icon-left{ position:absolute; left:16px; top:50%; transform:translateY(-50%); color:var(--gray-text); font-size:18px; z-index:2; pointer-events:none; }
.yurtdisi-phone-wrapper .bento-input-wrap i.icon-left{ left:16px; }
.yurtdisi-phone-wrapper .bento-input-wrap.ytd-phone-wrap{ min-height:56px; }
.yurtdisi-phone-wrapper .bento-input-wrap.ytd-phone-wrap .bento-form-control{ flex:1; }
.yurtdisi-phone-wrapper .ytd-intl-wrap{ margin-top:0; }
.yurtdisi-phone-wrapper .ytd-intl-wrap .iti{ margin-top:0; }
.refund-wrapper .bento-input-wrap i.icon-left{ left:20px; }
.bento-form-control, .bento-form-select{ width:100%; height:56px; background-color:var(--input-bg); border:1px solid var(--border-color); border-radius:var(--radius-ui); padding:0 20px; font-size:15px; font-weight:600; color:var(--dark-text); transition:border-color 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease; box-shadow:none; outline:none; }
.bento-form-control.has-icon, .bento-form-select.has-icon{ padding-left:54px; }
.bento-form-control:focus, .bento-form-select:focus{ border-color:var(--primary-blue); background-color:var(--bg-header); box-shadow:0 0 0 4px rgba(61,90,254,0.1); }
.bento-form-select:hover,
.bento-form-select:focus{ background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23999'%3E%3Cpath d='M12 15.5l-6-6h12z'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:right 16px center; background-size:20px; }
.bento-form-control:disabled{ background:var(--bg-light); color:var(--gray-text); opacity:0.8; cursor:not-allowed; }
.bento-form-select{ appearance:none; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23999'%3E%3Cpath d='M12 15.5l-6-6h12z'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:right 16px center; background-size:20px; cursor:pointer; }
.bento-btn-submit{ height:56px; padding:0 40px; border-radius:var(--radius-ui); background:linear-gradient(135deg, var(--primary-blue) 0%, #283cb4 100%); color:#fff; font-size:15px; font-weight:800; border:none; display:inline-flex; align-items:center; justify-content:center; gap:8px; transition:all 0.3s ease; box-shadow:0 4px 15px rgba(61,90,254,0.25); cursor:pointer; }
.bento-btn-submit:hover{ box-shadow:0 8px 25px rgba(61,90,254,0.35); filter:brightness(1.03); }
.yurtdisi-phone-wrapper .bento-btn-submit{ width:100%; }
.phone-req-text{ font-size:12px; font-weight:600; color:var(--gray-text); margin-top:8px; display:block; }
.bento-alert-info{ display:flex; align-items:flex-start; gap:16px; background:linear-gradient(135deg, rgba(61,90,254,0.05) 0%, rgba(61,90,254,0.01) 100%); border:1px solid rgba(61,90,254,0.15); border-radius:var(--radius-ui); padding:20px; margin-bottom:24px; }
.bento-alert-info i{ font-size:24px; color:var(--primary-blue); line-height:1; }
.bento-alert-info div{ font-size:14px; font-weight:500; color:var(--dark-text); line-height:1.6; }
.bento-alert-info div strong{ font-weight:800; color:var(--primary-blue); }
.history-card{ display:flex; align-items:center; justify-content:space-between; padding:20px; background:var(--bg-light); border:1px solid var(--border-color); border-radius:var(--radius-ui); transition:all 0.3s ease; flex-wrap:wrap; gap:15px; }
.history-card:hover{ background:var(--bg-header); border-color:var(--primary-blue); box-shadow:0 6px 20px rgba(0,0,0,0.03); }
.hc-left{ display:flex; align-items:center; gap:16px; flex:1; min-width:250px; }
.hc-icon{ width:48px; height:48px; border-radius:var(--radius-ui); background:rgba(61,90,254,0.08); color:var(--primary-blue); display:flex; align-items:center; justify-content:center; font-size:22px; flex-shrink:0; }
.hc-info{ display:flex; flex-direction:column; gap:4px; }
.hc-title{ font-size:15px; font-weight:800; color:var(--dark-text); }
.hc-desc{ font-size:13px; font-weight:500; color:var(--gray-text); display:flex; align-items:center; gap:4px; }
.hc-date{ font-size:12px; color:var(--gray-text); font-weight:600; display:flex; align-items:center; gap:4px; margin-top:2px; }
.hc-right{ display:flex; align-items:center; gap:20px; flex-wrap:wrap; justify-content:flex-end; }
.hc-amount{ font-size:18px; font-weight:900; color:var(--success-green); }
.hc-badge{ padding:6px 12px; border-radius:var(--radius-ui); font-size:12px; font-weight:800; text-align:center; }
.hc-badge.warning{ background:rgba(255,179,0,0.1); color:#a56b00; border:1px solid rgba(255,179,0,0.2); }
.hc-badge.success{ background:rgba(17,211,119,0.1); color:var(--success-green); border:1px solid rgba(17,211,119,0.2); }
.hc-badge.danger{ background:rgba(255,68,84,0.1); color:var(--danger-red); border:1px solid rgba(255,68,84,0.2); }
.hc-reject-note{ width:100%; margin-top:10px; padding:12px 16px; border-radius:var(--radius-ui); background:rgba(255,68,84,0.05); border:1px dashed rgba(255,68,84,0.2); font-size:13px; color:var(--danger-red); font-weight:600; }
.btn-download-receipt{ display:inline-flex; align-items:center; gap:6px; padding:10px 16px; border-radius:var(--radius-ui); background:rgba(61,90,254,0.1); color:var(--primary-blue); font-size:13px; font-weight:800; text-decoration:none; border:1px solid rgba(61,90,254,0.2); transition:all 0.3s; }
.btn-download-receipt:hover{ background:var(--primary-blue); color:#fff; }
.iti{ width:100%; display:block; }
.iti__country-container{ z-index:20; }
.iti--allow-dropdown{ width:100%; }
.iti--allow-dropdown input, .iti--allow-dropdown input[type="tel"]{ width:100% !important; height:56px !important; background:var(--input-bg) !important; border:1px solid var(--border-color) !important; border-radius:var(--radius-ui) !important; padding-left:100px !important; padding-right:20px !important; font-size:15px !important; font-weight:600 !important; color:var(--dark-text) !important; transition:all 0.3s ease; outline:none !important; box-shadow:none !important; }
.iti--allow-dropdown input:focus{ border-color:var(--primary-blue) !important; background:var(--bg-header) !important; box-shadow:0 0 0 4px rgba(61,90,254,0.1) !important; }
.iti__selected-country{ padding:0 14px 0 20px !important; height:56px !important; display:flex !important; align-items:center; border-right:1px solid var(--border-color) !important; background:transparent !important; border-radius:var(--radius-ui) 0 0 var(--radius-ui) !important; transition:all 0.2s; }
.iti__selected-country:hover{ background:rgba(61,90,254,0.05) !important; }
.iti__selected-flag{ display:flex !important; align-items:center; }
.iti__flag{ margin-right:8px; border-radius:2px; }
.iti__selected-dial-code{ font-size:15px; font-weight:700; color:var(--dark-text); margin-left:6px; }
.iti__arrow{ margin-left:8px; border-top-color:var(--gray-text) !important; }
.iti__country-list{ width:320px !important; max-width:100vw !important; max-height:260px; overflow-y:auto; border-radius:var(--radius-ui) !important; background:var(--bg-header) !important; box-shadow:0 15px 40px rgba(0,0,0,0.1) !important; border:1px solid var(--border-color) !important; z-index:9999 !important; margin-top:8px !important; }
.iti__country-list::-webkit-scrollbar{ width:6px; }
.iti__country-list::-webkit-scrollbar-thumb{ background:var(--border-color); border-radius:var(--radius-ui); }
.iti__country{ padding:12px 16px !important; font-size:14px !important; color:var(--dark-text) !important; transition:all 0.2s; }
.iti__country:hover, .iti__country.iti__highlight{ background:rgba(61,90,254,0.05) !important; color:var(--primary-blue) !important; }
.iti__divider{ border-bottom:1px solid var(--border-color) !important; margin:0 !important; }
body.dark .iti__country-name{ color:#fff; }
body.dark .iti__dial-code{ color:#94a3b8; }
.deposit-wrapper{ padding-top:40px; }
.deposit-wrapper .bento-box{
    background:#fff;
    border:1px solid #e2e8f0;
    border-radius:var(--radius-ui);
    padding:30px;
    box-shadow:0 10px 30px rgba(0,0,0,0.03);
    margin-bottom:24px;
}
.deposit-wrapper .bento-box-head{
    display:flex; align-items:center; justify-content:space-between; margin-bottom:24px; padding-bottom:20px; border-bottom:1px solid #e2e8f0;
}
.deposit-wrapper .bento-box-title{ display:flex; align-items:center; gap:14px; }
.deposit-wrapper .bento-box-title i{
    width:46px; height:46px; border-radius:var(--radius-ui); background:rgba(61,90,254,0.1); color:#3d5afe; display:flex; align-items:center; justify-content:center; font-size:22px; flex-shrink:0;
}
.deposit-wrapper .bento-box-title h2{ font-size:18px; font-weight:900; color:#0f172a; margin:0; letter-spacing:-0.5px; }
.deposit-wrapper .method-sidebar-wrapper{
    background:#fff; border:1px solid #e2e8f0; border-radius:var(--radius-ui); box-shadow:0 10px 30px rgba(0,0,0,0.03); overflow:hidden;
}
.deposit-wrapper .method-sidebar-head{
    padding:24px; border-bottom:1px solid #e2e8f0; display:flex; align-items:center; gap:12px; background:linear-gradient(135deg, #f8fafc 0%, #fff 100%);
}
.deposit-wrapper .method-sidebar-head i{ font-size:24px; color:#3d5afe; }
.deposit-wrapper .method-sidebar-head h3{ margin:0; font-size:16px; font-weight:900; color:#0f172a; letter-spacing:-0.5px; }
.deposit-wrapper .method-sidebar{
    padding:16px; display:flex; flex-direction:column; gap:10px;
}
.deposit-wrapper .bento-method-link{
    display:flex; align-items:center; gap:14px; padding:14px 16px; background:#f8fafc; border:1px solid transparent; border-radius:var(--radius-ui); text-decoration:none; transition:all 0.3s ease; position:relative; overflow:hidden;
}
.deposit-wrapper .bento-method-link:hover{
    background:#fff; border-color:#cbd5e1; box-shadow:0 4px 15px rgba(0,0,0,0.03);
}
.deposit-wrapper .bento-method-link.active{
    background:#fff; border-color:#3d5afe; box-shadow:0 8px 25px rgba(61,90,254,0.15); transform:translateX(6px);
}
.deposit-wrapper .bento-method-link.active::before{
    content:''; position:absolute; left:0; top:10%; bottom:10%; width:4px; background:#3d5afe; border-radius:0 4px 4px 0;
}
.deposit-wrapper .bml-icon{
    width:46px; height:46px; border-radius:var(--radius-ui); background:#fff; border:1px solid #e2e8f0; padding:6px; flex-shrink:0; display:flex; align-items:center; justify-content:center; box-shadow:0 2px 6px rgba(0,0,0,0.02);
}
.deposit-wrapper .bml-icon img{ max-width:100%; max-height:100%; object-fit:contain; }
.deposit-wrapper .bml-info{ display:flex; flex-direction:column; gap:2px; }
.deposit-wrapper .bml-name{ font-size:14px; font-weight:800; color:#0f172a; }
.deposit-wrapper .bml-fee{ font-size:12px; font-weight:700; color:#10b981; display:flex; align-items:center; gap:4px; }
.deposit-wrapper .bml-fee i{ font-size:14px; }
.deposit-wrapper .bml-badge{
    position:absolute; top:10px; right:12px; font-size:9px; padding:3px 8px; border-radius:6px; font-weight:900; text-transform:uppercase; letter-spacing:0.5px;
}
.deposit-wrapper .bml-badge.önerilen{ background:rgba(16,185,129,0.1); color:#10b981; border:1px solid rgba(16,185,129,0.2); }
.deposit-wrapper .bml-badge.kampanya{ background:rgba(245,158,11,0.1); color:#d97706; border:1px solid rgba(245,158,11,0.2); }
.deposit-wrapper .bml-badge.yeni{ background:rgba(61,90,254,0.1); color:#3d5afe; border:1px solid rgba(61,90,254,0.2); }
.deposit-wrapper .tx-card{
    background:#f8fafc; border:1px solid #e2e8f0; border-radius:var(--radius-ui); transition:all 0.3s ease; overflow:hidden;
}
.deposit-wrapper .tx-card:hover{ background:#fff; border-color:#cbd5e1; box-shadow:0 6px 20px rgba(0,0,0,0.03); }
.deposit-wrapper .tx-main{ display:flex; align-items:center; justify-content:space-between; padding:20px; flex-wrap:wrap; gap:15px; }
.deposit-wrapper .tx-left{ display:flex; align-items:center; gap:16px; flex:1; min-width:250px; }
.deposit-wrapper .tx-icon{
    width:48px; height:48px; border-radius:var(--radius-ui); background:rgba(61,90,254,0.1); color:#3d5afe; display:flex; align-items:center; justify-content:center; font-size:20px; flex-shrink:0;
}
.deposit-wrapper .tx-info{ display:flex; flex-direction:column; gap:4px; }
.deposit-wrapper .tx-title{ font-size:15px; font-weight:800; color:#0f172a; display:flex; align-items:center; gap:8px; }
.deposit-wrapper .tx-title span{ font-size:11px; color:#64748b; font-weight:700; background:#e2e8f0; padding:2px 8px; border-radius:6px; font-family:'Gilroy', sans-serif; letter-spacing:0.5px; }
.deposit-wrapper .tx-date{ font-size:13px; color:#64748b; font-weight:600; display:flex; align-items:center; gap:4px; }
.deposit-wrapper .tx-right{ display:flex; align-items:center; gap:24px; flex-wrap:wrap; justify-content:flex-end; }
.deposit-wrapper .tx-amount{ font-size:18px; font-weight:900; color:#0f172a; }
.deposit-wrapper .tx-status .badge{ padding:0 16px; height:36px; border-radius:var(--radius-ui); font-size:12px; font-weight:800; display:inline-flex; align-items:center; justify-content:center; text-align:center; min-width:100px; }
.deposit-wrapper .btn-receipt{
    display:inline-flex; align-items:center; justify-content:center; gap:6px; height:36px; padding:0 16px; min-width:100px; border-radius:var(--radius-ui); font-size:12px; font-weight:800; background:rgba(61,90,254,0.1); color:#3d5afe; border:1px solid rgba(61,90,254,0.2); text-decoration:none; transition:all 0.3s;
}
.deposit-wrapper .btn-receipt:hover{ background:#3d5afe; color:#fff; box-shadow:0 4px 10px rgba(61,90,254,0.2); }
.deposit-wrapper .tx-note{
    background:rgba(245,158,11,0.05); padding:12px 20px; font-size:13px; color:#b45309; font-weight:600; border-top:1px dashed rgba(245,158,11,0.2); display:flex; align-items:flex-start; gap:8px; line-height:1.5;
}
.deposit-wrapper .tx-note i{ font-size:18px; line-height:1.2; }
.deposit-wrapper .btn-load-more{
    width:100%; height:56px; border-radius:var(--radius-ui); background:#f8fafc; border:1px dashed #3d5afe; color:#3d5afe; font-size:14px; font-weight:800; cursor:pointer; transition:all 0.3s; display:flex; align-items:center; justify-content:center; gap:8px; margin-top:24px;
}
.deposit-wrapper .btn-load-more:hover{ background:rgba(61,90,254,0.05); border-style:solid; }
#fullLoading{ position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(255,255,255,0.8); backdrop-filter:blur(5px); z-index:9999; display:flex; align-items:center; justify-content:center; flex-direction:column; gap:16px; }
body.dark-mode #fullLoading{ background:rgba(15,23,42,0.8); }
#fullLoading .spinner{ width:60px; height:60px; border:4px solid #e2e8f0; border-top-color:#3d5afe; border-radius:50%; animation:deposit-spin 1s linear infinite; }
body.dark-mode #fullLoading .spinner{ border-color:var(--border-color); border-top-color:var(--primary-blue); }
body.dark-mode #fullLoading p{ color:var(--dark-text); }
#fullLoading .full-loading-text{ font-weight:800; font-size:15px; color:var(--dark-text); }
.bentobox-badge{ font-size:13px; font-weight:600; padding:6px 12px; border-radius:var(--radius-ui); background:var(--bg-light); border:1px solid var(--border-color); color:var(--gray-text); }
.tx-note-strong{ color:var(--dark-text); }
@keyframes deposit-spin{ 100%{ transform:rotate(360deg); } }

body.dark-mode .deposit-wrapper .bento-box{ background:var(--bg-header); border-color:var(--border-color); box-shadow:0 10px 30px rgba(0,0,0,0.3); }
body.dark-mode .deposit-wrapper .bento-box-head{ border-bottom-color:var(--border-color); }
body.dark-mode .deposit-wrapper .bento-box-title h2{ color:var(--dark-text); }
body.dark-mode .deposit-wrapper .method-sidebar-wrapper{ background:var(--bg-header); border-color:var(--border-color); box-shadow:0 10px 30px rgba(0,0,0,0.3); }
body.dark-mode .deposit-wrapper .method-sidebar-head{ background:linear-gradient(135deg, var(--bg-light) 0%, var(--bg-header) 100%); border-bottom-color:var(--border-color); }
body.dark-mode .deposit-wrapper .method-sidebar-head h3{ color:var(--dark-text); }
body.dark-mode .deposit-wrapper .bento-method-link{ background:var(--bg-light); }
body.dark-mode .deposit-wrapper .bento-method-link:hover{ background:var(--bg-header); border-color:var(--border-color); box-shadow:0 4px 15px rgba(0,0,0,0.2); }
body.dark-mode .deposit-wrapper .bento-method-link.active{ background:var(--bg-header); border-color:var(--primary-blue); }
body.dark-mode .deposit-wrapper .bml-icon{ background:#fff; border-color:var(--border-color); }
body.dark-mode .deposit-wrapper .bml-name{ color:var(--dark-text); }
body.dark-mode .deposit-wrapper .tx-card{ background:var(--bg-light); border-color:var(--border-color); }
body.dark-mode .deposit-wrapper .tx-card:hover{ background:var(--bg-header); border-color:var(--border-color); box-shadow:0 6px 20px rgba(0,0,0,0.2); }
body.dark-mode .deposit-wrapper .tx-title{ color:var(--dark-text); }
body.dark-mode .deposit-wrapper .tx-title span{ background:var(--bg-light); color:var(--gray-text); }
body.dark-mode .deposit-wrapper .tx-date{ color:var(--gray-text); }
body.dark-mode .deposit-wrapper .tx-amount{ color:var(--dark-text); }
body.dark-mode .deposit-wrapper .tx-note strong{ color:var(--dark-text); }
body.dark-mode .deposit-wrapper .btn-load-more{ background:var(--bg-light); border-color:var(--primary-blue); }
body.dark-mode .deposit-wrapper .btn-load-more:hover{ background:rgba(61,90,254,0.1); }
body.dark-mode .deposit-wrapper .wb-sc-icon{ background:#fff; border-color:var(--border-color); }
body.dark-mode .deposit-wrapper .bhc-icon{ background:#fff; border-color:var(--border-color); }

body.dark-mode .fintech-wrapper .action-panel{ background:var(--bg-header); border-color:var(--border-color); box-shadow:0 10px 30px rgba(0,0,0,0.3); }
body.dark-mode .fintech-wrapper .fintech-tabs{ background:var(--bg-light); border-color:var(--border-color); }
body.dark-mode .fintech-wrapper .ft-btn{ color:var(--gray-text); }
body.dark-mode .fintech-wrapper .ft-btn:hover{ color:var(--dark-text); }
body.dark-mode .fintech-wrapper .ft-btn.active{ background:var(--bg-header); color:var(--dark-text); }
body.dark-mode .fintech-wrapper .giant-label{ color:var(--gray-text); }
body.dark-mode .fintech-wrapper .giant-input{ color:var(--dark-text); border-bottom-color:var(--border-color); }
body.dark-mode .fintech-wrapper .giant-input::placeholder{ color:var(--gray-text); }
body.dark-mode .fintech-wrapper .currency-symbol{ color:var(--gray-text); }
body.dark-mode .fintech-wrapper .ft-form-group label{ color:var(--gray-text); }
body.dark-mode .fintech-wrapper .ft-select,
body.dark-mode .fintech-wrapper .ft-input{ background-color:var(--input-bg); border-color:var(--border-color); color:var(--dark-text); }
body.dark-mode .fintech-wrapper .ft-select{ background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%238b949e'%3E%3Cpath d='M12 15.5l-6-6h12z'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:right 20px center; background-size:20px; }
body.dark-mode .fintech-wrapper .ft-select:focus,
body.dark-mode .fintech-wrapper .ft-input:focus{ background-color:var(--bg-header); }
body.dark-mode .bento-form-select{ background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%238b949e'%3E%3Cpath d='M12 15.5l-6-6h12z'/%3E%3C/svg%3E") !important; }
body.dark-mode .fintech-wrapper .ft-input:disabled,
body.dark-mode .fintech-wrapper .ft-input[readonly]{ background-color:var(--bg-light); color:var(--gray-text); }
body.dark-mode .fintech-wrapper .ft-receipt{ background:var(--bg-light); border-color:var(--border-color); }
body.dark-mode .fintech-wrapper .ftr-row{ color:var(--gray-text); }
body.dark-mode .fintech-wrapper .ftr-row:last-child{ border-top-color:var(--border-color); color:var(--dark-text); }
body.dark-mode .fintech-wrapper .ftr-val{ color:var(--dark-text); }
body.dark-mode .fintech-wrapper .ftr-row.danger .ftr-val{ color:var(--danger-red); }
body.dark-mode .fintech-wrapper .ftr-row:last-child .ftr-val{ color:var(--success-green); }
body.dark-mode .fintech-wrapper .custom-checkbox span{ color:var(--gray-text); }
body.dark-mode .fintech-wrapper .custom-checkbox span b{ color:var(--dark-text); }
body.dark-mode .fintech-wrapper .side-card{ background:var(--bg-header); border-color:var(--border-color); box-shadow:0 10px 30px rgba(0,0,0,0.3); }
body.dark-mode .fintech-wrapper .sc-head h3{ color:var(--dark-text); }
body.dark-mode .fintech-wrapper .bank-item{ background:var(--bg-light); border-color:var(--border-color); }
body.dark-mode .fintech-wrapper .bank-item:hover{ background:var(--bg-header); border-color:var(--border-color); }
body.dark-mode .fintech-wrapper .bi-name{ color:var(--dark-text); }
body.dark-mode .fintech-wrapper .bi-iban{ color:var(--gray-text); }
body.dark-mode .fintech-wrapper .bi-owner{ color:var(--gray-text); }
body.dark-mode .fintech-wrapper .info-list{ color:var(--gray-text); }
body.dark-mode .fintech-wrapper .history-cardd{ background:var(--bg-header); border-color:var(--border-color); box-shadow:0 10px 30px rgba(0,0,0,0.3); }
body.dark-mode .fintech-wrapper .tx-item{ background:var(--bg-light); border-color:var(--border-color); }
body.dark-mode .fintech-wrapper .tx-item:hover{ background:var(--bg-header); border-color:var(--border-color); }
body.dark-mode .fintech-wrapper .txi-title{ color:var(--dark-text); }
body.dark-mode .fintech-wrapper .txi-date{ color:var(--gray-text); }
body.dark-mode .fintech-wrapper .txi-amount{ color:var(--dark-text); }
body.dark-mode .fintech-wrapper .txi-fee{ color:var(--gray-text); }
body.dark-mode .fintech-wrapper .tx-pagination{ border-top-color:var(--border-color); }
body.dark-mode .fintech-wrapper .tx-info-text{ color:var(--gray-text); }
body.dark-mode .fintech-wrapper .tx-btn{ background:var(--bg-light); border-color:var(--border-color); color:var(--dark-text); }
body.dark-mode .fintech-wrapper .tx-btn:hover:not(:disabled){ background:var(--primary-blue); color:#fff; }
body.dark-mode .fintech-wrapper .history-total-badge{ background:var(--bg-light); border:1px solid var(--border-color); color:var(--gray-text); }
body.dark-mode .fintech-wrapper .history-total-val{ color:var(--success-green); }
body.dark-mode .fintech-wrapper .side-card-info{ background:var(--bg-light) !important; }
body.dark-mode .fintech-wrapper .bank-list-empty{ color:var(--gray-text); }
body.dark-mode .fintech-wrapper .giant-input-hint{ color:var(--gray-text); }
body.dark-mode .fintech-wrapper .alert-danger{ background:rgba(239,68,68,0.15); border-color:rgba(239,68,68,0.3); color:var(--danger-red); }
body.dark-mode .fintech-wrapper .ft-kimlik-alert{ background:rgba(61,90,254,0.1); border-color:rgba(61,90,254,0.25); color:var(--dark-text); }

.deposit-wrapper .welcome-board-wrapper{
    display:flex; flex-direction:column; gap:20px; padding:10px;
}
.deposit-wrapper .wb-hero{
    background:linear-gradient(135deg, var(--primary-blue) 0%, #1e1b4b 100%);
    border-radius:var(--radius-ui); padding:40px;
    display:flex; align-items:center; justify-content:space-between;
    position:relative; overflow:hidden;
    box-shadow:0 10px 30px rgba(61,90,254,0.15);
}
.deposit-wrapper .wb-hero::before{
    content:''; position:absolute; right:-50px; top:-50px; width:250px; height:250px;
    background:radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%);
    pointer-events:none;
}
.deposit-wrapper .wbh-text{ position:relative; z-index:2; color:#fff; max-width:450px; }
.deposit-wrapper .wbh-title{ font-size:24px; font-weight:900; margin:0 0 12px 0; letter-spacing:-0.5px; }
.deposit-wrapper .wbh-desc{ font-size:15px; font-weight:500; opacity:0.85; line-height:1.6; margin:0; }
.deposit-wrapper .wbh-graphic{
    position:relative; z-index:2; font-size:80px; color:rgba(255,255,255,0.9);
    text-shadow:0 10px 30px rgba(0,0,0,0.3); transform:rotate(-10deg) translateY(-10px);
}
.deposit-wrapper .wb-grid{ display:grid; grid-template-columns:repeat(auto-fit, minmax(200px, 1fr)); gap:16px; }
.deposit-wrapper .wb-card{
    background:var(--bg-header); border:1px solid var(--border-color); border-radius:var(--radius-ui); padding:24px; position:relative;
}
.deposit-wrapper .wb-card:hover{ border-color:var(--primary-blue); box-shadow:0 8px 25px rgba(61,90,254,0.06); }
.deposit-wrapper .wbc-icon{
    width:46px; height:46px; border-radius:var(--radius-ui); background:rgba(61,90,254,0.08); color:var(--primary-blue); display:flex; align-items:center; justify-content:center; font-size:22px; margin-bottom:16px;
}
.deposit-wrapper .wb-card:nth-child(2) .wbc-icon{ background:rgba(17,211,119,0.1); color:var(--success-green); }
.deposit-wrapper .wb-card:nth-child(3) .wbc-icon{ background:rgba(255,179,0,0.1); color:var(--warning-orange); }
.deposit-wrapper .wbc-title{ font-size:15px; font-weight:800; color:var(--dark-text); margin-bottom:8px; }
.deposit-wrapper .wbc-desc{ font-size:13px; color:var(--gray-text); line-height:1.5; margin:0; font-weight:500; }
.deposit-wrapper .wb-security-bar{
    display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:20px;
    background:var(--bg-light); border:1px solid var(--border-color); border-radius:var(--radius-ui); padding:16px 20px;
}
.deposit-wrapper .wb-sec-item{
    font-size:13px; font-weight:700; color:var(--dark-text); display:flex; align-items:center; gap:8px; white-space:nowrap;
}
.deposit-wrapper .wb-sec-item i{ font-size:18px; color:var(--success-green); }
.deposit-wrapper .wb-support-info-box{
    background:rgba(61,90,254,0.04); border-left:4px solid var(--primary-blue);
    border-radius:var(--radius-ui) var(--radius-ui) var(--radius-ui) var(--radius-ui); padding:20px; margin-top:10px; text-align:left;
}
.deposit-wrapper .wb-support-info-box p{
    font-size:13px; font-weight:600; color:var(--dark-text); line-height:1.6; margin:0 0 12px 0; display:flex; align-items:flex-start; gap:10px;
}
.deposit-wrapper .wb-support-info-box p:last-child{ margin:0; }
.deposit-wrapper .wb-support-info-box p i{ font-size:18px; color:var(--primary-blue); flex-shrink:0; line-height:1.2; }
.deposit-wrapper .wb-support-grid{ display:grid; grid-template-columns:repeat(auto-fit, minmax(220px, 1fr)); gap:16px; }
.deposit-wrapper .wb-support-card{
    background:var(--bg-header); border:1px solid var(--border-color); border-radius:var(--radius-ui); padding:20px; display:flex; align-items:flex-start; gap:16px;
}
.deposit-wrapper .wb-support-card:hover{ border-color:var(--primary-blue); box-shadow:0 6px 20px rgba(61,90,254,0.05); }
.deposit-wrapper .wb-sc-icon{ width:42px; height:42px; border-radius:var(--radius-ui); background:#fff; border:1px solid var(--border-color); display:flex; align-items:center; justify-content:center; padding:6px; flex-shrink:0; }
.deposit-wrapper .wb-sc-icon img{ max-width:100%; max-height:100%; object-fit:contain; }
.deposit-wrapper .wb-sc-info{ display:flex; flex-direction:column; gap:8px; }
.deposit-wrapper .wb-sc-title{ font-size:14px; font-weight:800; color:var(--dark-text); margin:0; }
.deposit-wrapper .wb-sc-links{ display:flex; flex-direction:column; gap:6px; }
.deposit-wrapper .wb-sc-link{ font-size:13px; font-weight:600; color:var(--gray-text); text-decoration:none; display:flex; align-items:center; gap:6px; transition:color 0.2s; }
.deposit-wrapper .wb-sc-link i{ color:var(--primary-blue); font-size:16px; }
.deposit-wrapper .wb-sc-link:hover{ color:var(--primary-blue); text-decoration:underline; }
.deposit-wrapper .deposit-form-area{
    background:var(--bg-header); border:1px solid var(--border-color);
    border-radius:var(--radius-ui); padding:30px;
    box-shadow:0 4px 15px rgba(0,0,0,0.02);
}
.deposit-wrapper .dfa-head{
    margin-bottom:24px; padding-bottom:20px; border-bottom:1px solid var(--border-color);
}
.deposit-wrapper .dfa-title{ font-size:20px; font-weight:900; color:var(--dark-text); margin:0 0 8px 0; }
.deposit-wrapper .dfa-desc{ font-size:14px; font-weight:500; color:var(--gray-text); margin:0; line-height:1.5; }
.deposit-wrapper .deposit-form-area .bento-alert{
    display:flex; align-items:center; gap:14px; padding:16px 20px; border-radius:var(--radius-ui); margin-bottom:24px; font-size:14px; font-weight:600; line-height:1.5;
}
.deposit-wrapper .deposit-form-area .bento-alert.danger{ background:rgba(239,68,68,0.05); border:1px solid rgba(239,68,68,0.2); color:var(--danger-red); }
.deposit-wrapper .deposit-form-area .bento-alert i{ font-size:24px; line-height:1; }
.deposit-wrapper .deposit-form-area .bento-alert.info i{ color:var(--primary-blue); }
.deposit-wrapper .giant-input-wrapper{
    text-align:center; margin-bottom:30px; background:var(--bg-light); padding:30px 20px; border-radius:var(--radius-ui); border:1px dashed var(--border-color);
}
.deposit-wrapper .giant-label{ font-size:13px; font-weight:800; color:var(--gray-text); margin-bottom:12px; display:block; text-transform:uppercase; letter-spacing:0.5px; }
.deposit-wrapper .giant-input{
    font-size:48px; font-weight:900; color:var(--dark-text); background:transparent; border:none; outline:none; text-align:center; width:200px; border-bottom:2px solid var(--border-color); padding:0 0 10px 0; transition:all 0.3s ease; letter-spacing:-1px;
}
.deposit-wrapper .giant-input:focus{ border-color:var(--primary-blue); }
.deposit-wrapper .currency-symbol{ font-size:28px; font-weight:800; color:var(--gray-text); padding-bottom:10px; }
.deposit-wrapper .deposit-form-area .bento-form-group{ margin-bottom:20px; position:relative; }
.deposit-wrapper .deposit-form-area .bento-form-control{
    width:100%; height:56px; background:var(--input-bg); border:1px solid var(--border-color); border-radius:var(--radius-ui); padding:0 20px; font-size:15px; font-weight:600; color:var(--dark-text); transition:all 0.3s ease; box-shadow:none; outline:none;
}
.deposit-wrapper .deposit-form-area .bento-form-control.has-icon{ padding-left:48px; }
.deposit-wrapper .deposit-form-area .bento-form-control:focus{ border-color:var(--primary-blue); background:var(--bg-header); box-shadow:0 0 0 4px rgba(61,90,254,0.1); }
.deposit-wrapper .deposit-form-area .bento-form-control[readonly]{ background:rgba(17,211,119,0.05); border-color:rgba(17,211,119,0.2); color:var(--success-green); font-size:18px; font-weight:900; }
.deposit-wrapper .deposit-form-area .bento-btn-submit{
    width:100%; height:56px; border-radius:var(--radius-ui); background:linear-gradient(135deg, var(--success-green) 0%, #0db866 100%); color:#fff; font-size:15px; font-weight:800; border:none; display:flex; align-items:center; justify-content:center; gap:8px; transition:all 0.3s ease; box-shadow:0 4px 15px rgba(17,211,119,0.25); cursor:pointer; margin-top:10px;
}
.deposit-wrapper .deposit-form-area .bento-btn-submit:hover{ box-shadow:0 8px 25px rgba(17,211,119,0.35); filter:brightness(1.03); }
.deposit-wrapper .deposit-form-area .bento-help-card{
    display:flex; align-items:center; gap:16px; background:var(--bg-light); border:1px solid var(--border-color); border-radius:var(--radius-ui); padding:20px; margin-top:30px;
}
.deposit-wrapper .bhc-icon{ width:50px; height:50px; border-radius:var(--radius-ui); background:#fff; border:1px solid var(--border-color); display:flex; align-items:center; justify-content:center; padding:6px; flex-shrink:0; }
.deposit-wrapper .bhc-icon img{ max-width:100%; max-height:100%; object-fit:contain; }
.deposit-wrapper .bhc-info{ display:flex; flex-direction:column; gap:4px; }
.deposit-wrapper .bhc-title{ font-size:15px; font-weight:800; color:var(--dark-text); margin:0; }
.deposit-wrapper .bhc-desc{ font-size:13px; font-weight:500; color:var(--gray-text); margin:0; }
.deposit-wrapper .bhc-desc a{ color:var(--primary-blue); font-weight:700; text-decoration:none; }
.deposit-wrapper .bhc-desc a:hover{ text-decoration:underline; }
.deposit-wrapper .bento-foot-note{
    margin-top:24px; padding-top:24px; border-top:1px dashed var(--border-color); font-size:13px; color:var(--gray-text); line-height:1.6;
}
.modern-hero{
    position:relative; padding:60px 40px; border-radius:var(--radius-ui); overflow:hidden;
    background-color:#0f172a; background-size:cover !important; background-position:center !important; z-index:1;
    box-shadow:0 10px 30px rgba(15, 23, 42, 0.15); margin-top:14px; margin-bottom:40px; text-align:center;
}
.modern-hero::before{
    content:''; position:absolute; inset:0; z-index:-1;
    background:linear-gradient(180deg, rgba(15, 23, 42, 0.85) 0%, rgba(15, 23, 42, 0.95) 100%);
}
.modern-hero .sub-hero-title h1{ font-size:32px; font-weight:900; color:#fff; margin-bottom:12px; letter-spacing:-0.5px; }
.modern-hero .sub-hero-title p{ font-size:15px; font-weight:500; color:#cbd5e1; margin:0 auto; max-width:650px; line-height:1.6; }

.modern-search-box{ position:relative; max-width:600px; width:100%; margin:30px auto 0; }
.modern-search-box .my-product-search-input{
    width:100%; height:56px; border-radius:var(--radius-ui); border:2px solid rgba(255,255,255,0.12);
    background:rgba(255,255,255,0.06); backdrop-filter:blur(10px); padding:0 24px 0 60px;
    color:#fff; font-size:15px; font-weight:600; transition:border-color 0.25s ease, background-color 0.25s ease, box-shadow 0.25s ease; outline:none; box-shadow:none;
}
.modern-search-box .my-product-search-input:hover{
    border-color:rgba(255,255,255,0.2);
    background:rgba(255,255,255,0.08);
}
.modern-search-box .my-product-search-input:focus{
    border-color:var(--primary-blue);
    background:rgba(255,255,255,0.1);
    box-shadow:0 0 0 4px rgba(61,90,254,0.15);
}
.modern-search-box .my-product-search-input::placeholder{ color:#94a3b8; }
.modern-search-box .search-icon-box{
    position:absolute; left:0; top:0; bottom:0;
    width:60px; display:flex; align-items:center; justify-content:center;
    color:#94a3b8; font-size:20px; pointer-events:none;
    transition:color 0.25s ease;
}
.modern-search-box:focus-within .search-icon-box{ color:var(--primary-blue); }
.modern-search-box .search-icon-box > *{
    display:flex; align-items:center; justify-content:center;
}
.modern-search-box .search-icon-box i,
.modern-search-box .search-icon-box a{
    flex-shrink:0;
}
.modern-search-box .search-icon-box i.clear-icon{ pointer-events:auto; cursor:pointer; transition:color 0.2s; }
.modern-search-box .search-icon-box i.clear-icon:hover{ color:#ef4444; }
.modern-search-box .search-icon-box a.clear-icon{ pointer-events:auto; cursor:pointer; color:inherit; text-decoration:none; display:flex; align-items:center; justify-content:center; transition:color 0.2s; }
.modern-search-box .search-icon-box a.clear-icon:hover{ color:#ef4444; }

.vibrant-cat-card{
    --cat-color:#3d5afe;
    display:flex; flex-direction:column; align-items:center; justify-content:center;
    position:relative; aspect-ratio:1 / 1; padding:16px;
    border-radius:var(--radius-ui); text-decoration:none !important; overflow:hidden;
    background-color:var(--cat-color); text-align:center;
    box-shadow:0 6px 15px rgba(0,0,0,0.1);
    transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    border:1px solid rgba(255,255,255,0.1);
}
.vibrant-cat-card::before{
    content:''; position:absolute; inset:0; z-index:1; pointer-events:none;
    background:linear-gradient(135deg, rgba(255,255,255,0.25) 0%, rgba(0,0,0,0.4) 100%);
}
.vibrant-cat-card::after{
    content:''; position:absolute; top:0; left:-100%;
    width:60%; height:100%;
    background:linear-gradient(90deg, transparent, rgba(255,255,255,0.5), transparent);
    transform:skewX(-20deg); z-index:1; pointer-events:none;
    transition:left 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}
.vibrant-cat-card:hover{
    box-shadow:0 15px 30px rgba(0,0,0,0.25); z-index:10;
}
.vibrant-cat-card:hover::after{
    left:100%;
}
.vcc-content{
    position:relative; z-index:2; display:flex; flex-direction:column;
    align-items:center; justify-content:center; gap:12px; width:100%;
}
.vcc-icon-wrap{
    width:52px; height:52px; border-radius:var(--radius-ui); flex-shrink:0;
    background:rgba(255,255,255,0.15); border:1px solid rgba(255,255,255,0.2);
    display:flex; align-items:center; justify-content:center; margin:0 auto;
    backdrop-filter:blur(8px); box-shadow:0 4px 10px rgba(0,0,0,0.2);
    transition:transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.vibrant-cat-card:hover .vcc-icon-wrap{ background:rgba(255,255,255,0.25); }
.vcc-icon-wrap img{ max-width:32px; max-height:32px; object-fit:contain; filter:drop-shadow(0 2px 4px rgba(0,0,0,0.3)); }
.vcc-badge{
    position:absolute; top:12px; right:12px; z-index:5;
    background:rgba(255,255,255,0.95); color:#0f172a;
    padding:3px 8px; border-radius:var(--radius-ui); font-size:9px; font-weight:900;
    text-transform:uppercase; letter-spacing:0.5px; box-shadow:0 2px 5px rgba(0,0,0,0.2);
}
.vcc-title{
    color:#fff; font-size:13px; font-weight:800; margin:0;
    line-height:1.4; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;
    overflow:hidden; text-shadow:0 2px 5px rgba(0,0,0,0.4);
}

.modern-empty{ display:flex; flex-direction:column; align-items:center; justify-content:center; padding:50px 20px; background:#f8fafc; border-radius:var(--radius-ui); border:1px dashed #cbd5e1; text-align:center; }
.modern-empty i{ font-size:40px; color:#94a3b8; margin-bottom:12px; }
.modern-empty span{ font-size:15px; font-weight:700; color:#0f172a; }
body.dark-mode .modern-empty{ background:var(--bg-header) !important; border-color:var(--border-color) !important; }
body.dark-mode .modern-empty i{ color:#94a3b8 !important; }
body.dark-mode .modern-empty span{ color:var(--dark-text) !important; }

.faq-question .box{
    background:#fff !important;
    padding:18px !important;
    border-color:#e2e8f0 !important;
}
.faq-question h3{ font-size:15px !important; margin-bottom:8px !important; }
.faq-question p{ font-size:13px !important; }
.k-box{ background:#fff; border:1px solid #e2e8f0; border-radius:var(--radius-ui); padding:32px; box-shadow:0 4px 20px rgba(0,0,0,0.02); margin-bottom:24px; }
.status-alert{ display:flex; align-items:flex-start; gap:16px; padding:20px; border-radius:var(--radius-ui); margin-bottom:24px; font-size:14px; font-weight:500; line-height:1.6; }
.status-alert.danger{ background:rgba(239,68,68,0.05); border:1px solid rgba(239,68,68,0.2); color:#ef4444; }
.status-alert.info{ background:rgba(61,90,254,0.05); border:1px solid rgba(61,90,254,0.15); color:#3d5afe; }
.status-alert.warning{ background:rgba(245,158,11,0.05); border:1px solid rgba(245,158,11,0.2); color:#d97706; }
.status-alert i{ font-size:24px; line-height:1; margin-top:2px; }
.status-alert strong{ font-weight:900; color:#0f172a; }
.status-alert > div > strong:first-child{ display:block; font-size:15px; margin-bottom:4px; }
#blockedSectionText .blocked-pill{
    display:inline-flex; align-items:center; padding:2px 8px; border-radius:999px;
    background:rgba(245,158,11,0.15); border:1px solid rgba(245,158,11,0.3); color:#b45309; font-weight:800; margin:0 4px;
}
.add-steps .item{
   display:flex;
   align-items:center;
   gap:16px;
   padding:20px;
   background:var(--bg-header);
   border:1px solid var(--border-color);
   border-radius:var(--radius-ui);
   transition:var(--transition);
   height:100%;
   box-shadow:0 4px 20px rgba(15,23,42,.06), 0 1px 3px rgba(15,23,42,.05);
}
.add-steps .item.active{
   background:linear-gradient(145deg, #f7f8ff 0%, #eef2ff 42%, #eceeff 100%);
   border-color:rgba(61,90,254,.22);
   box-shadow:0 8px 28px rgba(61,90,254,.09), 0 2px 10px rgba(15,23,42,.04);
}
.add-steps .item .icon{ width:48px; height:48px; border-radius:var(--radius-ui); background:var(--input-bg); color:#64748b; display:flex; align-items:center; justify-content:center; font-size:20px; flex-shrink:0; box-shadow:0 2px 10px rgba(0,0,0,0.05); transition:all 0.3s; }
.add-steps .item.active .icon{ background:#fff; color:var(--primary-blue); box-shadow:0 2px 14px rgba(61,90,254,.14); }
.add-steps .item .l{ flex:1; min-width:0; }
.add-steps .item .name{ font-size:15px; font-weight:900; color:#0f172a; margin-bottom:2px; transition:color 0.3s; }
.add-steps .item.active .name{ color:#312e81; }
.add-steps .item p{ font-size:12px; font-weight:600; color:#64748b; margin:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; transition:color 0.3s; }
.add-steps .item.active p{ color:#6b7280; }
.cat-panel{ background:#fff; border:1px solid #e2e8f0; border-radius:var(--radius-ui); display:flex; flex-direction:column; height:500px; overflow:hidden; }
.cat-panel .head{ padding:16px; border-bottom:1px solid #e2e8f0; background:#f8fafc; }
.cat-panel .head .catinput{ height:44px; border-radius:var(--radius-ui); border:1px solid #cbd5e1; padding-left:40px; font-size:13px; font-weight:600; color:#0f172a; outline:none; box-shadow:none; transition:all 0.3s; }
.cat-panel .head .catinput:focus{ border-color:#3d5afe; box-shadow:0 0 0 3px rgba(61,90,254,0.1); background:#fff; }
.cat-panel .head .position-relative{ display:flex; align-items:center; }
.cat-panel .head i{ position:absolute; left:14px; top:50%; transform:translateY(-50%); color:#94a3b8; font-size:18px; line-height:1; pointer-events:none; }
.cat-panel .body{ flex:1; overflow-y:auto; padding:16px; background:#fff; }
.cat-panel .body::-webkit-scrollbar{ width:6px; }
.cat-panel .body::-webkit-scrollbar-track{ background:#f1f5f9; }
.cat-panel .body::-webkit-scrollbar-thumb{ background:#cbd5e1; border-radius:3px; }
.catlist .item{ display:flex; align-items:center; gap:12px; padding:12px; border-radius:var(--radius-ui); border:1px solid transparent; text-decoration:none; color:#0f172a; transition:all 0.2s; background:#fff; }
.catlist .item:hover{ background:#f8fafc; border-color:#e2e8f0; }
.catlist .item.active{ background:rgba(61,90,254,0.05); border-color:#3d5afe; }
.catlist .item .cat-icon-wrap{ width:40px; height:40px; border-radius:var(--radius-ui); display:flex; align-items:center; justify-content:center; flex-shrink:0; box-shadow:0 2px 8px rgba(0,0,0,0.05); }
.catlist .item img{ max-width:24px; max-height:24px; object-fit:contain; }
.catlist .item .title{ font-size:13px; font-weight:700; line-height:1.3; }
.search-hide{ display:none !important; }
.form-group > label{ font-size:13px; font-weight:800; color:#0f172a; margin-bottom:8px; display:flex; align-items:center; }
.form-control, .form-select{ height:52px; border-radius:var(--radius-ui); border:1px solid #cbd5e1; background-color:#f8fafc; padding:0 16px; font-size:14px; font-weight:600; color:#0f172a; transition:all 0.3s; box-shadow:none; }
.add .form-select{
    padding-right:42px;
    appearance:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='20' height='20'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M12 13.172l4.95-4.95 1.414 1.414L12 16 5.636 9.636 7.05 8.222z' fill='%2385909e'/%3E%3C/svg%3E");
    background-repeat:no-repeat;
    background-position:right 12px center;
    background-size:18px 18px;
}
.form-control:focus, .form-select:focus{ border-color:#3d5afe; background-color:#fff; box-shadow:0 0 0 4px rgba(61,90,254,0.1); }
.form-control[readonly]{ background-color:#e2e8f0; color:#64748b; cursor:not-allowed; }
textarea.form-control{ height:auto; min-height:100px; padding:16px; }
.area-with-icon{ position:relative; }
.area-with-icon i{ position:absolute; left:16px; top:50%; transform:translateY(-50%); font-size:18px; color:#94a3b8; pointer-events:none; z-index:5; }
.area-with-icon .form-control{ padding-left:44px; }
.secenekler{ display:flex; flex-wrap:wrap; gap:12px; }
.secenekler .form-radio{ position:relative; flex:1; min-width:150px; }
.secenekler .form-radio input{ position:absolute; opacity:0; cursor:pointer; }
.secenekler .form-radio label{ display:flex; align-items:center; justify-content:center; text-align:center; height:52px; padding:0 16px; background:#f8fafc; border:2px solid #e2e8f0; border-radius:var(--radius-ui); font-size:13px; font-weight:800; color:#475569; cursor:pointer; transition:all 0.2s; margin:0; width:100%; }
.secenekler .form-radio input:checked + label{ background:rgba(61,90,254,0.05); border-color:#3d5afe; color:#3d5afe; }
body.dark-mode .secenekler .form-radio label,
body.kd-dark .secenekler .form-radio label{ background:#0f172a; border-color:#334155; color:#cbd5e1; }
body.dark-mode .secenekler .form-radio input:checked + label,
body.kd-dark .secenekler .form-radio input:checked + label{ background:rgba(61,90,254,0.2); border-color:#6366f1; color:#a5b4fc; }
.form-check-input{ width:20px; height:20px; border-radius:6px; border:2px solid #cbd5e1; cursor:pointer; }
.form-check-input:checked{ background-color:#3d5afe; border-color:#3d5afe; }
.uploadarea.dropzone{ border:2px dashed #cbd5e1; border-radius:var(--radius-ui); background:#f8fafc; padding:30px; display:flex; flex-wrap:wrap; gap:10px; justify-content:center; align-items:center; transition:all 0.3s; overflow-x:hidden; }
.uploadarea.dropzone:hover{ border-color:#3d5afe; background:rgba(61,90,254,0.02); }
.uploadarea.dropzone .dz-message{ margin:0; width:100%; max-width:100%; font-size:14px; font-weight:700; color:#64748b; }
.uploadarea.dropzone .dz-message .dz-button{
    width:100%;
    max-width:100%;
    min-height:170px;
    display:block;
    box-sizing:border-box;
    border:1px dashed #cbd5e1;
    border-radius:var(--radius-ui);
    background:#ffffff;
    color:#475569;
    font-size:14px;
    font-weight:700;
    line-height:1.55;
    padding:20px 18px;
    white-space:normal;
    overflow-wrap:anywhere;
    transition:all 0.25s ease;
}
.uploadarea.dropzone .dz-message .dz-button:hover{
    border-color:#3d5afe;
    background:#f8faff;
    color:#1e293b;
}
.uploadarea.dropzone .dz-message .dz-button:focus{
    outline:none;
    border-color:#3d5afe;
    box-shadow:0 0 0 4px rgba(61,90,254,0.12);
}
.uploadarea.dropzone .dz-message .dz-button i{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    color:#3d5afe;
    line-height:1;
}
.uploadarea.dropzone .dz-message .dz-button i + i{
    margin-left:6px;
}
.uploadarea.dropzone .dz-message .dz-button small{
    display:inline-block;
    margin-top:6px;
    color:#64748b;
    font-size:12px;
    font-weight:600;
}
.uploadarea.dropzone .dz-preview{
    margin:0 !important;
    width:132px;
    min-height:auto !important;
    position:relative;
    border:1px solid #dbe3ee;
    border-radius:var(--radius-ui);
    background:#ffffff;
    box-shadow:0 2px 10px rgba(15, 23, 42, 0.06);
    overflow:hidden;
}
@media (min-width: 992px){

    /* Orta sütun flex-grow ile sağdaki bakiye/metin genişliğine göre titremesin */
    .header-middle .container-xxl > .d-flex{
        display:grid !important;
        /* Orta sütun minmax(0,1fr) iken min-width:0 ile sıfıra iniyordu; arama kutusu kayboluyordu */
        grid-template-columns:auto minmax(200px, 1fr) auto;
        align-items:center;
        column-gap:1rem;
        row-gap:0.5rem;
    }

    .header-middle .container-xxl > .d-flex > div:first-child{
        width:auto !important;
        min-width:0;
    }

    .header-middle .container-xxl > .d-flex > .search-container{
        flex:unset;
        min-width:min(100%, 200px);
        margin:0;
        width:100%;
        justify-self:start;
    }

    .header-middle .container-xxl > .d-flex > .header-actions{
        width:auto !important;
        flex:unset;
        margin-top:0 !important;
        justify-self:end;
        min-width:0;
    }

    .header-middle .header-actions .user-balance,
    .header-middle .header-actions .balance-amount{
        font-variant-numeric:tabular-nums;
    }

    .main-slider{
        height:500px;
        max-height:500px;
        padding-bottom:0;
    }

    .main-slider .swiper-slide::before{
        top:16px;
        width:6px;
        height:calc(100% - 108px);
        transform:none;
    }

    .social-services-grid{
        grid-template-columns:repeat(9, minmax(0, 1fr));
        justify-content:center;
        justify-items:center;
        align-items:center;
        align-content:center;
    }

    .sv-steps-container::before{
        content:'';
        position:absolute;
        top:35px;
        left:50px;
        right:50px;
        height:2px;
        background:dashed 2px var(--border-color);
        z-index:0;
    }

    .adverts-sidebar-col .ng-sidebar{
        position:sticky;
        top:110px;
    }
}
.uploadarea.dropzone .dz-preview .dz-image{
    width:120px;
    height:120px;
    border-radius:var(--radius-ui);
    background:#e2e8f0;
    width: 100%;
}
.uploadarea.dropzone .dz-preview .dz-image img{
    width:100%;
    height:100%;
    object-fit:cover;
}
.uploadarea.dropzone .dz-preview .dz-details{
    display:none !important;
}
.uploadarea.dropzone .dz-preview .dz-filename{
    display:none !important;
}
.uploadarea.dropzone .dz-preview .dz-filename span,
.uploadarea.dropzone .dz-preview .dz-size span{
    display:none !important;
    max-width:100%;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    font-size:11px !important;
    font-weight:700;
}
.uploadarea.dropzone .dz-preview .dz-size strong{
    font-weight:800;
}
.uploadarea.dropzone .dz-preview .dz-progress{
    position:absolute !important;
    left:8px;
    right:8px;
    bottom:34px;
    width:auto;
    height:6px !important;
    margin:0;
    border-radius:999px;
    background:#e2e8f0;
    overflow:hidden;
    z-index:2;
}
.uploadarea.dropzone .dz-preview .dz-upload{
    background:linear-gradient(90deg, #3d5afe 0%, #5b73ff 100%) !important;
}
.uploadarea.dropzone .dz-preview .dz-success-mark,
.uploadarea.dropzone .dz-preview .dz-error-mark,
.uploadarea.dropzone .dz-preview .dz-error-message{
    display:none !important;
}
.uploadarea.dropzone .dz-preview .dz-remove{
    display:block !important;
    margin:0 !important;
    padding:8px 10px;
    border-top:1px solid #e2e8f0;
    background:#f8fafc;
    color:#ef4444 !important;
    font-size:11px;
    font-weight:800;
    line-height:1;
    text-align:center;
    text-decoration:none !important;
}
.uploadarea.dropzone .dz-preview .dz-remove:hover{
    background:#fff1f2;
}
#editor{ background:#fff; border-radius:0; border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; overflow:hidden; }
.ql-toolbar.ql-snow{ border:1px solid #cbd5e1; border-top-left-radius:12px; border-top-right-radius:12px; background:#f8fafc; font-family:inherit; }
.ql-container.ql-snow{ border:1px solid #cbd5e1; border-bottom-left-radius:12px; border-bottom-right-radius:12px; font-family:inherit; font-size:14px; font-weight:500; }
.ql-editor{ min-height:220px; line-height:1.7; color:#0f172a; border-radius:0 !important; }
.ql-editor.ql-blank::before{ color:#94a3b8; font-style:normal; }
.step-actions{ display:flex; align-items:center; justify-content:space-between; margin-top:32px; padding-top:24px; border-top:1px solid #e2e8f0; }
button.step{ display:inline-flex; align-items:center; justify-content:center; gap:8px; height:52px; padding:0 32px; border-radius:var(--radius-ui); font-size:14px; font-weight:800; text-transform:uppercase; letter-spacing:0.5px; border:none; cursor:pointer; transition:all 0.3s; }
button.prevstep{ background:#f1f5f9; color:#475569; }
button.prevstep:hover{ background:#e2e8f0; color:#0f172a; }
button.nextstep{ background:linear-gradient(135deg, #3d5afe 0%, #283cb4 100%); color:#fff; box-shadow:0 4px 15px rgba(61,90,254,0.25); }
button.nextstep:hover:not(:disabled){ box-shadow:0 8px 25px rgba(61,90,254,0.35); color:#fff; }
button.nextstep:disabled{ opacity:0.6; cursor:not-allowed; transform:none; box-shadow:none; background:#94a3b8; }
a.step.nextstep.ilanaGit{
    display:inline-flex; align-items:center; justify-content:center; gap:8px;
    height:52px; padding:0 32px; border-radius:var(--radius-ui); font-size:14px; font-weight:800;
    text-transform:uppercase; letter-spacing:0.5px; text-decoration:none !important;
    background:linear-gradient(135deg, #11d377 0%, #0db866 100%); color:#fff !important;
    box-shadow:0 4px 15px rgba(17,211,119,0.3); transition:all 0.3s;
}
a.step.nextstep.ilanaGit:hover{ box-shadow:0 8px 25px rgba(17,211,119,0.4); color:#fff !important; filter:brightness(1.03); }
.current-cat-header{ display:flex; align-items:center; justify-content:space-between; background:#f8fafc; border:1px solid #e2e8f0; border-radius:var(--radius-ui); padding:16px 20px; margin-bottom:24px; }
.current-cat-header .title{ font-size:16px; font-weight:900; color:#0f172a; margin:0; }
.current-cat-header .path{ font-size:13px; font-weight:700; color:#3d5afe; display:flex; align-items:center; gap:6px; flex-wrap:wrap; min-height:22px; }
.current-cat-header .path .part:empty, .current-cat-header .path .sep.d-none{ display:none !important; }
.current-cat-header .path .sep{ color:#94a3b8; font-size:16px; line-height:1; }
.changecat{ background:transparent; border:1px solid #cbd5e1; border-radius:var(--radius-ui); color:#475569; padding:6px 12px; font-size:12px; font-weight:800; cursor:pointer; transition:all 0.2s; display:inline-flex; align-items:center; gap:6px; }
.changecat:hover{ background:#e2e8f0; color:#0f172a; }
.step3 .content .scrollt{ background:#f8fafc; border:1px solid #e2e8f0; padding:24px; max-height:420px; overflow-y:auto; font-size:14px; font-weight:500; line-height:1.7; color:#334155; }
.step3 .content .scrollt h1, .step3 .content .scrollt h2, .step3 .content .scrollt h3, .step3 .content .scrollt h4, .step3 .content .scrollt h5, .step3 .content .scrollt h6{ color:#0f172a; font-weight:800; line-height:1.35; margin-top:18px; margin-bottom:10px; }
.step3 .content .scrollt h1{ font-size:22px; } .step3 .content .scrollt h2{ font-size:19px; } .step3 .content .scrollt h3{ font-size:17px; } .step3 .content .scrollt h4{ font-size:15px; } .step3 .content .scrollt h5{ font-size:14px; } .step3 .content .scrollt h6{ font-size:13px; }
.step3 .content .scrollt p, .step3 .content .scrollt li, .step3 .content .scrollt span, .step3 .content .scrollt div{ font-size:14px; line-height:1.7; }
.step3 .content .scrollt ul, .step3 .content .scrollt ol{ margin:0 0 12px; padding-left:20px; }
.step3 .content .scrollt li{ margin-bottom:6px; }
.step3 .content .scrollt table{ width:100%; border-collapse:collapse; margin-bottom:12px; }
.step3 .content .scrollt table td, .step3 .content .scrollt table th{ border:1px solid #cbd5e1; padding:8px 10px; font-size:13px; }
.step3 .content .scrollt img, .step3 .content .scrollt iframe, .step3 .content .scrollt video{ max-width:100%; height:auto !important; border-radius:var(--radius-ui); }
.step3 .content .scrollt::-webkit-scrollbar{ width:8px; }
.step3 .content .scrollt::-webkit-scrollbar-track{ background:#e2e8f0; border-radius:var(--radius-ui); }
.step3 .content .scrollt::-webkit-scrollbar-thumb{ background:#94a3b8; border-radius:var(--radius-ui); }
.step3 .content.rules{
    background:rgba(245,158,11,0.05) !important;
    border:1px solid rgba(245,158,11,0.24) !important;
    border-radius:var(--radius-ui);
    padding:20px; }
.step3 .content.rules .scrollt{
    background:transparent;
    border:0 !important;
    padding:0;
    max-height:260px; }

.step3 .content.rules p:last-child {
    margin-bottom: 0;
}
body.dark-mode .k-box, body.dark-mode .cat-panel, body.dark-mode .current-cat-header, body.dark-mode .step3 .content .scrollt, body.dark-mode .step3 .content.rules, body.dark-mode .uploadarea.dropzone, body.dark-mode #dzLock, body.dark-mode .modal-content{ background:var(--bg-header) !important; border-color:var(--border-color) !important; box-shadow:none; }
body.dark-mode .add-steps .item{
   background:var(--bg-header);
   border-color:var(--border-color);
   box-shadow:0 8px 28px rgba(0,0,0,.24), 0 1px 0 rgba(255,255,255,.04);
}
body.dark-mode .add-steps .item.active{
   background:linear-gradient(145deg, #1c2138 0%, #252b45 100%);
   border-color:rgba(129,140,248,.3);
   box-shadow:0 10px 28px rgba(0,0,0,.2);
}
body.dark-mode .add-steps .item .icon{ background:var(--bg-body); color:#94a3b8; box-shadow:none; }
body.dark-mode .add-steps .item.active .icon{ background:rgba(129,140,248,.12); color:#a5b4fc; box-shadow:none; }
body.dark-mode .add-steps .item.active p{ color:#94a3b8 !important; }
body.dark-mode .add-steps .item.active .name{ color:#e0e7ff !important; }
body.dark-mode .add-steps .item .name, body.dark-mode .current-cat-header .title, body.dark-mode .status-alert strong, body.dark-mode .form-group > label, body.dark-mode .step3 h4, body.dark-mode .form-check-label, body.dark-mode .catlist .item .title, body.dark-mode .step3 .content .scrollt h1, body.dark-mode .step3 .content .scrollt h2, body.dark-mode .step3 .content .scrollt h3, body.dark-mode .step3 .content .scrollt h4, body.dark-mode .step3 .content .scrollt h5, body.dark-mode .step3 .content .scrollt h6{ color:#e2e8f0 !important; }
body.dark-mode .add-steps .item p, body.dark-mode .current-cat-header .path, body.dark-mode .step3 .content .scrollt, body.dark-mode .step3 .content .scrollt p, body.dark-mode .step3 .content .scrollt li, body.dark-mode .step3 .content .scrollt span, body.dark-mode .step3 .content .scrollt div{ color:#94a3b8 !important; }
body.dark-mode .cat-panel .head, body.dark-mode .modal-header{ background:var(--bg-header) !important; border-color:var(--border-color) !important; }
body.dark-mode .cat-panel .head .catinput{ background:var(--bg-body) !important; border-color:var(--border-color) !important; color:#e2e8f0 !important; }
body.dark-mode .cat-panel .head .catinput::placeholder{ color:#64748b !important; }
body.dark-mode .cat-panel .head .catinput:focus{ background:var(--bg-header) !important; border-color:#4f46e5 !important; box-shadow:0 0 0 3px rgba(79,70,229,0.2) !important; }
body.dark-mode .cat-panel .head i{ color:#64748b !important; }
body.dark-mode .cat-panel .body{ background:var(--bg-header); }
body.dark-mode .cat-panel .body::-webkit-scrollbar-track{ background:var(--bg-body); }
body.dark-mode .cat-panel .body::-webkit-scrollbar-thumb{ background:var(--border-color); border-radius:3px; }
body.dark-mode .catlist .item{ background:var(--bg-header); color:#cbd5e1; }
body.dark-mode .catlist .item:hover{ background:var(--bg-light); border-color:var(--border-color); }
body.dark-mode .catlist .item.active{ background:rgba(61,90,254,0.2); border-color:#4f46e5; }
body.dark-mode .form-control, body.dark-mode .form-select, body.dark-mode .select2-container--default .select2-selection--single, body.dark-mode .ql-toolbar.ql-snow, body.dark-mode .ql-container.ql-snow{ background-color:var(--bg-header) !important; border-color:var(--border-color) !important; color:#e2e8f0 !important; }
body.dark-mode select.form-select{ background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%238b949e'%3E%3Cpath d='M12 15.5l-6-6h12z'/%3E%3C/svg%3E") !important; background-repeat:no-repeat !important; background-position:right 12px center !important; background-size:16px !important; padding-right:40px !important; }
body.dark-mode .form-control::placeholder, body.dark-mode .cat-panel .head .catinput::placeholder, body.dark-mode .ql-editor.ql-blank::before{ color:#64748b !important; }
body.dark-mode .form-control[readonly]{ background:var(--bg-light) !important; color:#94a3b8 !important; }
body.dark-mode .ql-editor{ color:#e2e8f0; }
body.dark-mode .ql-toolbar.ql-snow .ql-stroke{ stroke:#8b949e !important; }
body.dark-mode .ql-toolbar.ql-snow .ql-fill{ fill:#8b949e !important; }
body.dark-mode .ql-toolbar.ql-snow button:hover .ql-stroke,
body.dark-mode .ql-toolbar.ql-snow button.ql-active .ql-stroke{ stroke:#f0f6fc !important; }
body.dark-mode .ql-toolbar.ql-snow button:hover .ql-fill,
body.dark-mode .ql-toolbar.ql-snow button.ql-active .ql-fill{ fill:#f0f6fc !important; }
body.dark-mode .ql-toolbar.ql-snow .ql-picker{ color:#e2e8f0 !important; }
body.dark-mode .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label{ color:#f0f6fc !important; }
body.dark-mode .ql-toolbar.ql-snow .ql-picker-label{ color:#e2e8f0 !important; }
body.dark-mode .ql-toolbar.ql-snow .ql-picker-options{ background:var(--bg-header) !important; border-color:var(--border-color) !important; color:#e2e8f0 !important; }
body.dark-mode .ql-toolbar.ql-snow .ql-picker-options .ql-picker-item:hover{ color:#f0f6fc !important; }
body.kd-dark .ql-toolbar.ql-snow .ql-stroke{ stroke:#8b949e !important; }
body.kd-dark .ql-toolbar.ql-snow .ql-fill{ fill:#8b949e !important; }
body.kd-dark .ql-toolbar.ql-snow button:hover .ql-stroke,
body.kd-dark .ql-toolbar.ql-snow button.ql-active .ql-stroke{ stroke:#f0f6fc !important; }
body.kd-dark .ql-toolbar.ql-snow button:hover .ql-fill,
body.kd-dark .ql-toolbar.ql-snow button.ql-active .ql-fill{ fill:#f0f6fc !important; }
body.kd-dark .ql-toolbar.ql-snow .ql-picker,
body.kd-dark .ql-toolbar.ql-snow .ql-picker-label{ color:#e2e8f0 !important; }
body.kd-dark .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label{ color:#f0f6fc !important; }
body.kd-dark .ql-toolbar.ql-snow .ql-picker-options{ background:var(--bg-header) !important; border-color:var(--border-color) !important; color:#e2e8f0 !important; }
body.kd-dark .ql-toolbar.ql-snow .ql-picker-options .ql-picker-item:hover{ color:#f0f6fc !important; }
body.dark-mode .select2-container--default .select2-selection--single .select2-selection__rendered{ color:#e2e8f0 !important; }
body.dark-mode .step-actions{ border-color:var(--border-color); }
body.dark-mode button.prevstep, body.dark-mode .changecat, body.dark-mode .stock-upload-trigger{ background:var(--bg-header); border:1px solid var(--border-color); color:#cbd5e1; }
body.dark-mode button.prevstep:hover, body.dark-mode .changecat:hover, body.dark-mode .stock-upload-trigger:hover{ background:var(--bg-light); border-color:var(--border-color); color:#fff; }
body.dark-mode .step5 .k-box h2{ color:var(--dark-text) !important; }
body.dark-mode .step5 .k-box .text-muted{ color:var(--gray-text) !important; }
body.dark-mode a.step.nextstep.ilanaGit{ background:linear-gradient(135deg, var(--success-green) 0%, #0db866 100%) !important; box-shadow:0 4px 15px rgba(17,211,119,0.25); }
body.dark-mode a.step.nextstep.ilanaGit:hover{ box-shadow:0 8px 25px rgba(17,211,119,0.35); color:#fff !important; }
body.dark-mode .uploadarea.dropzone .dz-message{ color:#94a3b8; }
body.dark-mode .uploadarea.dropzone .dz-message .dz-button{
    background:var(--bg-header) !important;
    border-color:var(--border-color) !important;
    color:#cbd5e1 !important;
}
body.dark-mode .uploadarea.dropzone .dz-message .dz-button:hover{
    background:var(--bg-light) !important;
    border-color:#4f46e5 !important;
    color:#e2e8f0 !important;
}
body.dark-mode .uploadarea.dropzone .dz-message .dz-button small{
    color:#94a3b8 !important;
}
body.dark-mode .uploadarea.dropzone .dz-preview{
    background:var(--bg-header) !important;
    border-color:var(--border-color) !important;
    box-shadow:none;
}
body.dark-mode .uploadarea.dropzone .dz-preview .dz-image{
    background:var(--bg-header) !important;
}
body.dark-mode .uploadarea.dropzone .dz-preview .dz-details{
    color:#cbd5e1 !important;
}
body.dark-mode .uploadarea.dropzone .dz-preview .dz-progress{
    background:var(--bg-light) !important;
}
body.dark-mode .uploadarea.dropzone .dz-preview .dz-remove{
    background:var(--bg-header) !important;
    border-top-color:var(--border-color) !important;
    color:#fda4af !important;
}
body.dark-mode .uploadarea.dropzone .dz-preview .dz-remove:hover{
    background:var(--bg-light) !important;
}
body.dark-mode .blocked-pill{ background:rgba(245,158,11,0.2); border-color:rgba(245,158,11,0.45); color:#fbbf24; }
body.dark-mode .add .form-group.border, body.dark-mode .add .bg-light.border, body.dark-mode .add .rounded-3.border, body.dark-mode .add .modal-content, body.dark-mode .add .hazirgorsel.btn-light.border{ border-color:var(--border-color) !important; }
body.dark-mode .step3 .content.rules{ background:rgba(245,158,11,0.08) !important; border-color:rgba(245,158,11,0.35) !important; }
body.dark-mode .step3 .content.rules .scrollt{ background:transparent !important; border:0 !important; }
/* Toplu Stok Ekle - hazirgorsel ile aynı tasarım dili */
.stock-upload-trigger{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    height:40px;
    padding:0 18px;
    border-radius:var(--radius-ui);
    border:1px solid rgba(61,90,254,0.35);
    background:rgba(61,90,254,0.08);
    color:var(--primary-blue,#3d5afe);
    font-size:13px;
    font-weight:700;
    line-height:1;
    white-space:nowrap;
    flex-shrink:0;
    cursor:pointer;
    transition:all 0.2s ease;
    display: flex !important;
    align-items: center;
    justify-content: center;
    padding-left: 18px!important;
}
.stock-upload-trigger i{ font-size:18px; opacity:0.9; }
.stock-upload-trigger:hover{ background:rgba(61,90,254,0.15); border-color:var(--primary-blue,#3d5afe); color:var(--primary-blue,#3d5afe); box-shadow:0 4px 12px rgba(61,90,254,0.15); }
body.dark-mode .stock-upload-trigger{ background:rgba(61,90,254,0.12); border-color:rgba(61,90,254,0.4); color:#818cf8; }
body.dark-mode .stock-upload-trigger:hover{ background:rgba(61,90,254,0.2); border-color:rgba(61,90,254,0.6); box-shadow:0 4px 16px rgba(61,90,254,0.2); }

.stock-upload-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin-bottom:12px;
    flex-wrap:wrap;
}
.stock-upload-head > label:first-child,
.stock-upload-head > .toplustok{ margin:0; }
.add .form-group.border, .add .bg-light.border, .add .rounded-3.border{ border:1px solid #dbe3ee !important; box-shadow:none; }
.add .hazirgorsel.btn-light.border{ border-color:#cbd5e1 !important; }
.add .hazirgorsel.btn-light.border:hover{ border-color:#3d5afe !important; }

/* Hazır Görsel Seç butonu - ilan ekle */
.hazirgorsel-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    height:40px;
    padding:0 18px;
    border-radius:var(--radius-ui);
    border:1px solid rgba(61,90,254,0.35);
    background:rgba(61,90,254,0.08);
    color:var(--primary-blue,#3d5afe);
    font-size:13px;
    font-weight:700;
    line-height:1;
    white-space:nowrap;
    transition:all 0.2s ease;
}
.hazirgorsel-btn:hover{
    background:rgba(61,90,254,0.15);
    border-color:var(--primary-blue,#3d5afe);
    color:var(--primary-blue,#3d5afe);
    box-shadow:0 4px 12px rgba(61,90,254,0.15);
}
.hazirgorsel-btn i{
    font-size:18px;
    opacity:0.9;
}
body.dark-mode .hazirgorsel-btn{
    background:rgba(61,90,254,0.12);
    border-color:rgba(61,90,254,0.4);
    color:#818cf8;
}
body.dark-mode .hazirgorsel-btn:hover{
    background:rgba(61,90,254,0.2);
    border-color:rgba(61,90,254,0.6);
    box-shadow:0 4px 16px rgba(61,90,254,0.2);
}
.add .modal-content{ border:1px solid #e2e8f0 !important; }
.add .form-control, .add .form-select{ width:100% !important; }
.add .form-control, .add .form-select, .add .secenekler .form-radio label, .add .step{ box-sizing:border-box; }
.add .select2-container--default .select2-selection--single{ height:52px; border-radius:var(--radius-ui); border:1px solid #cbd5e1; background-color:#f8fafc; }
.add .select2-container--default .select2-selection--single .select2-selection__rendered{ line-height:50px; padding-left:16px; padding-right:40px; color:#0f172a; font-size:14px; font-weight:600; }
.add .select2-container--default .select2-selection--single .select2-selection__arrow{ height:50px; right:8px; }
.add .tipTrigger,
.add .tipTrigger .form-group,
.add .tipTrigger .select2-container{
    min-width:0;
    max-width:100% !important;
}
.add .tipTrigger .select2-container--default .select2-selection--single .select2-selection__rendered{
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.add .tipTrigger .form-control{
    max-width:100%;
}
/* İlan ekle - API teslimat servis listesi dark mode */
body.dark-mode .add .select2-container--default .select2-selection--single,
body.dark-mode .add .tipTrigger .select2-container--default .select2-selection--single{
    background-color:var(--bg-header) !important;
    border-color:var(--border-color) !important;
}
body.dark-mode .add .select2-container--default .select2-selection--single .select2-selection__rendered,
body.dark-mode .add .tipTrigger .select2-container--default .select2-selection--single .select2-selection__rendered{
    color:#e2e8f0 !important;
}
.select2-container--default .select2-selection--single .select2-selection__clear { display:none !important; }
/* Select2 çarpı (clear) ve dropdown ok - dark modda görünür */
body.dark-mode .add .select2-container--default .select2-selection--single .select2-selection__clear,
body.dark-mode .add .tipTrigger .select2-container--default .select2-selection--single .select2-selection__clear,
body.dark-mode .select2-container--default .select2-selection--single .select2-selection__clear{
    color:#94a3b8 !important;
}
body.dark-mode .add .select2-container--default .select2-selection--single .select2-selection__clear:hover,
body.dark-mode .add .tipTrigger .select2-container--default .select2-selection--single .select2-selection__clear:hover,
body.dark-mode .select2-container--default .select2-selection--single .select2-selection__clear:hover{
    color:#e2e8f0 !important;
}
body.dark-mode .add .select2-container--default .select2-selection--single .select2-selection__arrow b,
body.dark-mode .add .tipTrigger .select2-container--default .select2-selection--single .select2-selection__arrow b,
body.dark-mode .select2-container--default .select2-selection--single .select2-selection__arrow b{
    border-color:#94a3b8 transparent transparent transparent !important;
}
body.dark-mode .add .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b,
body.dark-mode .add .tipTrigger .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b,
body.dark-mode .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{
    border-color:transparent transparent #94a3b8 transparent !important;
}
/* Select2 dropdown - body'e append edildiği için ayrı hedeflenmeli */
body.dark-mode .select2-container--default .select2-dropdown{
    background-color:var(--bg-header) !important;
    border-color:var(--border-color) !important;
}
body.dark-mode .select2-container--default .select2-results__option{
    color:#e2e8f0 !important;
}
body.dark-mode .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable,
body.dark-mode .select2-container--default .select2-results__option--highlighted[aria-selected]{
    background-color:rgba(61,90,254,0.42) !important;
    color:#fff !important;
}
body.dark-mode .select2-container--default .select2-results__option--selected{
    background-color:rgba(79,70,229,0.28) !important;
    color:#c7d2fe !important;
}
body.dark-mode .select2-container--default .select2-results__option--selected.select2-results__option--highlighted{
    background-color:rgba(61,90,254,0.5) !important;
    color:#fff !important;
}
body.dark-mode .select2-container--default .select2-results__option[aria-selected=true]{
    background-color:rgba(79,70,229,0.28) !important;
    color:#c7d2fe !important;
}
body.dark-mode .select2-container--default .select2-search--dropdown .select2-search__field{
    background-color:var(--bg-body) !important;
    border-color:var(--border-color) !important;
    color:#e2e8f0 !important;
}
body.dark-mode .select2-container--default .select2-search__field::placeholder{
    color:#64748b !important;
}
body.dark-mode .select2-container--default .select2-results__group{
    color:#94a3b8 !important;
}
.add .select2-hidden-accessible{
    position:absolute !important;
    left:0 !important;
    top:0 !important;
    width:1px !important;
    height:1px !important;
    padding:0 !important;
    margin:0 !important;
    overflow:hidden !important;
    border:0 !important;
    clip:rect(0 0 0 0) !important;
    clip-path:inset(50%) !important;
    white-space:nowrap !important;
}
.donate-page .streamer-live-hero{
    position:relative; overflow:hidden; padding:60px 0; margin-bottom:40px;
    background-color:#0f172a; border-radius:0 0 40px 40px; box-shadow:0 10px 30px rgba(15, 23, 42, 0.15);
}
.donate-page .streamer-live-hero .hero-bg{
    position:absolute; inset:0; background-position:center; background-size:cover; background-repeat:no-repeat; filter:blur(10px); opacity:0.5; z-index:1;
}
.donate-page .streamer-live-hero .hero-overlay{
    position:absolute; inset:0; z-index:2;
    background:linear-gradient(180deg, rgba(15,23,42,0.7) 0%, rgba(15,23,42,0.95) 100%);
}
.donate-page .hero-content-wrapper{ position:relative; z-index:3; display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:24px; }

.donate-page .streamer-profile{ display:flex; align-items:center; gap:24px; }
.donate-page .sp-avatar-wrap{ position:relative; width:120px; height:120px; flex-shrink:0; }
.donate-page .sp-avatar{ width:100%; height:100%; border-radius:var(--radius-ui); object-fit:cover; border:2px solid rgba(255,255,255,0.1); box-shadow:0 10px 25px rgba(0,0,0,0.3); }
.donate-page .sp-frame{ position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; z-index:2; pointer-events:none; scale:1.15; border-radius:4px; }

.donate-page .sp-info{ display:flex; flex-direction:column; }
.donate-page .streamer-name{ font-size:32px; font-weight:900; color:#fff; margin:0 0 4px 0; letter-spacing:-0.5px; text-shadow:0 2px 4px rgba(0,0,0,0.5); }
.donate-page .streamer-badge{ display:inline-flex; align-items:center; gap:6px; padding:6px 12px; background:rgba(61,90,254,0.2); color:#818cf8; border-radius:var(--radius-ui); font-size:12px; font-weight:800; text-transform:uppercase; letter-spacing:0.5px; border:1px solid rgba(61,90,254,0.3); backdrop-filter:blur(4px); }
.donate-page .streamer-channel{ display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
.donate-page .platform-btn{ width:44px; height:44px; border-radius:var(--radius-ui); display:flex; align-items:center; justify-content:center; font-size:20px; transition:all 0.3s; text-decoration:none !important; backdrop-filter:blur(8px); }
.donate-page .platform-btn.twitch{ background:rgba(145, 70, 255, 0.15); color:#a970ff; border:1px solid rgba(145, 70, 255, 0.3); }
.donate-page .platform-btn.twitch:hover{ background:#9146ff; color:#fff; box-shadow:0 5px 15px rgba(145, 70, 255, 0.4); }
.donate-page .platform-btn.kick{ background:rgba(83, 252, 24, 0.15); color:#53fc18; border:1px solid rgba(83, 252, 24, 0.3); }
.donate-page .platform-btn.kick:hover{ background:#53fc18; color:#000; box-shadow:0 5px 15px rgba(83, 252, 24, 0.4); }
.donate-page .platform-btn.youtube{ background:rgba(255, 0, 0, 0.15); color:#ff4e4e; border:1px solid rgba(255, 0, 0, 0.3); }
.donate-page .platform-btn.youtube:hover{ background:#ff0000; color:#fff; box-shadow:0 5px 15px rgba(255, 0, 0, 0.4); }
.donate-page .platform-btn.instagram{ background:rgba(225, 48, 108, 0.15); color:#ff6b96; border:1px solid rgba(225, 48, 108, 0.3); }
.donate-page .platform-btn.instagram:hover{ background:linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); color:#fff; box-shadow:0 5px 15px rgba(225, 48, 108, 0.4); }
.donate-page .platform-btn.tiktok{ background:rgba(255, 255, 255, 0.1); color:#fff; border:1px solid rgba(255, 255, 255, 0.2); }
.donate-page .platform-btn.tiktok:hover{ background:#fff; color:#000; box-shadow:0 5px 15px rgba(255, 255, 255, 0.3); }
.donate-page .k-box{
    background:#fff;
    border:1px solid #e2e8f0;
    border-radius:var(--radius-ui);
    padding:32px;
    box-shadow:0 4px 20px rgba(0,0,0,0.02);
    height:100%; }
.donate-page .k-box-title{ font-size:18px; font-weight:900; color:#0f172a; margin-bottom:24px; display:flex; align-items:center; gap:8px; border-bottom:1px solid #e2e8f0; padding-bottom:16px; }
.donate-page .k-box-title i{ color:#3d5afe; font-size:22px; }
.donate-page .live-wrapper{ position:relative; width:100%; flex:0 0 auto; border-radius:var(--radius-ui) var(--radius-ui) 0 0; overflow:hidden; background:#0f172a; border:1px solid #e2e8f0; border-bottom:none; aspect-ratio:16/9; display:flex; flex-direction:column; }
.donate-page .live-wrapper-empty{ aspect-ratio:auto; min-height:200px; border-radius:var(--radius-ui); border-bottom:1px solid #e2e8f0; }
.donate-page .live-wrapper iframe{ display:block; flex:1; width:100%; height:100%; border:none; }
.donate-page .live-wrapper > *{ line-height:0; }

.donate-page .live-platform-bar{ flex:1 1 auto; min-height:52px; display:flex; align-items:center; justify-content:space-between; gap:16px; padding:0 20px; background:#0f172a; border:1px solid #e2e8f0; border-top:1px solid rgba(226,232,240,0.5); border-radius:0 0 var(--radius-ui) var(--radius-ui); }
.donate-page .live-platform-bar-label{ font-size:12px; font-weight:700; color:#64748b; text-transform:uppercase; letter-spacing:0.5px; display:flex; align-items:center; gap:6px; }
.donate-page .live-platform-bar-label i{ font-size:16px; color:#94a3b8; }
.donate-page .live-platform-change{ }
.donate-page .btn-live-toggle{ background:rgba(255,255,255,0.08); color:#e2e8f0; border:1px solid rgba(255,255,255,0.12); padding:8px 16px; border-radius:var(--radius-ui); font-size:13px; font-weight:700; display:inline-flex; align-items:center; gap:6px; transition:all 0.2s; }
.donate-page .btn-live-toggle:hover{ background:rgba(255,255,255,0.15); color:#fff; border-color:rgba(255,255,255,0.2); }
.donate-page .empty-live{ width:100%; height:100%; display:flex; flex-direction:column; align-items:center; justify-content:center; background:#f8fafc; color:#94a3b8; text-align:center; padding:40px; }
.donate-page .empty-live i{ font-size:48px; margin-bottom:16px; color:#cbd5e1; }
.donate-page .empty-live .text{ font-size:15px; font-weight:600; color:#475569; }
.donate-page .form-group > label{
    font-size:13px;
    font-weight:800;
    color:#0f172a;
    margin-bottom:8px;
    display:block;
    line-height:1.4; }

.donate-page .form-control{ width:100%; height:52px; background-color:#f8fafc; border:1px solid #cbd5e1; border-radius:var(--radius-ui); padding:0 16px; font-size:14px; font-weight:600; color:#0f172a; transition:all 0.3s; outline:none; box-shadow:none; }
.donate-page .form-control:focus{ border-color:#3d5afe; background-color:#fff; box-shadow:0 0 0 4px rgba(61,90,254,0.1); }
.donate-page .quick-amounts{ display:grid; grid-template-columns:repeat(5, 1fr); gap:8px; margin-bottom:20px; }
.donate-page .donate-btn{ height:44px; background:#f8fafc; border:1px solid #cbd5e1; border-radius:var(--radius-ui); color:#475569; font-size:14px; font-weight:800; transition:all 0.2s; cursor:pointer; display:flex; align-items:center; justify-content:center; }
.donate-page .donate-btn:hover{ background:rgba(61,90,254,0.1); border-color:#3d5afe; color:#3d5afe; }
.donate-page .amount-group{
    display:flex;
    align-items:stretch;
    width:100%;
    border:1px solid #cbd5e1;
    border-radius:var(--radius-ui);
    background:#f8fafc;
    overflow:hidden;
}
.donate-page .amount-group .form-control{
    height:52px;
    line-height:52px;
    border:none !important;
    border-radius:0;
    background:transparent;
    box-shadow:none !important;
    min-width:0;
}
.donate-page .amount-group .form-control:first-child{
    flex:1 1 auto;
    min-width:0;
    font-size:18px;
    font-weight:900;
    color:#10b981;
    border-right:1px solid #cbd5e1 !important;
}
.donate-page .amount-group .form-control:nth-child(2){
    flex:0 0 80px;
    text-align:center;
    font-size:16px;
    border-right:1px solid #cbd5e1 !important;
}
.donate-page .amount-group .input-group-text{
    height:52px;
    margin:0;
    border:none;
    background:#f1f5f9;
    padding:0 18px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-weight:800;
    color:#64748b;
    font-size:14px;
}

.donate-page .amount-group:focus-within{
    border-color:#3d5afe;
    box-shadow:0 0 0 4px rgba(61,90,254,0.1);
    background:#fff;
}
.donate-page .amount-group:focus-within .input-group-text{
    background:#eef2ff;
}
.donate-page .btn-submit-donate{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    width:100%;
    height:56px;
    border-radius:var(--radius-ui);
    background:linear-gradient(135deg, #3d5afe 0%, #283cb4 100%);
    color:#fff;
    font-size:15px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:0.5px;
    border:none;
    transition:all 0.3s;
    box-shadow:0 4px 15px rgba(61,90,254,0.25);
    cursor:pointer;
    white-space:nowrap; }
.donate-page .btn-submit-donate:hover:not(:disabled){ box-shadow:0 8px 25px rgba(61,90,254,0.35); }
.donate-page .btn-submit-donate:disabled{ background:#94a3b8; box-shadow:none; cursor:not-allowed; }

.donate-page .alert-msg{ background:rgba(239,68,68,0.05); border:1px solid rgba(239,68,68,0.2); color:#ef4444; padding:12px 16px; border-radius:var(--radius-ui); font-size:13px; font-weight:600; display:flex; align-items:center; gap:8px; margin-top:8px; }
.donate-page .k-box-live{
    border:1px solid #e2e8f0 !important;
}
.donate-page .quick-amounts .donate-btn.is-active{
    background:rgba(61,90,254,0.12);
    border-color:#3d5afe;
    color:#3d5afe;
    box-shadow:0 0 0 2px rgba(61,90,254,0.1) inset;
}

body.dark-mode .donate-page .k-box,
body.dark-mode .donate-page .live-wrapper,
body.dark-mode .donate-page .live-platform-bar,
body.dark-mode .donate-page .empty-live{
    background:var(--bg-header) !important;
    border-color:var(--border-color) !important;
    box-shadow:none !important;
}
body.dark-mode .donate-page .k-box-title,
body.dark-mode .donate-page .form-group > label,
body.dark-mode .donate-page .streamer-name{
    color:#e2e8f0 !important;
}
body.dark-mode .donate-page .k-box-title{
    border-bottom-color:var(--border-color) !important;
}
body.dark-mode .donate-page .form-control,
body.dark-mode .donate-page .input-group-text,
body.dark-mode .donate-page .donate-btn,
body.dark-mode .donate-page .dropdown-menu{
    background:var(--bg-header) !important;
    border-color:var(--border-color) !important;
    color:#e2e8f0 !important;
}
body.dark-mode .donate-page .amount-group{
    background:var(--bg-header) !important;
    border-color:var(--border-color) !important;
}
body.dark-mode .donate-page .amount-group .form-control{
    border-right-color:var(--border-color) !important;
}
body.dark-mode .donate-page .amount-group .form-control:first-child{
    color:#34d399 !important;
}
body.dark-mode .donate-page .amount-group .input-group-text{
    background:rgba(255,255,255,0.04) !important;
    color:#94a3b8 !important;
}
body.dark-mode .donate-page .amount-group:focus-within{
    border-color:#3d5afe !important;
    background:var(--bg-header) !important;
    box-shadow:0 0 0 4px rgba(61,90,254,0.2) !important;
}
body.dark-mode .donate-page .amount-group:focus-within .input-group-text{
    background:rgba(61,90,254,0.1) !important;
}
body.dark-mode .donate-page .form-control::placeholder,
body.dark-mode .donate-page .empty-live .text{
    color:#94a3b8 !important;
}
body.dark-mode .donate-page .donate-btn:hover,
body.dark-mode .donate-page .donate-btn.is-active{
    background:rgba(79,70,229,0.2) !important;
    border-color:#4f46e5 !important;
    color:#c7d2fe !important;
}

body.dark-mode .donate-page .live-platform-bar{
    background:var(--bg-header) !important;
    border-color:var(--border-color) !important;
    border-top-color:rgba(148,163,184,0.2) !important;
}
body.dark-mode .donate-page .live-platform-bar-label{
    color:#94a3b8 !important;
}
body.dark-mode .donate-page .live-platform-bar-label i{
    color:#64748b !important;
}
body.dark-mode .donate-page .btn-live-toggle{
    background:rgba(255,255,255,0.06) !important;
    border-color:var(--border-color) !important;
    color:#e2e8f0 !important;
}
body.dark-mode .donate-page .btn-live-toggle:hover{
    background:rgba(255,255,255,0.12) !important;
    border-color:rgba(148,163,184,0.4) !important;
    color:#fff !important;
}
body.dark-mode .donate-page .live-platform-change .dropdown-menu{
    background:var(--bg-header) !important;
    border-color:var(--border-color) !important;
}
body.dark-mode .donate-page .live-platform-change .dropdown-item{
    color:#e2e8f0 !important;
}
body.dark-mode .donate-page .live-platform-change .dropdown-item:hover{
    background:rgba(255,255,255,0.06) !important;
    color:#fff !important;
}

.donate-page .donate-legal-notice{
    margin-top:22px;
    border:1px solid rgba(245,158,11,0.35);
    background:linear-gradient(135deg, rgba(245,158,11,0.10) 0%, rgba(245,158,11,0.06) 100%);
    border-radius:var(--radius-ui);
    padding:16px 18px;
    display:flex;
    align-items:flex-start;
    gap:12px;
}
.donate-page .donate-legal-notice i{
    color:#d97706;
    font-size:22px;
    line-height:1;
    margin-top:2px;
    flex-shrink:0;
}
.donate-page .donate-legal-notice .title{
    margin:0 0 3px;
    color:#92400e;
    font-size:13px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:0.2px;
}
.donate-page .donate-legal-notice .desc{
    margin:0;
    color:#7c2d12;
    font-size:13px;
    font-weight:600;
    line-height:1.55;
}
body.dark-mode .donate-page .donate-legal-notice{
    background:rgba(245,158,11,0.12) !important;
    border-color:rgba(245,158,11,0.45) !important;
}
body.dark-mode .donate-page .donate-legal-notice i{
    color:#fbbf24 !important;
}
body.dark-mode .donate-page .donate-legal-notice .title{
    color:#fcd34d !important;
}
body.dark-mode .donate-page .donate-legal-notice .desc{
    color:#fde68a !important;
}
.reviews-modern-wrapper.pb-4{ padding-top:16px; }
.reviews-modern-wrapper .review-bento-card{
    position:relative;
    background:var(--bg-header);
    border:1px solid var(--border-color);
    border-radius:var(--radius-ui);
    padding:24px;
    display:flex;
    flex-direction:column;
    gap:16px;
    height:100%;
    transition:all 0.3s ease;
    box-shadow:var(--box-shadow);
}
.reviews-modern-wrapper.pb-4 .review-bento-card{ margin-top:10px; }
.reviews-modern-wrapper .review-bento-card:hover{
    border-color:color-mix(in srgb, var(--border-color) 60%, var(--primary-blue));
    box-shadow:0 10px 25px rgba(0, 0, 0, 0.08);
}
body.dark-mode .reviews-modern-wrapper .review-bento-card:hover{
    box-shadow:0 10px 25px rgba(0, 0, 0, 0.4);
}
.reviews-modern-wrapper .rbc-doping-badge{
    position:absolute;
    top:-12px;
    right:24px;
    z-index:2;
    background:linear-gradient(135deg, var(--warning-orange) 0%, #d97706 100%);
    color:#fff;
    font-size:10px;
    font-weight:900;
    padding:4px 12px;
    border-radius:var(--radius-ui);
    text-transform:uppercase;
    letter-spacing:0.5px;
    box-shadow:0 4px 10px rgba(245,158,11,0.3);
    display:flex;
    align-items:center;
    gap:4px;
    border:1px solid rgba(255,255,255,0.2);
}
.reviews-modern-wrapper .rbc-header{ display:flex; align-items:flex-start; justify-content:space-between; gap:12px; flex-wrap:wrap; }
.reviews-modern-wrapper .rbc-user-info{
    display:flex;
    flex-direction:column;
    gap:2px; }
.reviews-modern-wrapper .rbc-username{
    font-size:15px;
    font-weight:800;
    color:var(--dark-text);
    text-decoration:none;
    transition:color 0.2s;
    display:flex;
    align-items:center;
    gap:6px; }
.reviews-modern-wrapper .rbc-username i{ color:#3d5afe; font-size:16px; }
.reviews-modern-wrapper .review-bento-card:hover .rbc-username{
    color:var(--primary-blue); }
.reviews-modern-wrapper .rbc-date{
    font-size:12px;
    font-weight:600;
    color:var(--gray-text); }
.reviews-modern-wrapper .rbc-stars{
    display:flex;
    align-items:center;
    gap:2px;
    color:var(--warning-orange);
    font-size:14px;
    background:var(--input-bg);
    padding:4px 8px;
    border-radius:var(--radius-ui);
    border:1px solid var(--border-color); }
.reviews-modern-wrapper .rbc-stars .empty-star{
    color:color-mix(in srgb, var(--gray-text) 60%, var(--border-color)); }
.reviews-modern-wrapper .rbc-product-row{
    display:flex;
    align-items:center;
    gap:12px;
    background:#f8fafc;
    padding:12px;
    border-radius:var(--radius-ui);
    text-decoration:none;
    border:1px solid transparent;
    transition:all 0.2s;
}
.reviews-modern-wrapper .rbc-product-row:hover,
.reviews-modern-wrapper a.rbc-product-row:hover{
    background:#fff;
    border-color:#cbd5e1;
    box-shadow:0 4px 10px rgba(0,0,0,0.03);
}
.reviews-modern-wrapper .rbc-product-img{ width:44px; height:44px; border-radius:var(--radius-ui); object-fit:cover; flex-shrink:0; box-shadow:0 2px 5px rgba(0,0,0,0.05); }
.reviews-modern-wrapper .rbc-product-title{ font-size:13px; font-weight:700; color:#475569; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; line-height:1.4; transition:color 0.2s; }
.reviews-modern-wrapper .rbc-product-row:hover .rbc-product-title,
.reviews-modern-wrapper a.rbc-product-row:hover .rbc-product-title{ color:#3d5afe; }
.reviews-modern-wrapper .rbc-content{
    font-size:14px;
    font-weight:500;
    color:var(--dark-text);
    line-height:1.6;
    word-wrap:break-word;
    position:relative;
    z-index:2;
    margin-top:4px; }
.reviews-modern-wrapper .rbc-reply-box{
    margin-top:auto;
    background:color-mix(in srgb, var(--primary-blue) 5%, var(--bg-header));
    border-left:3px solid var(--primary-blue);
    border-radius:0 var(--radius-ui) var(--radius-ui) 0;
    padding:16px;
    display:flex;
    flex-direction:column;
    gap:8px;
    position:relative;
    z-index:2; }
.reviews-modern-wrapper .rbc-reply-header{
    display:flex;
    align-items:center;
    gap:10px; }
.reviews-modern-wrapper .rbc-reply-avatar{
    width:28px;
    height:28px;
    border-radius:var(--radius-ui);
    object-fit:cover; }
.reviews-modern-wrapper .rbc-reply-name{
    font-size:13px;
    font-weight:800;
    color:var(--dark-text);
    display:flex;
    align-items:center;
    gap:6px; }
.reviews-modern-wrapper .rbc-reply-badge{
    font-size:10px;
    background:var(--primary-blue);
    color:#fff;
    padding:2px 8px;
    border-radius:6px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:0.5px; }
.reviews-modern-wrapper .rbc-reply-text{
    font-size:13px;
    font-weight:500;
    color:var(--gray-text);
    line-height:1.5;
    margin:0; }
.reviews-modern-wrapper .rbc-empty{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    padding:60px 20px;
    background:var(--bg-header);
    border-radius:var(--radius-ui);
    border:1px dashed var(--border-color);
    text-align:center; }
.reviews-modern-wrapper .rbc-empty i{
    font-size:40px;
    color:var(--gray-text);
    margin-bottom:16px; }
.reviews-modern-wrapper .rbc-empty .text{
    font-size:15px;
    font-weight:800;
    color:var(--dark-text); }
.reviews-modern-wrapper .saas-load-more-container{
    display:flex;
    justify-content:center;
    align-items:center;
    position:relative;
    margin-top:36px;
    padding:20px 0; }
.reviews-modern-wrapper .saas-load-more-container::before{
    content:'';
    position:absolute;
    top:50%;
    left:0;
    right:0;
    height:1px;
    background:var(--border-color);
    z-index:1; }
.reviews-modern-wrapper .btn-saas-load{
    position:relative;
    z-index:2;
    display:inline-flex;
    align-items:center;
    gap:8px;
    height:44px;
    padding:0 28px;
    background:var(--bg-header);
    color:var(--gray-text);
    border:1px solid var(--border-color);
    border-radius:999px;
    font-size:13px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:0.5px;
    transition:var(--transition);
    cursor:pointer;
    box-shadow:var(--box-shadow); }
.reviews-modern-wrapper .btn-saas-load:hover{
    background:color-mix(in srgb, var(--primary-blue) 8%, var(--bg-header));
    color:var(--primary-blue);
    border-color:var(--primary-blue);
    box-shadow:0 4px 15px color-mix(in srgb, var(--primary-blue) 20%, transparent); }
.reviews-modern-wrapper .btn-saas-load i{
    font-size:18px;
    transition:transform 0.3s; }
.followers-modern-wrapper .follower-bento-card{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    padding:16px 20px;
    background:#fff;
    border:1px solid #e2e8f0;
    border-radius:var(--radius-ui);
    transition:all 0.3s ease;
    box-shadow:0 4px 15px rgba(0,0,0,0.02);
    height:100%;
}
.followers-modern-wrapper .follower-bento-card:hover{
    border-color:#3d5afe;
    box-shadow:0 10px 25px rgba(61,90,254,0.1);
}
.followers-modern-wrapper .fbc-left{ display:flex; align-items:center; gap:16px; min-width:0; flex:1; text-decoration:none; }
.followers-modern-wrapper .fbc-avatar{ position:relative; width:56px; height:56px; flex-shrink:0; }
.followers-modern-wrapper .fbc-avatar img{ width:100%; height:100%; border-radius:var(--radius-ui); object-fit:cover; }
.followers-modern-wrapper .fbc-avatar.admin img{ border:2px solid #ef4444; padding:2px; }
.followers-modern-wrapper .fbc-avatar.kurumsalplus img{ border:2px solid #f59e0b; padding:2px; }
.followers-modern-wrapper .fbc-avatar.kurumsal img{ border:2px solid #3b82f6; padding:2px; }
.followers-modern-wrapper .fbc-avatar.gold img{ border:2px solid #eab308; padding:2px; }
.followers-modern-wrapper .fbc-info{ display:flex; flex-direction:column; justify-content:center; min-width:0; }
.followers-modern-wrapper .fbc-name{ font-size:15px; font-weight:800; color:#0f172a; margin:0 0 2px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; transition:color 0.2s; }
.followers-modern-wrapper .follower-bento-card:hover .fbc-name{ color:#3d5afe; }
.followers-modern-wrapper .fbc-count{ font-size:13px; font-weight:600; color:#64748b; margin:0; }
.followers-modern-wrapper .fbc-count span{ color:#0f172a; font-weight:900; }
.followers-modern-wrapper .fbc-btn{ width:44px; height:44px; border-radius:var(--radius-ui); display:flex; align-items:center; justify-content:center; font-size:20px; border:none; cursor:pointer; transition:all 0.3s; flex-shrink:0; }
.followers-modern-wrapper .fbc-btn.follow{ background:rgba(61,90,254,0.1); color:#3d5afe; }
.followers-modern-wrapper .fbc-btn.follow:hover{ background:#3d5afe; color:#fff; box-shadow:0 4px 12px rgba(61,90,254,0.25); }
.followers-modern-wrapper .fbc-btn.unfollow{ background:#f1f5f9; color:#64748b; }
.followers-modern-wrapper .fbc-btn.unfollow:hover{ background:rgba(239,68,68,0.1); color:#ef4444; }
.followers-modern-wrapper .fbc-empty{ display:flex; flex-direction:column; align-items:center; justify-content:center; padding:60px 20px; background:#fff; border-radius:var(--radius-ui); border:1px dashed #cbd5e1; text-align:center; }
.followers-modern-wrapper .fbc-empty i{ font-size:40px; color:#94a3b8; margin-bottom:16px; }
.followers-modern-wrapper .fbc-empty .text{ font-size:15px; font-weight:800; color:#0f172a; }
.followers-modern-wrapper .saas-load-more-container{ display:flex; justify-content:center; align-items:center; position:relative; margin-top:36px; padding:20px 0; }
.followers-modern-wrapper .saas-load-more-container::before{ content:""; position:absolute; top:50%; left:0; right:0; height:1px; background:#e2e8f0; z-index:1; }
.followers-modern-wrapper .btn-saas-load{ position:relative; z-index:2; display:inline-flex; align-items:center; gap:8px; height:44px; padding:0 28px; background:#fff; color:#475569; border:1px solid #cbd5e1; border-radius:999px; font-size:13px; font-weight:800; text-transform:uppercase; letter-spacing:0.5px; transition:all 0.3s ease; cursor:pointer; box-shadow:0 4px 10px rgba(0,0,0,0.02); }
.followers-modern-wrapper .btn-saas-load:hover{ background:rgba(61,90,254,0.05); color:#3d5afe; border-color:#3d5afe; box-shadow:0 4px 15px rgba(61,90,254,0.15); }
.followers-modern-wrapper .btn-saas-load i{ font-size:18px; transition:transform 0.3s; }
.saas-cat-search-wrapper .saas-search-header{ display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:24px; flex-wrap:wrap; }
.saas-cat-search-wrapper .saas-search-title{ font-size:18px; font-weight:900; color:#0f172a; margin:0; display:flex; align-items:center; gap:8px; }
.saas-cat-search-wrapper .saas-search-title i{ color:#3d5afe; font-size:22px; }
.saas-cat-search-wrapper .kategori-arama-wrap{ flex:1; max-width:500px; display:flex; align-items:center; justify-content:flex-end; gap:12px; }
.saas-cat-search-wrapper .kategori-arama-container{ position:relative; width:100%; }
.saas-cat-search-wrapper .saas-search-input{ width:100%; height:48px; border-radius:var(--radius-ui); border:1px solid #cbd5e1; background:#f8fafc; padding:0 16px 0 44px; font-size:14px; font-weight:600; color:#0f172a; transition:all 0.3s; box-shadow:none; outline:none; }
.saas-cat-search-wrapper .saas-search-input:focus{ border-color:#3d5afe; background:#fff; box-shadow:0 0 0 4px rgba(61,90,254,0.1); }
.saas-cat-search-wrapper .saas-search-input::placeholder{ color:#94a3b8; font-weight:500; }
.saas-cat-search-wrapper .kategori-arama-container .search-icon{ position:absolute; left:16px; top:50%; transform:translateY(-50%); color:#94a3b8; font-size:18px; pointer-events:none; transition:color 0.3s; }
.saas-cat-search-wrapper .saas-search-input:focus ~ .search-icon{ color:#3d5afe; }
.saas-cat-search-wrapper .btn-view-all{ display:inline-flex; align-items:center; gap:8px; height:48px; padding:0 20px; border-radius:var(--radius-ui); background:rgba(61,90,254,0.1); color:#3d5afe; font-size:13px; font-weight:800; text-transform:uppercase; text-decoration:none; transition:all 0.3s; white-space:nowrap; flex-shrink:0; }
.saas-cat-search-wrapper .btn-view-all:hover{ background:#3d5afe; color:#fff; box-shadow:0 4px 15px rgba(61,90,254,0.25); }
.saas-cat-search-wrapper .saas-cat-item{ display:flex; align-items:center; gap:12px; padding:12px; background:#fff; border:1px solid #e2e8f0; border-radius:var(--radius-ui); text-decoration:none !important; transition:all 0.3s ease; box-shadow:0 2px 10px rgba(0,0,0,0.02); height:100%; position:relative; overflow:hidden; }
.saas-cat-search-wrapper .saas-cat-item:hover{ border-color:#3d5afe; box-shadow:0 8px 20px rgba(61,90,254,0.08); z-index:2; }
.saas-cat-search-wrapper .saas-cat-icon{ width:44px; height:44px; border-radius:var(--radius-ui); display:flex; align-items:center; justify-content:center; flex-shrink:0; box-shadow:0 2px 8px rgba(0,0,0,0.1); transition:transform 0.3s ease; }
.saas-cat-search-wrapper .saas-cat-icon img{ max-width:24px; max-height:24px; object-fit:contain; filter:drop-shadow(0 2px 4px rgba(0,0,0,0.2)); }
.saas-cat-search-wrapper .saas-cat-title{ font-size:14px; font-weight:800; color:#0f172a; line-height:1.3; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; transition:color 0.2s; }
.saas-cat-search-wrapper .saas-cat-item:hover .saas-cat-title{ color:#3d5afe; }
.saas-cat-search-wrapper .saas-empty-state{ display:flex; flex-direction:column; align-items:center; justify-content:center; padding:40px 20px; background:#f8fafc; border-radius:var(--radius-ui); border:1px dashed #cbd5e1; text-align:center; width:100%; grid-column:1 / -1; margin-top:10px; }
.saas-cat-search-wrapper .saas-empty-state i{ font-size:32px; color:#94a3b8; margin-bottom:12px; }
.saas-cat-search-wrapper .saas-empty-state span{ font-size:14px; font-weight:800; color:#0f172a; }
body.dark-mode .reviews-modern-wrapper .review-bento-card,
body.dark-mode .reviews-modern-wrapper .rbc-empty,
body.dark-mode .reviews-modern-wrapper .rbc-product-row,
body.dark-mode .followers-modern-wrapper .follower-bento-card,
body.dark-mode .followers-modern-wrapper .fbc-empty,
body.dark-mode .followers-modern-wrapper .btn-saas-load,
body.dark-mode .saas-cat-search-wrapper .saas-cat-item,
body.dark-mode .saas-cat-search-wrapper .saas-empty-state,
body.dark-mode .saas-cat-search-wrapper .saas-search-input{
    background:var(--bg-header) !important;
    border-color:var(--border-color) !important;
    color:#e2e8f0 !important;
    box-shadow:none !important;
}
body.dark-mode .reviews-modern-wrapper .rbc-username,
body.dark-mode .reviews-modern-wrapper .rbc-product-title,
body.dark-mode .reviews-modern-wrapper .rbc-empty .text,
body.dark-mode .reviews-modern-wrapper .rbc-reply-name,
body.dark-mode .followers-modern-wrapper .fbc-name,
body.dark-mode .followers-modern-wrapper .fbc-empty .text,
body.dark-mode .followers-modern-wrapper .fbc-count span,
body.dark-mode .saas-cat-search-wrapper .saas-search-title,
body.dark-mode .saas-cat-search-wrapper .saas-cat-title,
body.dark-mode .saas-cat-search-wrapper .saas-empty-state span{
    color:#e2e8f0 !important;
}
body.dark-mode .reviews-modern-wrapper .rbc-date,
body.dark-mode .reviews-modern-wrapper .rbc-content,
body.dark-mode .reviews-modern-wrapper .rbc-reply-text,
body.dark-mode .followers-modern-wrapper .fbc-count,
body.dark-mode .saas-cat-search-wrapper .saas-search-input::placeholder,
body.dark-mode .saas-cat-search-wrapper .kategori-arama-container .search-icon,
body.dark-mode .saas-cat-search-wrapper .saas-empty-state i{
    color:#94a3b8 !important;
}
body.dark-mode .reviews-modern-wrapper .saas-load-more-container::before,
body.dark-mode .followers-modern-wrapper .saas-load-more-container::before{
    background:var(--border-color) !important;
}
body.dark-mode .saas-cat-search-wrapper .btn-view-all,
body.dark-mode .reviews-modern-wrapper .btn-saas-load:hover,
body.dark-mode .followers-modern-wrapper .btn-saas-load:hover{
    background:color-mix(in srgb, var(--primary-blue) 20%, var(--bg-header)) !important;
    border-color:var(--primary-blue) !important;
    color:#c7d2fe !important;
}
.lw-productreviews .reviewitem{
    background:#fff;
    border:1px solid #e2e8f0;
    border-radius:var(--radius-ui);
    height:100%;
}
.lw-productreviews .reviewitem .img img{
    border-radius:var(--radius-ui) !important;
}
.lw-productreviews .reviewitem .name a{
    color:#0f172a;
    font-weight:800;
    text-decoration:none;
}
.lw-productreviews .reviewitem .name a:hover{
    color:#3d5afe;
}
.lw-productreviews .reviewitem p{
    color:#475569;
}
.lw-productreviews .load-more-area button{
    height:44px;
    border-radius:999px;
    border:1px solid #cbd5e1;
    background:#fff;
    color:#475569;
    font-size:13px;
    font-weight:800;
    padding:0 22px;
}
.lw-productreviews .load-more-area button:hover{
    background:rgba(61,90,254,0.08);
    border-color:#3d5afe;
    color:#3d5afe;
}
.lw-productreviews .empty{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:8px;
    padding:60px 20px;
    background:#fff;
    border-radius:var(--radius-ui);
    border:1px dashed #cbd5e1;
}
.lw-productreviews .empty .icon{
    font-size:36px;
    color:#94a3b8;
}
.lw-productreviews .empty .text{
    font-size:15px;
    font-weight:800;
    color:#0f172a;
}
body.dark-mode .lw-productreviews .reviewitem,
body.dark-mode .lw-productreviews .load-more-area button,
body.dark-mode .lw-productreviews .empty{
    background:var(--bg-header) !important;
    border-color:var(--border-color) !important;
    color:#e2e8f0 !important;
    box-shadow:none !important;
}
body.dark-mode .lw-productreviews .reviewitem .name a,
body.dark-mode .lw-productreviews .empty .text{
    color:#e2e8f0 !important;
}
body.dark-mode .lw-productreviews .reviewitem p,
body.dark-mode .lw-productreviews .reviewitem .server-time,
body.dark-mode .lw-productreviews .empty .icon{
    color:#94a3b8 !important;
}
.profile-page-wrapper{ padding-bottom:30px; }
.profile-page-wrapper .profile-hero{
    position:relative;
    width:100%;
    height:320px;
    border-radius:var(--radius-ui);
    overflow:hidden;
    margin-top:20px;
    box-shadow:0 10px 30px rgba(15,23,42,0.1);
}
.profile-page-wrapper .profile-cover-img{ width:100%; height:100%; object-fit:cover; }
.profile-page-wrapper .profile-joined-date{ position:absolute; bottom:100px; right:24px; z-index:5; background:rgba(15,23,42,0.5); backdrop-filter:blur(8px); border:1px solid rgba(255,255,255,0.15); color:#fff; font-size:12px; font-weight:700; padding:8px 16px; border-radius:var(--radius-ui); display:flex; align-items:center; gap:6px; }
.profile-page-wrapper .edit-cover-btn, .profile-page-wrapper .edit-avatar-btn{ position:absolute; background:rgba(15,23,42,0.6); color:#fff; backdrop-filter:blur(8px); font-size:12px; font-weight:700; padding:8px 16px; border-radius:var(--radius-ui); cursor:pointer; z-index:10; transition:all 0.2s; border:1px solid rgba(255,255,255,0.2); display:inline-flex; align-items:center; gap:6px; }
.profile-page-wrapper .edit-cover-btn:hover, .profile-page-wrapper .edit-avatar-btn:hover{ background:rgba(15,23,42,0.9); border-color:#fff; }
.profile-page-wrapper .edit-cover-btn{ top:20px; right:24px; }
.profile-page-wrapper .edit-avatar-btn{ bottom:-3px; left:50%; transform:translateX(-50%); width:36px; height:36px; padding:0; font-size:16px; display:flex; align-items:center; justify-content:center; }
.profile-page-wrapper .edit-avatar-btn i{ display:flex; align-items:center; justify-content:center; line-height:1; }
.profile-page-wrapper .edit-cover-btn input, .profile-page-wrapper .edit-avatar-btn input{ display:none; }
.profile-page-wrapper .profile-main-card{ position:relative; background:#fff; border-radius:var(--radius-ui); padding:32px; margin-top:-80px; z-index:10; box-shadow:0 10px 40px rgba(15,23,42,0.06); border:1px solid #e2e8f0; display:flex; flex-direction:column; gap:32px; }
.profile-page-wrapper .pmc-top-row{ display:flex; align-items:flex-end; justify-content:space-between; flex-wrap:wrap; gap:24px; }
.profile-page-wrapper .pmc-user-info{ display:flex; align-items:center; gap:24px; flex-wrap:wrap; margin-top:-60px; flex:1 1 auto; min-width:0; }
.profile-page-wrapper .pmc-avatar-wrap{ position:relative; width:140px; height:140px; flex-shrink:0; }
.profile-page-wrapper .pmc-avatar-box{ width:100%; height:100%; border-radius:var(--radius-ui); background:#fff; padding:6px; box-shadow:0 10px 25px rgba(0,0,0,0.1); position:relative; overflow: hidden; }
.profile-page-wrapper .pmc-avatar-img{ width:100%; height:100%; border-radius:var(--radius-ui); object-fit:cover; }
.profile-page-wrapper .pmc-frame{ position:absolute; inset:-8%; width:116%; height:116%; z-index:2; pointer-events:none; }
.profile-page-wrapper .status-indicator{ position:absolute; bottom:8px; right:8px; z-index:5; width:20px; height:20px; border-radius:50%; border:4px solid #fff; }
.profile-page-wrapper .status-indicator.online{ background:#10b981; }
.profile-page-wrapper .status-indicator.offline{ background:#94a3b8; }
.profile-page-wrapper .pmc-details{ display:flex; flex-direction:column; gap:8px; padding-top:60px; }
.profile-page-wrapper .pmc-name-wrap{ display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
.profile-page-wrapper .pmc-name-wrap h1 { font-size:22px; font-weight:900; color:#0f172a; margin:0; letter-spacing:-0.5px; }
.profile-page-wrapper .pmc-name.banned{ text-decoration:line-through; color:#ef4444; }
.profile-page-wrapper .pmc-badges{ display:flex; align-items:center; gap:6px; flex-wrap:wrap; }
.profile-page-wrapper .pmc-badges img{ height:28px; width:auto; object-fit:contain; }
/* Satır kutusu / Safari: rating blok içinde dikey ortalama */
.profile-page-wrapper .pmc-rating-wrap{
   display:flex;
   align-items:center;
   justify-content:flex-start;
   width:100%;
   min-height:0;
}
.profile-page-wrapper .pmc-actions{
    display:flex;
    align-items:stretch;
    gap:12px;
    flex-wrap:wrap;
    justify-content:flex-end;
    width:auto;
    max-width:100%;
    flex:0 0 auto;
    align-self:flex-end;
}
.profile-page-wrapper .pmc-top-row .pmc-actions{ min-width:0; }
.profile-page-wrapper .pmc-actions__bar{
    display:flex;
    flex-wrap:wrap;
    align-items:stretch;
    gap:10px;
    justify-content:flex-end;
    width:auto;
    max-width:100%;
}
.profile-page-wrapper .pmc-actions__bar .followform{
    display:flex;
    flex:0 0 auto;
    min-width:0;
    margin:0;
}
.profile-page-wrapper .pmc-actions__bar .followform .pmc-btn{
    flex:0 1 auto;
    justify-content:center;
    width:auto;
    min-width:0;
}
.profile-page-wrapper .pmc-btn__text{ white-space:nowrap; }
.profile-page-wrapper .pmc-btn--outline{
    background:transparent !important;
    border:2px solid #e2e8f0;
    color:#475569;
    box-shadow:none !important;
}
.profile-page-wrapper .pmc-btn--outline:hover{
    background:#f8fafc !important;
    border-color:#cbd5e1;
    color:#0f172a;
}
.profile-page-wrapper .pmc-btn{ display:inline-flex; align-items:center; gap:8px; height:48px; padding:0 20px; border-radius:var(--radius-ui); font-size:14px; font-weight:800; transition:all 0.3s; border:none; cursor:pointer; text-decoration:none; }
.profile-page-wrapper .pmc-btn.primary{ background:linear-gradient(135deg, #3d5afe 0%, #283cb4 100%); color:#fff; box-shadow:0 4px 15px rgba(61,90,254,0.25); }
.profile-page-wrapper .pmc-btn.primary:hover{ box-shadow:0 8px 25px rgba(61,90,254,0.35); color:#fff; }
.profile-page-wrapper .pmc-btn.secondary{ background:#f1f5f9; color:#475569; }
.profile-page-wrapper .pmc-btn.secondary:hover{ background:#e2e8f0; color:#0f172a; }
.profile-page-wrapper .pmc-btn.purple{ background:rgba(145, 70, 255, 0.1); color:#9146ff; }
.profile-page-wrapper .pmc-btn.purple:hover{ background:#9146ff; color:#fff; }
.profile-page-wrapper .user-info-nav{ list-style:none; padding:0; margin:0; }
.profile-page-wrapper .user-info-nav .dropdown-menu{ border:1px solid #e2e8f0; border-radius:var(--radius-ui); box-shadow:0 10px 30px rgba(0,0,0,0.1); padding:8px; margin-top:8px !important; }
.profile-page-wrapper .user-info-nav .dropdown-item{ padding:10px 16px; border-radius:var(--radius-ui); font-weight:700; font-size:13px; color:#475569; display:flex; align-items:center; gap:8px; transition:all 0.2s; }
.profile-page-wrapper .user-info-nav .dropdown-item:hover{ background:#f8fafc; color:#0f172a; }
.profile-page-wrapper .user-tabs{ width:100%; border-top:1px solid #e2e8f0; padding-top:24px; display:flex; align-items:center; justify-content:center;}
.profile-page-wrapper .user-tabs .nav{ display:flex; align-items:center; gap:8px; flex-wrap:nowrap; overflow-x:auto; }
.profile-page-wrapper .user-tabs .nav::-webkit-scrollbar{ display:none; }
.profile-page-wrapper .user-tabs .nav li{ list-style:none; }
.profile-page-wrapper .user-tabs .nav li a{ display:inline-flex; align-items:center; gap:8px; padding:12px 20px; border-radius:var(--radius-ui); font-size:14px; font-weight:800; color:#64748b; text-decoration:none; transition:all 0.3s; white-space:nowrap; }
.profile-page-wrapper .user-tabs .nav li a:hover{ background:#f8fafc; color:#0f172a; }
.profile-page-wrapper .user-tabs .nav li.active a{ background:rgba(61,90,254,0.1); color:#3d5afe; }
.profile-page-wrapper .user-tabs .nav li a span{ background:#f1f5f9; color:#475569; padding:2px 8px; border-radius:var(--radius-ui); font-size:12px; font-weight:900; }
.profile-page-wrapper .user-tabs .nav li.active a span{ background:#3d5afe; color:#fff; }
.userProfileAreaTab .reviewItem{ background:#fff; border:1px solid #e2e8f0; border-radius:var(--radius-ui); padding:20px; box-shadow:0 4px 15px rgba(0,0,0,0.02); margin:10px; }
.userProfileAreaTab .reviewItem p{ font-size:14px; font-weight:500; color:#475569; margin-bottom:12px; line-height:1.5; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.userProfileAreaTab .reviewsSlider{ padding:0; }
.userProfileAreaTab .reviewsSlider .profile-reviews-swiper{ overflow:hidden; }
.userProfileAreaTab .reviewsSlider .swiper-slide{ height:auto; }
.userProfileAreaTab .reviewsSlider .reviewItem{ margin:6px 0; border-radius:var(--radius-ui); height:95%; }
.userProfileAreaTab .reviewsSlider .prevIcon,
.userProfileAreaTab .reviewsSlider .nextIcon{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    z-index:10;
    width:28px;
    height:28px;
    border-radius:999px;
    border:1px solid rgba(255,255,255,0.9);
    background:rgba(255,255,255,0.95);
    color:#475569;
    font-size:14px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    box-shadow:0 2px 8px rgba(0,0,0,0.08);
    transition:all 0.25s ease;
}
.userProfileAreaTab .reviewsSlider .prevIcon{ left:12px; }
.userProfileAreaTab .reviewsSlider .nextIcon{ right:12px; }
.userProfileAreaTab .reviewsSlider .prevIcon:hover,
.userProfileAreaTab .reviewsSlider .nextIcon:hover{
    background:rgba(255,255,255,1);
    border-color:rgba(255,255,255,1);
    color:#3d5afe;
    box-shadow:0 4px 12px rgba(0,0,0,0.12);
}
.userProfileAreaTab .reviewsSlider .prevIcon.swiper-button-disabled,
.userProfileAreaTab .reviewsSlider .nextIcon.swiper-button-disabled{
    opacity:0.45;
    cursor:not-allowed;
    pointer-events:none;
}

body.dark-mode .profile-page-wrapper .profile-main-card,
body.dark-mode .profile-page-wrapper .pmc-avatar-box{
    border-color:var(--border-color) !important;
    background:var(--bg-header) !important;
}
body.dark-mode .profile-page-wrapper .pmc-btn--outline{
    border-color:var(--border-color) !important;
    color:#e2e8f0 !important;
    background:var(--bg-header) !important;
}
body.dark-mode .profile-page-wrapper .pmc-btn--outline:hover{
    background:color-mix(in srgb, var(--primary-blue) 12%, var(--bg-header)) !important;
    border-color:var(--border-color) !important;
    color:#fff !important;
}
body.dark-mode .profile-page-wrapper .pmc-btn.secondary,
body.dark-mode .profile-page-wrapper .user-info-nav .dropdown-menu,
body.dark-mode .profile-page-wrapper .user-tabs .nav li a span,
body.dark-mode .userProfileAreaTab .reviewItem,
body.dark-mode .userProfileAreaTab .reviewsSlider .prevIcon,
body.dark-mode .userProfileAreaTab .reviewsSlider .nextIcon{
    background:var(--bg-header) !important;
    border-color:var(--border-color) !important;
    box-shadow:none !important;
}
body.dark-mode .profile-page-wrapper .pmc-name-wrap h1,
body.dark-mode .profile-page-wrapper .pmc-name,
body.dark-mode .profile-page-wrapper .user-info-nav .dropdown-item,
body.dark-mode .userProfileAreaTab .reviewItem p,
body.dark-mode .profile-page-wrapper .user-tabs .nav li.active a,
body.dark-mode .profile-page-wrapper .fbc-empty .text{
    color:#e2e8f0 !important;
}
body.dark-mode .profile-page-wrapper .user-tabs,
body.dark-mode .profile-page-wrapper .user-tabs .nav li a{
    color:#94a3b8 !important;
}
body.dark-mode .profile-page-wrapper .user-tabs,
body.dark-mode .profile-page-wrapper .user-tabs .nav li a,
body.dark-mode .profile-page-wrapper .user-info-nav .dropdown-menu,
body.dark-mode .profile-page-wrapper .user-tabs .nav li a span{
    border-color:var(--border-color) !important;
}
body.dark-mode .profile-page-wrapper .user-info-nav .dropdown-item:hover,
body.dark-mode .profile-page-wrapper .pmc-btn.secondary:hover,
body.dark-mode .profile-page-wrapper .user-tabs .nav li a:hover{
    background:color-mix(in srgb, var(--primary-blue) 12%, var(--bg-header)) !important;
    color:#c7d2fe !important;
}
body.dark-mode .userProfileAreaTab .reviewsSlider .prevIcon,
body.dark-mode .userProfileAreaTab .reviewsSlider .nextIcon{
    width:28px !important;
    height:28px !important;
    font-size:14px !important;
    background:rgba(255,255,255,0.15) !important;
    border-color:rgba(255,255,255,0.4) !important;
    color:rgba(255,255,255,0.9) !important;
}
body.dark-mode .userProfileAreaTab .reviewsSlider .prevIcon:hover,
body.dark-mode .userProfileAreaTab .reviewsSlider .nextIcon:hover{
    background:rgba(255,255,255,0.25) !important;
    border-color:rgba(255,255,255,0.6) !important;
    color:#fff !important;
}
.profile-stats-wrapper .profile-stat-card{
    display:flex;
    align-items:center;
    gap:14px;
    background:#fff;
    border:1px solid #e2e8f0;
    border-radius:var(--radius-ui);
    padding:18px;
}
.profile-stats-wrapper .profile-stat-card .icon{
    width:44px;
    height:44px;
    border-radius:var(--radius-ui);
    background:rgba(61,90,254,0.1);
    color:#3d5afe;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-size:22px;
}
.profile-stats-wrapper .profile-stat-card .label{ font-size:12px; color:#64748b; font-weight:700; }
.profile-stats-wrapper .profile-stat-card .value{ font-size:20px; color:#0f172a; font-weight:900; line-height:1.2; }
.profile-stats-wrapper .profile-stats-panel{
    background:#fff;
    border:1px solid #e2e8f0;
    border-radius:var(--radius-ui);
    padding:16px;
}
.profile-stats-wrapper .profile-stats-panel .panel-title{
    font-size:14px;
    font-weight:900;
    color:#0f172a;
    display:inline-flex;
    align-items:center;
    gap:8px;
    margin-bottom:12px;
}
.profile-stats-wrapper .profile-stats-panel .panel-title i{ color:#3d5afe; font-size:18px; }
.profile-stats-wrapper .profile-stats-table thead th{
    font-size:11px;
    text-transform:uppercase;
    color:#64748b;
    font-weight:900;
    border-bottom:1px solid #e2e8f0;
    white-space:nowrap;
}
.profile-stats-wrapper .profile-stats-table tbody td{
    font-size:13px;
    color:#334155;
    font-weight:700;
    border-color:#e2e8f0;
    white-space:nowrap;
}
.profile-stats-wrapper .rating-bars{ display:flex; flex-direction:column; gap:10px; }
.profile-stats-wrapper .rating-row{
    display:grid;
    grid-template-columns:90px 1fr 110px;
    gap:10px;
    align-items:center;
}
.profile-stats-wrapper .rating-row .star-label{
    font-size:12px;
    color:#475569;
    font-weight:800;
}
.profile-stats-wrapper .rating-row .bar-wrap{
    height:10px;
    border-radius:999px;
    background:#e2e8f0;
    overflow:hidden;
}
.profile-stats-wrapper .rating-row .bar-fill{
    height:100%;
    border-radius:999px;
    background:linear-gradient(90deg, #3d5afe, #22c55e);
}
.profile-stats-wrapper .rating-row .star-meta{
    display:flex;
    justify-content:space-between;
    gap:8px;
    font-size:12px;
    color:#475569;
    font-weight:800;
}

.profile-coupons-wrapper .profile-coupon-card{
    background:#fff;
    border:1px solid #e2e8f0;
    border-radius:var(--radius-ui);
    padding:16px;
    height:100%;
}
.profile-coupons-wrapper .profile-coupon-card .head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    margin-bottom:12px;
}
.profile-coupons-wrapper .profile-coupon-card .code{
    font-size:14px;
    font-weight:900;
    color:#0f172a;
    letter-spacing:0.5px;
}
.profile-coupons-wrapper .profile-coupon-card .badge{
    background:rgba(16,185,129,0.12);
    color:#059669;
    border:1px solid rgba(16,185,129,0.25);
    border-radius:999px;
    padding:4px 10px;
    font-size:12px;
    font-weight:800;
}
.profile-coupons-wrapper .profile-coupon-card .name{ font-size:14px; font-weight:800; color:#0f172a; margin-bottom:6px; }
.profile-coupons-wrapper .profile-coupon-card .desc{ font-size:13px; color:#64748b; margin-bottom:10px; line-height:1.5; }
.profile-coupons-wrapper .profile-coupon-card .meta{ display:flex; flex-direction:column; gap:6px; }
.profile-coupons-wrapper .profile-coupon-card .meta span{ font-size:12px; color:#475569; font-weight:700; display:inline-flex; align-items:center; gap:6px; }
.profile-coupons-wrapper .profile-coupon-empty{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    background:#fff;
    border:1px dashed #cbd5e1;
    border-radius:var(--radius-ui);
    padding:56px 20px;
}
.profile-coupons-wrapper .profile-coupon-empty i{ font-size:38px; color:#94a3b8; margin-bottom:10px; }
.profile-coupons-wrapper .profile-coupon-empty .text{ font-size:15px; font-weight:800; color:#0f172a; }

body.dark-mode .profile-stats-wrapper .profile-stat-card,
body.dark-mode .profile-stats-wrapper .profile-stats-panel,
body.dark-mode .profile-coupons-wrapper .profile-coupon-card,
body.dark-mode .profile-coupons-wrapper .profile-coupon-empty{
    background:var(--bg-header) !important;
    border-color:var(--border-color) !important;
    box-shadow:none !important;
}
body.dark-mode .profile-stats-wrapper .profile-stat-card .value,
body.dark-mode .profile-stats-wrapper .profile-stats-panel .panel-title,
body.dark-mode .profile-coupons-wrapper .profile-coupon-card .code,
body.dark-mode .profile-coupons-wrapper .profile-coupon-card .name,
body.dark-mode .profile-coupons-wrapper .profile-coupon-empty .text{
    color:#e2e8f0 !important;
}
body.dark-mode .profile-stats-wrapper .profile-stat-card .label,
body.dark-mode .profile-stats-wrapper .profile-stats-table thead th,
body.dark-mode .profile-stats-wrapper .profile-stats-table tbody td,
body.dark-mode .profile-stats-wrapper .rating-row .star-label,
body.dark-mode .profile-stats-wrapper .rating-row .star-meta,
body.dark-mode .profile-coupons-wrapper .profile-coupon-card .desc,
body.dark-mode .profile-coupons-wrapper .profile-coupon-card .meta span,
body.dark-mode .profile-coupons-wrapper .profile-coupon-empty i{
    color:#94a3b8 !important;
}
body.dark-mode .profile-stats-wrapper .profile-stats-table thead th,
body.dark-mode .profile-stats-wrapper .profile-stats-table tbody td{
    border-color:var(--border-color) !important;
}
body.dark-mode .profile-stats-wrapper .rating-row .bar-wrap{
    background:color-mix(in srgb, var(--bg-header) 70%, #64748b) !important;
}
.reviews-modern-wrapper.lw-productreviews{ padding-top:16px; }
.reviews-modern-wrapper.lw-productreviews .review-bento-card{
    overflow:hidden;
    z-index:1;
    transition:border-color 0.3s ease, box-shadow 0.3s ease;
}

.reviews-modern-wrapper .rbc-quote-mark{
    position:absolute;
    top:-10px;
    right:20px;
    font-size:80px;
    color:color-mix(in srgb, var(--border-color) 35%, transparent);
    z-index:-1;
    transform:rotate(10deg);
    opacity:0.6;
    pointer-events:none;
    transition:var(--transition);
}
.reviews-modern-wrapper .review-bento-card:hover .rbc-quote-mark{
    color:color-mix(in srgb, var(--primary-blue) 8%, transparent);
}

.reviews-modern-wrapper .rbc-user-wrapper{ display:flex; align-items:center; gap:12px; }
.reviews-modern-wrapper .rbc-user-avatar{
    width:40px;
    height:40px;
    border-radius:var(--radius-ui);
    background:color-mix(in srgb, var(--primary-blue) 10%, transparent);
    color:var(--primary-blue);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:20px;
    flex-shrink:0;
}

.saas-product-card{
    background:var(--bg-header);
    border:1px solid var(--border-color);
    border-radius:var(--radius-ui);
    padding:24px;
    box-shadow:var(--box-shadow);
}
body.dark-mode .saas-product-card{ box-shadow:0 10px 40px rgba(0,0,0,0.2); }

.spc-image-wrap{
    position:relative;
    width:100%;
    aspect-ratio:1/1;
    border-radius:var(--radius-ui);
    overflow:hidden;
    background:var(--input-bg);
    border:1px solid var(--border-color);
    display:flex;
    align-items:center;
    justify-content:center;
}
.spc-image-wrap img{ width:100%; height:100%; object-fit:cover; transition:transform 0.4s; }

.spc-fav-btn{
    position:absolute;
    top:16px;
    right:16px;
    width:44px;
    height:44px;
    border-radius:var(--radius-ui);
    background:color-mix(in srgb, var(--bg-header) 92%, transparent);
    backdrop-filter:blur(8px);
    border:1px solid color-mix(in srgb, var(--border-color) 50%, transparent);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:22px;
    color:var(--gray-text);
    cursor:pointer;
    transition:var(--transition);
    box-shadow:var(--box-shadow);
    z-index:10;
}
.spc-fav-btn:hover{ transform:scale(1.05); opacity:1; }
.spc-fav-btn:hover i{ color:var(--danger-red); }
.spc-fav-btn.active,
.spc-fav-btn i.ri-heart-fill{ color:var(--danger-red); }
.spc-fav-btn.active:hover i{ opacity:0.9; }

.spc-header{ display:flex; gap:12px; align-items:flex-start; justify-content:space-between; margin-bottom:12px; flex-wrap:wrap; }
.spc-header-left{ display:flex; gap:12px; align-items:flex-start; flex:1; min-width:0; }
.spc-cat-icon{
    width:52px;
    height:52px;
    border-radius:var(--radius-ui);
    flex-shrink:0;
    display:flex;
    align-items:center;
    justify-content:center;
    box-shadow:var(--box-shadow);
}
.spc-cat-icon img{ max-width:32px; max-height:32px; object-fit:contain; }

.spc-title-area{ flex:1; min-width:0; }
.spc-title-area h1{ font-size:20px; font-weight:900; color:var(--dark-text); line-height:1.3; letter-spacing:-0.5px; }
.spc-brand{ font-size:11px; font-weight:800; color:var(--primary-blue); text-transform:uppercase; letter-spacing:0.5px; margin-bottom:2px; display:block; }
.spc-title{ font-size:18px; font-weight:900; color:var(--dark-text); margin:0 0 4px 0; line-height:1.3; letter-spacing:-0.5px; }

.spc-meta-row{ display:flex; align-items:center; flex-wrap:wrap; gap:8px; flex-shrink:0; }
.spc-rating,
.spc-seller{
    display:inline-flex;
    align-items:center;
    gap:5px;
    padding:5px 12px 5px 10px;
    border-radius:999px;
    min-height:36px;
    box-sizing:border-box;
    font-size:12px;
}
.spc-rating{
    background:color-mix(in srgb, var(--warning-orange) 12%, transparent);
    color:#d97706;
    font-size:14px;
    font-weight:800;
    gap:6px;
    flex-direction:row;
    flex-wrap:nowrap;
    align-items:center;
    justify-content:center;
}
.spc-rating-val{
    line-height:1;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
}
.spc-rating-stars{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex-wrap:nowrap;
    gap:2px;
    line-height:1;
    flex-shrink:0;
}
.spc-rating-stars i{
    font-size:1em;
    width:1em;
    height:1em;
    line-height:1;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
}
.spc-seller{
    background:var(--input-bg);
    border:1px solid var(--border-color);
    text-decoration:none;
}
.spc-seller img{ width:24px; height:24px; border-radius:50%; object-fit:cover; flex-shrink:0; }
.spc-seller span{ font-size:12px; font-weight:700; color:var(--gray-text); }
.spc-seller strong{ color:var(--dark-text); font-weight:800; }

.spc-desc{ font-size:14px; font-weight:500; color:var(--gray-text); line-height:1.6; margin:14px 0; }

.saas-product-card .hurry-up2{ margin-bottom:14px; }

.saas-product-card .feature-badges{ display:flex; flex-wrap:wrap; gap:6px; margin-bottom:16px; }
.saas-product-card .feature-badge{
    display:inline-flex;
    align-items:center;
    gap:5px;
    padding:5px 11px;
    border-radius:var(--radius-ui);
    font-size:11px;
    font-weight:800;
}
.feature-badge .icon img{ width:16px; height:16px; object-fit:contain; border-radius:4px; }
.feature-badge.green{ background:color-mix(in srgb, var(--success-green) 12%, transparent); color:#059669; border:1px solid color-mix(in srgb, var(--success-green) 25%, transparent); }
.feature-badge.blue{ background:color-mix(in srgb, var(--primary-blue) 12%, transparent); color:var(--primary-blue); border:1px solid color-mix(in srgb, var(--primary-blue) 25%, transparent); }
.feature-badge.purple{ background:color-mix(in srgb, #9146FF 12%, transparent); color:#9146FF; border:1px solid color-mix(in srgb, #9146FF 25%, transparent); }
.feature-badge.orange{ background:color-mix(in srgb, var(--warning-orange) 12%, transparent); color:#d97706; border:1px solid color-mix(in srgb, var(--warning-orange) 25%, transparent); }
.feature-badge.pink{ background:color-mix(in srgb, #ec4899 12%, transparent); color:#db2777; border:1px solid color-mix(in srgb, #ec4899 25%, transparent); }
body.dark-mode .feature-badge.green{ background:rgba(16,185,129,0.15); color:#34d399; }
body.dark-mode .feature-badge.blue{ background:rgba(61,90,254,0.15); color:#93c5fd; }
body.dark-mode .feature-badge.purple{ background:rgba(145,70,255,0.15); color:#a78bfa; }
body.dark-mode .feature-badge.orange{ background:rgba(245,158,11,0.15); color:#fcd34d; }
body.dark-mode .feature-badge.pink{ background:rgba(236,72,153,0.28); color:#f9a8d4; border-color:rgba(236,72,153,0.45); }
body.dark-mode .feature-badge.pink .icon{ color:#f9a8d4 !important; }

.saas-buy-box{
    background:var(--input-bg);
    border:1px solid var(--border-color);
    border-radius:var(--radius-ui);
    padding:12px 14px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    flex-wrap:wrap;
    gap:12px;
    margin-top:auto;
}
body.dark-mode .saas-buy-box{ background:rgba(255,255,255,0.03); border-color:var(--border-color); }

.sbb-price-area{ display:flex !important; flex-direction:row !important; flex-wrap:nowrap !important; align-items:center; gap:12px; }
.sbb-price{ font-size:26px; font-weight:700; color:var(--success-green); line-height:1; display:inline-flex; align-items:center; gap:6px; flex-shrink:0; }
.sbb-price i{
    color:#ca8a04;
    font-size:22px;
    opacity:1;
    filter:drop-shadow(0 1px 2px rgba(202,138,4,0.35));
}
body.dark-mode .sbb-price i,
html.dark-mode .sbb-price i{
    color:#fbbf24;
    filter:drop-shadow(0 1px 3px rgba(251,191,36,0.25));
}
.sbb-old-price{ font-size:15px; color:var(--gray-text); text-decoration:line-through; font-weight:500; flex-shrink:0; white-space:nowrap; }

.saas-related-title{ font-size:16px; font-weight:900; color:var(--dark-text); margin-bottom:16px; display:flex; align-items:center; gap:8px; }
.saas-related-card{
    background:var(--bg-header);
    border:1px solid var(--border-color);
    border-radius:var(--radius-ui);
    padding:16px;
    display:flex;
    align-items:center;
    gap:12px;
    text-decoration:none;
    transition:var(--transition);
    box-shadow:var(--box-shadow);
}
.saas-related-card:hover{ border-color:var(--primary-blue); box-shadow:0 8px 20px color-mix(in srgb, var(--primary-blue) 15%, transparent); }
body.dark-mode .saas-related-card{ box-shadow:0 4px 15px rgba(0,0,0,0.2); }
body.dark-mode .saas-related-card:hover{ box-shadow:0 8px 20px rgba(61,90,254,0.2); }
.src-img{ width:48px; height:48px; border-radius:var(--radius-ui); object-fit:cover; }
.src-info{ flex:1; min-width:0; }
.src-title{ font-size:13px; font-weight:800; color:var(--dark-text); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-bottom:4px; transition:color 0.2s; }
.saas-related-card:hover .src-title{ color:var(--primary-blue); }
.src-price{ font-size:14px; font-weight:900; color:var(--success-green); }
.src-price strike{ font-size:11px; color:var(--gray-text); margin-left:6px; font-weight:600; }
.src-arrow{ color:color-mix(in srgb, var(--gray-text) 60%, var(--border-color)); font-size:20px; transition:var(--transition); }
.saas-related-card:hover .src-arrow{ color:var(--primary-blue); }

.saas-tabs-box{
    background:var(--bg-header);
    border:1px solid var(--border-color);
    border-radius:var(--radius-ui);
    overflow:hidden;
    box-shadow:var(--box-shadow);
    margin-top:24px;
}
body.dark-mode .saas-tabs-box{ box-shadow:0 10px 40px rgba(0,0,0,0.2); }
.saas-tabs-head{
    padding:16px 24px 0;
    border-bottom:1px solid var(--border-color);
    background:var(--input-bg);
}
.saas-tabs-head .nav-pills{ gap:8px; }
.saas-tabs-head .nav-link{
    padding:12px 24px;
    border-radius:var(--radius-ui) var(--radius-ui) 0 0;
    font-size:15px;
    font-weight:800;
    color:var(--gray-text);
    background:transparent;
    border:1px solid transparent;
    border-bottom:none;
    cursor:pointer;
    margin: 0;
    transition:color 0.2s, background-color 0.2s;
}
.saas-tabs-head .nav-link:hover{ color:var(--dark-text); }
.saas-tabs-head .nav-link.active{
    background:var(--bg-header);
    color:var(--primary-blue);
    border-color:var(--border-color);
    border-bottom:1px solid var(--bg-header);
    margin-bottom:-1px;
}

.saas-tabs-body{ padding:32px; }
.saas-tabs-body .content{ font-size:15px; font-weight:500; color:var(--dark-text); line-height:1.7; }
.saas-tabs-body .content h1,
.saas-tabs-body .content h2,
.saas-tabs-body .content h3{ color:var(--dark-text); font-weight:900; margin:24px 0 12px; }
.saas-tabs-body .content ul{ padding-left:20px; margin-bottom:16px; }

.sticky-cta{
    position:fixed;
    bottom:0;
    left:0;
    right:0;
    background:color-mix(in srgb, var(--bg-header) 96%, transparent);
    backdrop-filter:blur(10px);
    border-top:1px solid var(--border-color);
    padding:12px 0;
    z-index:1040;
    box-shadow:0 -10px 30px rgba(0, 0, 0, 0.08);
    display:none;
}
body.dark-mode .sticky-cta{ box-shadow:0 -10px 30px rgba(0, 0, 0, 0.5); }
.product-sticky-cta .sticky-cta-inner{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:24px;
    flex-wrap:nowrap;
}
.product-sticky-cta .sticky-cta-info{
    display:flex;
    align-items:center;
    gap:14px;
    min-width:0;
    flex:1;
}
.product-sticky-cta .sticky-cta-thumb{
    flex-shrink:0;
    width:52px;
    height:52px;
    border-radius:var(--radius-ui);
    overflow:hidden;
    background:var(--input-bg);
    border:1px solid var(--border-color);
}
.product-sticky-cta .sticky-cta-thumb img{
    width:100%;
    height:100%;
    object-fit:cover;
}
.product-sticky-cta .sticky-cta-meta{
    min-width:0;
    display:flex;
    flex-direction:column;
    gap:4px;
}
.product-sticky-cta .sticky-cta-title{
    font-size:14px;
    font-weight:800;
    color:var(--dark-text);
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.product-sticky-cta .sticky-cta-price{
    display:flex;
    flex-direction:column;
    gap:0;
}
.product-sticky-cta .sticky-cta-price .sbb-price{
    font-size:20px;
    font-weight:900;
    color:var(--success-green);
    line-height:1.2;
    letter-spacing:-0.5px;
    display:flex;
    align-items:center;
    gap:6px;
}
.product-sticky-cta .sticky-cta-price .sbb-price i{
    color:#ca8a04;
    font-size:18px;
    filter:drop-shadow(0 1px 2px rgba(202,138,4,0.3));
}
body.dark-mode .product-sticky-cta .sticky-cta-price .sbb-price i,
html.dark-mode .product-sticky-cta .sticky-cta-price .sbb-price i{
    color:#fbbf24;
}
.product-sticky-cta .sticky-cta-price .sbb-old-price{
    font-size:12px;
    font-weight:600;
    color:var(--gray-text);
    text-decoration:line-through;
}
.product-sticky-cta .sticky-cta-actions{
    display:flex;
    align-items:center;
    gap:12px;
    flex-shrink:0;
}
.product-sticky-cta .p-cart-row{ gap:12px; }
.product-sticky-cta .p-qty{
    height:44px;
    flex-grow:0;
    width:auto;
    min-width:110px;
}
.product-sticky-cta .p-add-cart{
    width:44px;
    height:44px;
    font-size:20px;
    border-radius:var(--radius-ui);
}
.product-sticky-cta .btn-buy-product{
    height:44px;
    padding:0 24px;
    font-size:14px;
    font-weight:800;
    border-radius:var(--radius-ui);
    background:linear-gradient(135deg, var(--warning-orange) 0%, #e6a100 100%);
    color:#fff;
    border:none;
    box-shadow:0 4px 15px rgba(255, 179, 0, 0.3);
}
.product-sticky-cta .btn-buy-product:hover{ filter:brightness(1.08); box-shadow:0 6px 20px rgba(255, 179, 0, 0.4); }
.product-sticky-cta .btn-buy-product.needlogin{ cursor:pointer; }
.product-sticky-cta .btn-stokyok{
    height:44px;
    padding:0 24px;
    font-size:14px;
    font-weight:800;
    border-radius:var(--radius-ui);
    background:color-mix(in srgb, var(--danger-red) 12%, transparent);
    color:var(--danger-red);
    border:none;
    display:inline-flex;
    align-items:center;
    gap:8px;
    cursor:pointer;
}
.product-sticky-cta .btn-stokyok:hover{ background:var(--danger-red); color:#fff; }
.product-sticky-cta .btn-stokyok:disabled{ opacity:0.6; cursor:not-allowed; }
@media (max-width: 991px){

    .giveaway-index-page .gw-search-box{
        min-width:0 !important;
    }
    .giveaway-index-page .streamer-filters .streamer-filter-group.w-100{
        flex-wrap:wrap;
    }

    .header-middle{
        padding-top:12px;
        padding-bottom:10px;
    }

    .header-main-logo{
        position:absolute !important;
        left:50% !important;
        transform:translateX(-50%) !important;
        margin-left:0 !important;
    }

    .logo img{
        height:42px;
        max-width:180px;
    }

    .header-icon-btn{
        width:40px;
        height:40px;
        font-size:18px;
        border-radius:var(--radius-ui);
    }

    .header-icon-btn .badge{
        font-size:8px;
        min-width:16px;
        height:16px;
        padding:0 4px;
        top:-3px;
        right:-3px;
    }

    .header-mobile-actions .header-icon-btn{
        width:42px;
        height:42px;
        font-size:20px;
        border-radius:var(--radius-ui);
    }

    .header-mobile-actions .header-icon-btn .badge{
        font-size:9px;
        min-width:18px;
        height:18px;
        padding:0 5px;
        top:-3px;
        right:-3px;
    }

    .mobile-header-user-row{
        background:var(--bg-header);
        padding-bottom:2px;
        border-top:1px solid var(--border-color);
        overflow-x:auto;
        scrollbar-width:none;
        -webkit-overflow-scrolling:touch;
    }

    .mobile-header-user-profile{
        cursor:pointer;
        background:var(--bg-light);
        padding:4px;
        border-radius:var(--radius-ui);
        border:1px solid var(--border-color);
    }

    .mobile-header-user-profile .user-balance.balance-amount.fw-bold{
        font-size:13px;
        margin:0;
        color:var(--text-color);
    }

    .mobile-header-action-btn{
        display:flex;
        align-items:center;
        gap:5px;
        padding:7px 10px;
        border-radius:var(--radius-ui);
        font-size:13px;
        font-weight:700;
        text-decoration:none;
        transition:var(--transition);
        white-space:nowrap;
    }

    .mobile-header-action-btn.ilan-ekle{
        background:linear-gradient(135deg, #ffb300 0%, #e6a100 100%);
        color:#fff;
        box-shadow:0 2px 5px rgba(255, 179, 0, 0.3);
    }

    .mobile-header-action-btn.bakiye-yukle{
        background:linear-gradient(135deg, #11d377 0%, #0db866 100%);
        color:#fff;
        box-shadow:0 2px 5px rgba(17, 211, 119, 0.3);
    }

    .mobile-header-user-row .mobile-header-action-btn.mobile-register-btn,
    .mobile-header-user-row .mobile-header-action-btn.mobile-login-btn{
        flex:0 0 auto;
        padding:6px 12px;
        font-size:12px;
    }

    .mobile-header-action-btn.mobile-register-btn{
        background:linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
        color:#fff;
        box-shadow:0 2px 5px rgba(245, 158, 11, 0.35);
    }

    .mobile-header-action-btn.mobile-register-btn:hover{
        background:linear-gradient(135deg, #d97706 0%, #b45309 100%);
        color:#fff;
    }

    .mobile-header-action-btn.mobile-login-btn{
        background:linear-gradient(135deg, #11d377 0%, #0db866 100%);
        color:#fff;
        box-shadow:0 2px 5px rgba(17, 211, 119, 0.3);
    }

    .mobile-header-action-btn.mobile-login-btn:hover{
        background:linear-gradient(135deg, #0db866 0%, #0a9e52 100%);
        color:#fff;
    }

    .action-icon-btn{
        width:38px !important;
        height:38px !important;
        font-size:18px !important;
        border-radius:var(--radius-ui) !important;
        background-color:var(--bg-light);
        border:1px solid var(--border-color);
    }

    .action-icon-btn .badge{
        font-size:8px !important;
        min-width:16px !important;
        height:16px !important;
        padding:0 4px !important;
        border-radius:9999px !important;
        white-space:nowrap !important;
        box-sizing:border-box !important;
        top:-3px !important;
        right:-3px !important;
        left:auto !important;
        transform:none !important;
    }

    .all-cat-hero{
        flex-direction:column;
        align-items:stretch;
    }

    .all-cat-actions{
        width:100%;
    }

    .hero{
        background-position:top center;
        background-repeat:no-repeat;
    }

    .hero-promo{
        flex-direction:row;
        padding:12px 0;
    }

    .hero-promo-content{
        flex-direction:row;
        width:100%;
        justify-content:space-between;
        align-items:center;
    }

    .hero-promo-logo{
        height:32px;
    }

    .hero-promo-title{
        font-size:15px;
        text-align:right;
        margin:0;
    }

    .hero-promo-btn{
        display:none;
    }

    .main-slider{
        padding-bottom:0;
    }

    .banner-strip{
        flex-wrap:wrap;
    }

    .banner-item{
        flex:0 0 50%;
        border-right:1px solid var(--border-color);
        border-bottom:1px solid var(--border-color);
    }

    .banner-item:nth-child(2n){
        border-right:none;
    }

    .banner-item:nth-last-child(-n+2){
        border-bottom:none;
    }

    .quick-products-section .game-list-box h6{
        margin-right:15px;
    }

    .quick-products-section .game-list-box,
    .quick-products-section > .container-xxl,
    .quick-products-section > .container-xxl > .row{
        overflow:visible !important;
    }

    .quick-products-section .game-tabs{
        display:flex;
        flex-direction:row !important;
        flex-wrap:nowrap;
        overflow-x:auto;
        overflow-y:visible;
        -webkit-overflow-scrolling:touch;
        padding-top:8px;
        padding-bottom:10px;
        scrollbar-width:none;
        margin-bottom:0;
        gap:8px;
        justify-content:flex-start;
    }

    .quick-products-section .game-tabs::-webkit-scrollbar{
        display:none;
    }

    .quick-products-section .game-tabs .nav-item{
        flex:0 0 auto;
        margin-right:0;
        margin-bottom:0 !important;
    }

    .quick-products-section .game-tabs .nav-link{
        width:100%;
        height:52px;
        aspect-ratio:auto;
        padding:10px 12px !important;
        border-radius:var(--radius-ui) !important;
        justify-content:flex-start;
        gap:8px !important;
        margin-bottom:0;
    }

    .game-tab-link .game-tab-icon{
        width:28px;
        height:28px;
        min-width:28px;
        border-radius:var(--radius-ui);
        padding:0;
    }

    .game-tab-link .game-tab-icon img{
        width:18px;
        height:18px;
    }

    .quick-products-section > .container-xxl > .row.gx-4 > .col-lg-3.col-md-4,
    .quick-products-section > .container-xxl > .row.gx-4 > .col-lg-9.col-md-8{
        flex:0 0 100%;
        max-width:100%;
    }

    .quick-products-section > .container-xxl > .row.gx-4 > .col-lg-3.col-md-4{
        margin-bottom:14px;
    }

    .showcase-header{
        gap:10px;
    }

    .sc-brand-sub{
        display:none;
    }

    .modern-footer a:hover,
    .modern-footer a:focus-visible,
    .modern-footer .footer-link-list a:hover,
    .modern-footer .footer-link-list a:focus-visible{
        color:#ffffff !important;
    }

    .modern-footer-social a:hover,
    .modern-footer-social a:focus-visible{
        background:rgba(255, 255, 255, 0.12) !important;
        color:#ffffff !important;
    }

    .footer-action-btn:hover .arrow-icon{
        color:#ffffff !important;
    }

    .cheap-game-card{
        padding:22px 12px;
        border-radius:var(--radius-ui);
    }

    .cheap-game-card .cgc-icon{
        width:48px;
        height:48px;
        font-size:24px;
        margin-bottom:12px;
    }

    .cheap-game-card .cgc-price{
        font-size:21px;
    }

    .cheap-game-card .cgc-label{
        font-size:12px;
    }

    footer.modern-footer-bg{
        padding-bottom:80px !important;
    }

    .modern-footer .footer-title{
        cursor:pointer;
        display:flex;
        justify-content:space-between;
        align-items:center;
        border-bottom:1px solid rgba(255, 255, 255, 0.05);
        padding-bottom:20px;
        margin-bottom:10px;
    }

    .modern-footer .footer-title::after{
        content:'+';
        font-family:inherit;
        font-size:22px;
        font-weight:600;
        line-height:1;
        transition:opacity 0.2s ease;
        opacity:0.85;
    }

    .modern-footer .footer-title.active::after{
        content:'−';
        opacity:1;
    }

    .modern-footer .footer-title + .footer-link-list{
        display:flex;
        flex-direction:column;
        gap:8px;
        overflow:hidden;
        max-height:0;
        opacity:0;
        visibility:hidden;
        transition:max-height 0.32s ease, opacity 0.24s ease;
    }

    .modern-footer .footer-title + div.row,
    .modern-footer .footer-title + div.row.gy-4{
        display:flex !important;
        flex-direction:column;
        overflow:hidden;
        max-height:0;
        opacity:0;
        visibility:hidden;
        transition:max-height 0.32s ease, opacity 0.24s ease;
        padding-top:10px;
    }

    .modern-footer .footer-title.active + .footer-link-list{
        max-height:900px;
        opacity:1;
        visibility:visible;
    }

    .modern-footer .footer-title.active + div.row,
    .modern-footer .footer-title.active + div.row.gy-4{
        max-height:1400px;
        opacity:1;
        visibility:visible;
    }

    .modern-footer .footer-title.active + div.row .footer-link-list,
    .modern-footer .footer-title.active + div.row.gy-4 .footer-link-list{
        display:flex;
        flex-direction:column;
        gap:8px;
        max-height:none;
        opacity:1;
        visibility:visible;
    }

    .modern-footer .row.gy-5, .modern-footer .row.gy-4{
        row-gap:10px !important;
        --bs-gutter-y:10px !important;
    }

    .modern-footer .row.gy-5 > div, .modern-footer .row.gy-4 > div{
        margin-top:0px !important;
    }

    .modern-footer .footer-link-list li a{
        padding:2px 0;
        display:block;
    }

    .footer-action-buttons{
        flex-wrap:nowrap !important;
        justify-content:space-between !important;
        gap:10px !important;
    }

    .footer-action-btn{
        flex:1 1 0;
        padding:10px 12px;
        flex-direction:row;
        justify-content:flex-start;
        align-items:center;
        gap:10px;
    }

    .footer-action-btn .icon-box{
        margin:0;
        flex-shrink:0;
    }

    .footer-action-btn .btn-content{
        align-items:flex-start;
        text-align:left;
    }

    .footer-action-btn .arrow-icon{
        display:none;
    }

    .footer-bottom-links{
        justify-content:flex-start !important;
        padding-bottom:5px;
    }

    .footer-bottom-links::-webkit-scrollbar{
        display:none;
    }

    .footer-trust-section{
        border-top:none !important;
    }

    .corp-hero{
        padding:20px;
        flex-direction:column;
        text-align:center;
    }

    .ch-text h1{
        font-size:20px;
    }

    .corp-sidebar{
        position:relative;
        margin-bottom:10px;
        padding:16px;
        border-radius:var(--radius-ui);
        top:0;
    }

    .cs-menu{
        flex-direction:row;
        flex-wrap:nowrap;
        overflow-x:auto;
        padding-bottom:5px;
        scrollbar-width:none;
        gap:10px;
    }

    .cs-menu::-webkit-scrollbar{
        display:none;
    }

    .cs-menu li{
        flex:0 0 auto;
    }

    .cs-menu li a{
        padding:10px 20px;
        white-space:nowrap;
        font-size:13px;
        border:1px solid var(--border-color);
        border-radius:999px;
        background:var(--bg-body);
    }

    .cs-title{
        display:none;
        font-size:12px;
        margin-bottom:15px;
        padding-bottom:10px;
    }

    .corp-content-box{
        padding:25px 20px;
    }

    .cs-menu li a:hover{
        background:var(--bg-light);
    }

    .cs-menu li a i.icon-arrow{
        display:none;
    }

    .cs-menu li a.active{
        border-color:transparent;
    }

    .contact-premium-hero{
        padding:30px 20px;
        border-radius:var(--radius-ui);
    }

    .cph-title{
        font-size:24px;
    }

    .contact-grid{
        grid-template-columns:1fr;
    }

    .trust-showcase{
        gap:20px;
        padding:20px;
    }

    .trust-badge-img{
        height:36px;
    }

    .kvkk-modal-header{
        padding:20px;
        flex-direction:column;
        text-align:center;
        gap:10px;
    }

    .kvkk-modal-body{
        padding:20px;
    }

    .kvkk-swal-confirm{
        margin:0 20px 20px auto !important;
    }

    .sv-premium-hero{
        padding:40px 20px;
    }

    .sv-hero-title{
        font-size:26px;
    }

    .sv-steps-container{
        grid-template-columns:repeat(2, 1fr);
    }

    .sv-cta-banner{
        flex-direction:column;
        text-align:center;
        padding:25px 20px;
    }

    .hc-split-container{
        flex-direction:column;
        gap:20px;
    }

    .hc-sidebar{
        flex:none;
        width:100%;
        position:static;
        gap:15px;
        display:contents;
    }
    .hc-sidebar-block{
        order:1;
    }
    .hc-content{
        order:2;
    }
    .hc-support-card{
        order:3;
    }

    .hc-sidebar-block{
        padding:15px;
    }

    .hc-cat-list{
        flex-direction:row;
        overflow-x:auto;
        padding-bottom:5px;
        scrollbar-width:none;
    }

    .hc-cat-list::-webkit-scrollbar{
        display:none;
    }

    .hc-cat-item{
        flex:0 0 auto;
        border-radius:999px;
        border:1px solid var(--border-color);
        padding:8px 16px !important;
        white-space:nowrap;
    }

    .hc-cat-item i{
        display:none;
    }

    .hc-mesh-hero{
        padding:40px 20px;
    }

    .hc-hero-title{
        font-size:26px;
    }

    .hc-search-box input{
        height:56px;
        font-size:14px;
    }

    .row-btn{
        padding:18px 20px;
    }

    .row-btn:hover{
        padding-left:20px;
    }

    .open-panel{
        padding:20px;
    }

    .grid-5-col{
        grid-template-columns:repeat(3, 1fr);
    }
    .grid-6-col{
        grid-template-columns:repeat(4, 1fr);
    }

    .ng-hero{
        padding:30px 20px;
        flex-direction:column;
        text-align:center;
        gap:20px;
    }

    .ng-hero-title,
    .ng-hero-content .hero-title{
        font-size:26px;
        line-height:1.25;
        word-wrap:break-word;
        overflow-wrap:break-word;
    }

    .ng-hero-desc{
        font-size:13px;
        max-width:100%;
        display:-webkit-box;
        -webkit-line-clamp:3;
        -webkit-box-orient:vertical;
        overflow:hidden;
    }

    .ng-hero-action{
        width:100%;
    }

    .ng-btn-create{
        width:100%;
        min-width:auto;
        justify-content:center;
    }

    .ng-toolbar{
        flex-direction:column;
        align-items:stretch;
        padding:12px 14px;
        gap:12px;
    }

    .ng-toolbar-search input{
        height:44px;
    }
    .ng-toolbar-search .ng-toolbar-seller-input{
        flex:0 0 120px;
        min-width:90px;
    }
    .ng-toolbar-search .ng-search-btn{
        height:44px;
        padding:0 14px;
        font-size:12px;
    }
    .ng-toolbar-search .ng-search-btn span{
        display:inline;
    }

    .ng-toolbar-actions{
        width:100%;
        display:flex;
        flex-direction:column;
        gap:10px;
    }
    .ng-toolbar-actions .ng-switch-wrap,
    .ng-toolbar-actions .ng-select{
        width:100%;
        min-width:0;
        height:44px;
        min-height:44px;
    }
    .ng-toolbar-actions .ng-switch-wrap{
        display:flex;
        align-items:center;
        padding:0 14px;
        flex-wrap:nowrap;
    }
    .ng-toolbar-actions .ng-switch-wrap span{
        white-space:nowrap;
        overflow:visible;
        text-overflow:unset;
    }
    .ng-toolbar-actions .ng-switch-wrap .ng-switch-box{
        flex-shrink:0;
    }

    .ng-sidebar{
        position:static;
        display:none;
        margin-top:20px;
        margin-bottom:20px;
    }

    .ng-sidebar-close{
        display:none;
        align-items:center;
        justify-content:space-between;
        padding:16px 20px;
        background:var(--bg-header);
        border-bottom:1px solid var(--border-color);
        font-weight:700;
        color:var(--dark-text);
        cursor:pointer;
    }

    .m-mobile-filter-toggle{
        display:flex;
        align-items:center;
        justify-content:space-between;
        background:var(--bg-header);
        padding:16px 20px;
        border-radius:var(--radius-ui);
        font-weight:700;
        border:1px solid var(--border-color);
        margin-bottom:0;
        color:var(--dark-text);
    }

    .m-mobile-filter-toggle .toggle-arrow{
        transition:transform 0.2s ease;
    }

    .m-mobile-filter-toggle.is-open .toggle-arrow{
        transform:rotate(180deg);
    }

    .m-mobile-filter-toggle h2{
        font-size:16px;
    }

    .cat-hero{
        padding:30px 20px;
        border-radius:var(--radius-ui);
    }

    .ch-title{
        font-size:24px;
    }

    .cat-filters{
        flex-wrap:nowrap;
        overflow-x:auto;
        justify-content:flex-start;
        padding-bottom:10px;
        scrollbar-width:none;
        margin-bottom:25px;
    }

    .cat-filters::-webkit-scrollbar{
        display:none;
    }

    .cf-btn{
        flex:0 0 auto;
        padding:8px 18px;
        font-size:13px;
    }

    .gamer-hero-wrapper{
        height:350px;
        margin-bottom:15px;
    }

    .gh-title{
        font-size:24px;
    }

    .hero-featured-stack{
        height:auto;
        flex-direction:column;
        gap:12px;
        margin-top:12px;
        padding:0;
    }

    .hero-featured-stack::-webkit-scrollbar{
        display:none;
    }

    .hf-card{
        flex:none;
        width:100%;
        height:160px;
        min-height:160px;
    }

    .hf-overlay{
        padding:16px;
    }

    .hf-title{
        font-size:15px;
        -webkit-line-clamp:2;
    }

    .about-hero{
        padding:40px 24px;
        margin-bottom:32px;
        border-radius:var(--radius-ui);
    }
    .ah-title{
        font-size:40px;
    }
    .stats-grid{
        grid-template-columns:repeat(2, 1fr);
        gap:12px;
        margin-bottom:36px;
    }
    .story-section{ margin-bottom:36px; }
    .story-content-wrap{ padding:32px 20px; text-align:center; }
    .sc-badge{ justify-content:center; }
    .story-img-wrap{ min-height:300px; }
    .bento-features{ grid-template-columns:1fr; gap:16px; margin-bottom:36px; }
    .partners-section{ margin-bottom:36px; }
    .brand-grid{ grid-template-columns:1fr; gap:16px; margin-bottom:36px; }
    .timeline-section{ margin-bottom:36px; }
    .timeline-container::before{ left:24px; }
    .timeline-item{ width:100%; padding:0 0 24px 56px; left:0 !important; text-align:left !important; }
    .timeline-dot{ left:14px !important; right:auto !important; }
    .career-cta{ padding:32px 24px; margin-bottom:24px; }
    .c-cta-title{ font-size:28px; }
    .section-header h2{ font-size:26px; }
    .stat-number{ font-size:34px; }
    .story-content-wrap h2{ font-size:28px; }

    .cat-mesh-hero{
        padding:30px 20px;
        flex-direction:column;
        text-align:center;
        gap:20px;
    }

    .cmh-icon-wrapper{
        margin-bottom:10px;
    }

    .cmh-title{
        font-size:28px;
    }

    .post-detail-page .article-card{
        padding:28px 20px;
        border-radius:var(--radius-ui);
    }

    .ah-title{ font-size:28px; margin-bottom:16px; letter-spacing:-0.5px; }
    .article-title{ font-size:28px; margin-bottom:16px; letter-spacing:-0.5px; }

    .post-detail-page .ah-featured-img{
        margin-bottom:28px;
        border-radius:var(--radius-ui);
    }

    .post-detail-page .ah-featured-img img{
        max-height:320px;
        object-fit:cover;
    }

    .post-detail-page .article-header{
        margin-bottom:24px;
    }

    .post-detail-page .ah-meta{
        gap:16px;
        font-size:13px;
    }

    .post-detail-page .ah-meta i{
        font-size:16px;
    }

    .post-detail-page .article-toc{
        padding:20px 18px;
        margin-bottom:28px;
        border-radius:0 var(--radius-ui) var(--radius-ui) 0;
    }

    .post-detail-page .toc-title{
        font-size:15px;
    }

    .post-detail-page .toc-list a{
        font-size:14px;
    }

    .post-detail-page .article-body{
        font-size:16px;
    }

    .post-detail-page .article-body table,
    .post-detail-page .article-body iframe,
    .post-detail-page .article-body .iframe-ly{
        max-width:100%;
        overflow-x:auto;
    }

    .post-detail-page .article-body h2{ font-size:24px; }
    .post-detail-page .article-body h3{ font-size:20px; }
    .post-detail-page .article-body h4{ font-size:18px; }
    .post-detail-page .article-body blockquote{ font-size:16px; padding:16px; margin:24px 0; }
    .post-detail-page .article-body img{ margin:20px 0; border-radius:var(--radius-ui); }

    .post-detail-page .article-share{
        flex-wrap:wrap;
        gap:12px;
        margin-top:36px;
        padding-top:24px;
    }

    .post-detail-page .article-share-text{
        width:100%;
        font-size:14px;
        margin-right:0;
    }

    .post-detail-page .share-btn{
        width:44px;
        height:44px;
        font-size:18px;
        flex-shrink:0;
    }

    .post-detail-page .similar-posts-section{
        margin-top:36px;
    }

    .post-detail-page .sp-title{
        font-size:18px;
        margin-bottom:16px;
    }

    .post-detail-page .sp-card{
        flex-direction:column;
        padding:10px;
        border-radius:var(--radius-ui);
    }

    .post-detail-page .sp-img{
        width:100%;
        height:140px;
        border-radius:var(--radius-ui);
    }

    .post-detail-page .sp-post-title{
        font-size:14px;
    }

    .post-detail-page .article-page-wrapper{
        padding-bottom:60px;
    }

    .post-detail-page .article-divider{
        margin:28px 0;
    }

    .post-detail-page .article-divider span{
        font-size:12px;
        padding:0 14px;
    }

    .success-giant-text{
        font-size:16vw;
    }

    .fail-giant-text{
        font-size:16vw;
    }

    .saas-coupon-banner{
        flex-direction:column;
        text-align:center;
        justify-content:center;
        padding:20px 16px;
        gap:16px;
    }

    .saas-advert-card{
        padding:16px;
        margin-top:16px;
        margin-bottom:16px;
    }

    .saas-advert-card .gallery-wrapper .ds, .saas-advert-card .gallery-wrapper .bg{
        border-radius:var(--radius-ui);
    }

    .saas-advert-card .gallery-main, .saas-advert-card .advert-gallery-swiper{
        border-radius:var(--radius-ui);
    }

    .saas-advert-card .advert-gallery-nav{
        width:36px;
        height:36px;
        font-size:18px;
    }

    .saas-advert-card .advert-gallery-nav.prev{
        left:8px;
    }

    .saas-advert-card .advert-gallery-nav.next{
        right:8px;
    }

    .adv-title{
        font-size:18px;
    }

    .adv-buy-box{
        flex-direction:column;
        align-items:stretch;
        padding:12px 14px;
        gap:10px;
    }

    .buy-actions{
        width:100%;
        justify-content:center;
    }

    .saas-buy-box .p-cart-row{
        justify-content:center;
        width:100%;
    }

    .price-area{
        width:100%;
        align-items:center;
    }

    .adv-buy-box .price-huge{
        font-size:24px;
    }

    .adv-sold-expired-box{
        flex-direction:column;
        text-align:center;
        padding:16px;
    }

    .adv-sold-expired-box .ase-text{
        min-width:100%;
    }

    .adv-sold-expired-box .ase-btn{
        width:100%;
        justify-content:center;
    }

    .m-store-card .m-store-body{
        padding:0 16px 20px 16px;
    }

    .qa-form{
        flex-direction:column;
    }

    .qa-form .form-control{
        min-width:100%;
        padding:0 20px;
        height:48px;
    }

    .premium-grid-5{
        grid-template-columns:repeat(3, 1fr);
    }

    .mobile-fixed-buy{
        display:flex;
    }

    .buy-bento .action-flex-row{
        flex-direction:column;
    }

    .c-title{
        font-size:20px;
    }

    .price-huge{
        font-size:32px;
    }

    .shc-right{
        width:100%;
        margin-top:10px;
    }

    .shc-right .btn-shc{
        flex:1;
        justify-content:center;
    }

    .modern-nav-pills .nav-link{
        padding:12px 16px;
        font-size:13px;
    }

    .gc-hero-card{
        padding:30px 20px;
    }

    .gc-hero-content{
        flex-direction:column;
        text-align:center;
    }

    .gc-hero-left{
        flex-direction:column;
    }

    .gc-btn-claim{
        width:100%;
    }

    .support-list-page .bento-card{
        padding:24px;
    }

    .support-list-page .ticket-item{
        flex-direction:column;
        align-items:flex-start;
        gap:12px;
        min-width:0;
        overflow:hidden;
    }

    .support-list-page .ticket-item .ticket-left{
        width:100%;
        min-width:0;
    }

    .support-list-page .ticket-item .t-info{
        min-width:0;
        overflow:hidden;
    }

    .support-list-page .ticket-item .t-title{
        max-width:100%;
        white-space:normal;
        overflow-wrap:break-word;
        word-break:break-word;
    }

    .support-list-page .ticket-item .t-meta{
        flex-wrap:wrap;
        overflow:hidden;
    }

    .support-list-page .ticket-item .t-meta span{
        min-width:0;
        overflow:hidden;
        text-overflow:ellipsis;
    }

    .support-list-page .ticket-item .t-status{
        width:100%;
        justify-content:center;
    }

    .support-list-page .support-sticky-col{
        position:static;
        top:auto;
    }

    .support-detail-page .bento-chat-header{
        flex-direction:column;
        align-items:flex-start;
    }

    .support-detail-page .bento-chat-header-right{
        width:100%;
        justify-content:space-between;
    }

    .support-detail-page .msg-row{
        max-width:95%;
    }

    .user-game-accounts-page .bento-account-info-group{
        flex-wrap:wrap;
    }

    .user-game-accounts-page .bento-account-item{
        flex-direction:row;
        align-items:center;
    }

    .user-game-accounts-page .bento-account-item form{
        flex-shrink:0;
    }

    .user-game-accounts-page .ba-data-block.is-primary .bento-btn-delete{
        width:30px;
        height:30px;
        min-width:30px;
        min-height:30px;
        font-size:15px;
        padding:0;
    }

    .blocked-balances-page .bb-stats-grid{
        grid-template-columns:1fr;
    }

    .invoice-settings-page .bento-radio-cards{
        grid-template-columns:1fr;
    }

    .store-apply-page .apply-benefits-grid{
        grid-template-columns:repeat(2, 1fr);
    }

    .store-apply-page .apply-req-grid{
        grid-template-columns:repeat(2, 1fr);
    }

    .saas-filters{
        display:none;
    }

    .saas-filters-mobile{
        display:block;
    }

    .saas-list-item{
        flex-wrap:wrap;
    }

    .sli-stats{
        border:none;
        padding:0;
        width:100%;
        justify-content:flex-start;
        gap:40px;
        margin-top:10px;
    }

    .sli-actions{
        width:100%;
        justify-content:flex-end;
        border-top:1px solid var(--border-color);
        padding-top:16px;
    }

    .saas-cat-hero{
        padding:28px 20px;
    }

    .sch-title,
    .saas-cat-hero h1{
        font-size:26px;
    }

    .sch-desc{
        font-size:14px;
    }

    .saas-cat-tabs.saas-cat-tabs--grid .sct-btn{
        min-height:70px;
        width:70px;
        font-size:10px;
    }

    .saas-cat-tabs.saas-cat-tabs--grid .sct-btn img,
    .saas-cat-tabs.saas-cat-tabs--grid .sct-btn svg,
    .saas-cat-tabs.saas-cat-tabs--grid .sct-btn i{
        width:32px;
        height:32px;
    }
    .saas-cat-tabs.saas-cat-tabs--grid .sct-btn i{ font-size:32px; }

    .products .saas-list-item{
        flex-direction:column;
        align-items:flex-start;
    }

    .products .sli-right{
        width:100%;
        justify-content:space-between;
    }

    .products .sli-price-col{
        align-items:flex-start;
        text-align:left;
    }

    .products .sli-actions{
        width:100%;
        justify-content:flex-end;
    }

    .products .btn-sli-buy{
        flex:1;
        justify-content:center;
        max-width:none;
    }

    .compact-info-card{
        flex-direction:column;
        text-align:center;
        align-items:center;
        padding:20px;
        gap:16px;
    }

    .cic-rating-box{
        align-items:center;
        text-align:center;
    }

    .kyc-split-card{
        flex-direction:column;
    }

    .kyc-sc-left{
        max-width:100%;
        padding:30px 20px;
    }

    .kyc-sc-right{
        padding:40px 20px;
    }

    .wallet-hero{
        flex-direction:row;
        flex-wrap:nowrap;
        align-items:center;
        justify-content:space-between;
        gap:16px;
    }

    .fintech-wrapper .wallet-hero{ padding:30px 24px; }
    .fintech-wrapper .wh-amount{ font-size:42px; }

    .fintech-wrapper .wh-total-box{
        align-items:flex-end;
        text-align:right;
    }

    .bento-sidebar-layout{
        padding:20px;
        position:relative;
        top:0;
        border-radius:var(--radius-ui);
    }

    .bento-sidebar-layout .bs-body{
        display:none;
        padding-top:10px;
    }
    .bento-sidebar-layout.bs-sidebar-open .bs-body{
        display:flex !important;
    }

    .bento-sidebar-layout .bs-header{
        margin-bottom:0;
        padding-bottom:0;
        border-bottom:none;
    }

    .bs-actions{
        grid-template-columns:1fr;
        margin-top:16px;
    }

    .boc-header{
        flex-direction:column;
        align-items:flex-start;
    }

    .boc-right{
        width:100%;
        justify-content:space-between;
        margin-top:10px;
    }

    .boc-main-info{
        width:100%;
    }

    .vip-offer-wrapper{
        flex-direction:column;
        padding:30px 24px;
        text-align:center;
    }

    .vip-badge-wrap{
        justify-content:center;
    }

    .vip-title{
        font-size:26px;
    }

    .vip-features-grid{
        grid-template-columns:1fr;
    }

    .vip-feature-pill{
        text-align:left;
    }

    .vip-offer-right{
        width:100%;
    }

    .dash-welcome-card{
        flex-direction:column;
        align-items:center;
        text-align:center;
        padding:24px 20px;
    }

    .dash-welcome-card .dw-profile{
        flex-direction:column;
        align-items:center;
        gap:12px;
    }

    .dash-welcome-card .dw-info{
        text-align:center;
    }

    .dash-welcome-card .dw-info h1{
        font-size:18px;
    }

    .dash-welcome-card .dw-info p{
        font-size:13px;
    }

    .dash-welcome-card .dw-badge{
        margin-top:4px;
    }

    .dw-avatar{
        min-width:48px;
        max-width:70px;
        min-height:48px;
        max-height:70px;
        flex-shrink:0;
    }

    .dw-avatar img.av{
        min-width:100%;
        min-height:100%;
        max-width:100%;
        max-height:100%;
    }

    .dash-bento-layout{
        grid-template-columns:1fr;
    }

    .deposit-wrapper .bento-box-head{
        flex-wrap:wrap;
        gap:12px;
        margin-bottom:16px;
        padding-bottom:14px;
    }
    .deposit-wrapper .bento-box-title i{
        width:38px;
        height:38px;
        font-size:18px;
    }
    .deposit-wrapper .bento-box-title h2{
        font-size:16px;
    }

    .deposit-wrapper .tx-card{
        border-radius:var(--radius-ui);
    }
    .deposit-wrapper .tx-main{
        flex-direction:column;
        align-items:flex-start;
        padding:14px 16px;
        gap:12px;
    }
    .deposit-wrapper .tx-left{
        min-width:0;
        gap:12px;
    }
    .deposit-wrapper .tx-icon{
        width:40px;
        height:40px;
        font-size:18px;
    }
    .deposit-wrapper .tx-title{
        font-size:14px;
        flex-wrap:wrap;
    }
    .deposit-wrapper .tx-amount{
        font-size:16px;
    }
    .deposit-wrapper .tx-status .badge{
        min-width:80px;
        height:32px;
        font-size:11px;
    }
    .deposit-wrapper .btn-receipt{
        min-width:80px;
        height:32px;
        font-size:11px;
    }
    .deposit-wrapper .tx-note{
        padding:10px 16px;
        font-size:12px;
    }

    .deposit-wrapper .tx-right{
        width:100%;
        justify-content:space-between;
    }

    .deposit-wrapper .wb-hero{
        flex-direction:column;
        text-align:center;
        gap:30px;
    }

    .deposit-wrapper .wbh-graphic{
        display:none;
    }

    .deposit-wrapper .wbh-text{
        max-width:100%;
    }

    .add-steps{
        flex-direction:column;
    }

    .cat-panel{
        margin-bottom:16px;
        height:350px;
    }

    .current-cat-header{
        flex-direction:column;
        align-items:flex-start;
        gap:12px;
    }

    .step-actions{
        flex-direction:column;
        gap:16px;
        margin-top:20px;
        padding-top:16px;
    }

    button.step{
        width:100%;
    }

    a.step.nextstep.ilanaGit{
        width:100%;
        height:48px;
        min-height:48px;
        padding:0 24px;
        font-size:14px;
    }

    .donate-page .streamer-live-hero{
        padding:40px 20px;
        margin-bottom:24px;
        border-radius:0 0 var(--radius-ui) var(--radius-ui);
    }

    .donate-page .hero-content-wrapper{
        flex-direction:column;
        text-align:center;
        justify-content:center;
        gap:20px;
    }

    .donate-page .streamer-profile{
        flex-direction:column;
        gap:16px;
    }

    .donate-page .sp-avatar-wrap{
        width:100px;
        height:100px;
    }

    .donate-page .streamer-name{
        font-size:24px;
    }

    .donate-page .streamer-channel{
        justify-content:center;
    }

    .donate-page .platform-btn{
        width:40px;
        height:40px;
        font-size:18px;
    }

    .donate-page .k-box{
        padding:24px;
        margin-bottom:24px;
    }

    .donate-page .k-box-title{
        font-size:16px;
        margin-bottom:20px;
    }

    .donate-page .quick-amounts{
        grid-template-columns:repeat(3, 1fr);
        gap:8px;
    }

    .donate-page .donate-btn{
        height:40px;
        font-size:13px;
    }

    .donate-page .live-wrapper{
        border-radius:var(--radius-ui) var(--radius-ui) 0 0;
    }

    .donate-page .live-platform-bar{
        min-height:48px;
        padding:0 16px;
    }

    .donate-page .btn-live-toggle{
        padding:6px 14px;
        font-size:12px;
    }

    .donate-page .form-control{
        height:48px;
        font-size:14px;
    }

    .donate-page .amount-group{
        align-items:stretch;
        flex-wrap:nowrap;
    }
    .donate-page .amount-group .form-control{
        height:48px;
        line-height:48px;
        min-width:0;
    }
    .donate-page .amount-group .input-group-text{
        height:48px;
        flex-shrink:0;
    }
    .donate-page .amount-group .form-control:first-child{
        font-size:16px;
    }
    .donate-page .amount-group .form-control:nth-child(2){
        flex:0 0 60px;
        text-align:center;
    }

    .donate-page .btn-submit-donate{
        width:100%;
        height:48px;
        font-size:14px;
    }

    .donate-page .donate-legal-notice{
        flex-direction:column;
        padding:14px 16px;
        gap:10px;
    }

    .donate-page .donate-legal-notice i{
        font-size:20px;
    }

    .donate-page .donate-legal-notice .title,
    .donate-page .donate-legal-notice .desc{
        font-size:12px;
    }

    .profile-page-wrapper{
        overflow-x:hidden;
    }
    .profile-page-wrapper .container-xxl{
        padding-left:16px;
        padding-right:16px;
    }
    .profile-page-wrapper .profile-hero{
        height:200px;
        margin-left:-16px;
        margin-right:-16px;
        width:calc(100% + 32px);
        border-radius:0;
    }
    .profile-page-wrapper .profile-main-card{
        margin-top:-60px;
        padding:14px 12px 18px;
        margin-left:0;
        margin-right:0;
        gap:18px;
    }
    .profile-page-wrapper .pmc-top-row{
        flex-direction:column;
        align-items:center;
        text-align:center;
        gap:12px;
    }
    .profile-page-wrapper .pmc-avatar-wrap{
        width:100px;
        height:100px;
    }
    .profile-page-wrapper .pmc-user-info{
        margin-top:-50px;
        flex-direction:column;
        justify-content:center;
        gap:12px;
    }
    .profile-page-wrapper .pmc-details{
        padding-top:12px;
        align-items:center;
        gap:6px;
    }
    .profile-page-wrapper .pmc-rating-wrap{
        justify-content:center;
    }
    .profile-page-wrapper .pmc-name-wrap{
        justify-content:center;
    }
    .profile-page-wrapper .pmc-name-wrap h1{
        font-size:18px;
    }
    .profile-page-wrapper .pmc-badges img{
        height:22px;
    }
    .rating-pro{
        padding:2px 6px 2px 2px;
        font-size:11px;
        gap:4px;
    }
    .rating-pro__left{
        width:20px;
        height:20px;
    }
    .rating-pro .rating-pro__left i.ri-star-fill{
        font-size:10px;
    }
    .rating-pro__score span{
        font-size:8px;
        padding:1px 4px;
    }
    .profile-page-wrapper .pmc-actions{
        justify-content:center;
        width:100%;
        max-width:100%;
        flex:1 1 100%;
        align-self:stretch;
        gap:8px;
    }
    .profile-page-wrapper .pmc-actions__bar{
        justify-content:center;
        align-items:stretch;
        gap:4px;
        width:100%;
        flex-wrap:nowrap;
        overflow-x:auto;
        overflow-y:hidden;
        -webkit-overflow-scrolling:touch;
        scrollbar-width:none;
        padding-bottom:2px;
    }
    .profile-page-wrapper .pmc-actions__bar::-webkit-scrollbar{
        display:none;
    }
    .profile-page-wrapper .pmc-actions .pmc-btn,
    .profile-page-wrapper .pmc-actions__bar > .pmc-btn,
    .profile-page-wrapper .pmc-actions__bar > a.pmc-btn,
    .profile-page-wrapper .pmc-actions__bar > .followform{
        flex:1 1 0;
        min-width:0;
        max-width:none;
        justify-content:center;
    }
    .profile-page-wrapper .pmc-actions .pmc-btn,
    .profile-page-wrapper .pmc-actions__bar .pmc-btn{
        height:38px;
        padding:0 6px;
        font-size:11px;
        gap:4px;
    }
    .profile-page-wrapper .pmc-actions .pmc-btn i,
    .profile-page-wrapper .pmc-actions__bar .pmc-btn i{
        font-size:15px;
        flex-shrink:0;
    }
    .profile-page-wrapper .pmc-actions__bar .followform{
        flex:1 1 0;
        min-width:0;
    }
    .profile-page-wrapper .pmc-actions__bar .followform .pmc-btn{
        flex:1 1 auto;
        width:100%;
        min-width:0;
    }
    .profile-page-wrapper .pmc-actions__bar .pmc-btn__text{
        white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis;
    }
    .profile-page-wrapper .user-tabs{
        padding-top:14px;
    }
    .profile-page-wrapper .user-tabs .nav li a{
        padding:8px 14px;
        font-size:12px;
    }
    .profile-page-wrapper .user-tabs .nav li a span{
        font-size:11px;
        padding:2px 6px;
    }

    .userProfileAreaTab .reviewsSlider{
        padding:4px 0;
    }

    .userProfileAreaTab .reviewsSlider .prevIcon,
    .userProfileAreaTab .reviewsSlider .nextIcon{
        display:none;
    }

    .saas-product-card{
        padding:16px;
    }

    .spc-header{
        flex-direction:column;
        align-items:center;
        text-align:center;
    }

    .spc-header-left{
        flex-direction:column;
        align-items:center;
    }

    .spc-title-area{
        text-align:center;
    }

    .spc-meta-row{
        justify-content:center;
    }

    .saas-buy-box{
        padding:12px 14px;
    }

    .sbb-price-area{
        width:100%;
        justify-content:center;
    }

    .product-sticky-cta .sticky-cta-thumb{
        width:44px;
        height:44px;
    }

    .product-sticky-cta .sticky-cta-title{
        font-size:13px;
    }

    .product-sticky-cta .sticky-cta-price .sbb-price{
        font-size:18px;
    }

    .product-sticky-cta .sticky-cta-price .sbb-price i{
        font-size:16px;
    }

    .product-sticky-cta .sticky-cta-actions{
        gap:8px;
    }

    .product-sticky-cta .p-qty{
        min-width:90px;
        height:40px;
    }

    .product-sticky-cta .p-add-cart,
    .product-sticky-cta .btn-buy-product,
    .product-sticky-cta .btn-stokyok{
        height:40px;
        padding:0 18px;
        font-size:13px;
    }

    .product-sticky-cta .p-add-cart{
        width:40px;
        font-size:18px;
    }
}
.advert-feature-row .feature-badges{ display:flex; gap:8px; }
.advert-feature-row .feature-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    width:100%;
    max-width:25%;
    padding:8px 12px;
    border-radius:4px;
    background:var(--input-bg, #f7f7f9);
    border:1px solid var(--border-color, #eee);
    color:var(--dark-text, #1b1b1b);
    font-weight:500;
    line-height:1;
    cursor:pointer;
    transition:background-color .15s ease, border-color .15s ease, transform .05s ease;
}
.advert-feature-row .feature-badge:hover{
    background:var(--bg-header, #fff);
    border-color:color-mix(in srgb, var(--border-color, #eee) 90%, #ccc);
}
.advert-feature-row .feature-badge:active{ transform:translateY(1px); }
.advert-feature-row .feature-badge .icon{
    width:24px;
    height:24px;
    border-radius:4px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:var(--icon-bg, #eef2ff);
    color:var(--icon-color, var(--primary-blue));
    font-size:16px;
}
.advert-feature-row .feature-badge.green .icon{ --icon-bg:#e8f5e9; --icon-color:#4caf50; }
.advert-feature-row .feature-badge.black .icon{ --icon-bg:#eeeeee; --icon-color:#222222; }
.advert-feature-row .feature-badge.blue .icon{ --icon-bg:#e3f2fd; --icon-color:#2196f3; }
.advert-feature-row .feature-badge.pink .icon{ --icon-bg:#fce4ec; --icon-color:#F3217FFF; }
.advert-feature-row .feature-badge.orange .icon{ --icon-bg:#fff3e0; --icon-color:#ff9800; }
body.dark .advert-feature-row .feature-badge,
body.dark-mode .advert-feature-row .feature-badge,
html.dark-mode .advert-feature-row .feature-badge{
    background:var(--bg-light);
    border-color:var(--border-color);
    color:var(--dark-text);
}
body.dark .advert-feature-row .feature-badge:hover,
body.dark-mode .advert-feature-row .feature-badge:hover,
html.dark-mode .advert-feature-row .feature-badge:hover{
    background:color-mix(in srgb, var(--bg-light) 95%, var(--border-color));
    border-color:var(--border-color);
}
body.dark .advert-feature-row .feature-badge .icon,
body.dark-mode .advert-feature-row .feature-badge .icon,
html.dark-mode .advert-feature-row .feature-badge .icon{
    background:var(--icon-bg, color-mix(in srgb, var(--primary-blue) 12%, transparent));
    color:var(--icon-color, var(--primary-blue));
}
body.dark .advert-feature-row .feature-badge.green .icon,
body.dark-mode .advert-feature-row .feature-badge.green .icon,
html.dark-mode .advert-feature-row .feature-badge.green .icon{
    --icon-bg:color-mix(in srgb, var(--success-green) 18%, transparent);
    --icon-color:var(--success-green);
}
body.dark .advert-feature-row .feature-badge.black .icon,
body.dark-mode .advert-feature-row .feature-badge.black .icon,
html.dark-mode .advert-feature-row .feature-badge.black .icon{
    --icon-bg:color-mix(in srgb, #fff 12%, transparent);
    --icon-color:#eee;
}
body.dark .advert-feature-row .feature-badge.blue .icon,
body.dark-mode .advert-feature-row .feature-badge.blue .icon,
html.dark-mode .advert-feature-row .feature-badge.blue .icon{
    --icon-bg:color-mix(in srgb, var(--primary-blue) 18%, transparent);
    --icon-color:var(--primary-blue);
}
body.dark .advert-feature-row .feature-badge.orange .icon,
body.dark-mode .advert-feature-row .feature-badge.orange .icon,
html.dark-mode .advert-feature-row .feature-badge.orange .icon{
    --icon-bg:color-mix(in srgb, var(--warning-orange) 18%, transparent);
    --icon-color:var(--warning-orange);
}
body.dark .advert-feature-row .feature-badge.pink,
body.dark-mode .advert-feature-row .feature-badge.pink,
html.dark-mode .advert-feature-row .feature-badge.pink{
    background:rgba(236,72,153,0.25) !important;
    border-color:rgba(236,72,153,0.5) !important;
    color:#f9a8d4 !important;
}
body.dark .advert-feature-row .feature-badge.pink .icon,
body.dark-mode .advert-feature-row .feature-badge.pink .icon,
html.dark-mode .advert-feature-row .feature-badge.pink .icon{
    --icon-bg:rgba(236,72,153,0.3);
    --icon-color:#f9a8d4;
}

.hurry-up2{
    position:relative;
    display:flex;
    align-items:center;
    gap:8px;
    padding:10px 12px;
    border-radius:4px;
    background:var(--input-bg, #f7f7f9);
    border:1px solid var(--border-color, #eee);
    color:var(--dark-text, #1b1b1b);
    font-weight:600;
    line-height:1.2;
    overflow:hidden;
}
.hurry-up2 .dot{
    width:10px;
    height:10px;
    border-radius:9999px;
    background:var(--warning-orange, #ff9800);
    box-shadow:0 0 0 0 rgba(255, 152, 0, 0.55);
    animation:hurry-pulse 1.8s infinite ease-out;
    flex-shrink:0;
}
.hurry-up2::before{
    content:"";
    position:absolute;
    top:0;
    left:-40%;
    width:40%;
    height:100%;
    background:linear-gradient(90deg, transparent, rgba(255, 255, 255, .35), transparent);
    animation:hurry-shine 3s infinite;
}
@keyframes hurry-pulse{
    0%{ box-shadow:0 0 0 0 rgba(255, 152, 0, 0.55); }
    70%{ box-shadow:0 0 0 10px rgba(255, 152, 0, 0); }
    100%{ box-shadow:0 0 0 0 rgba(255, 152, 0, 0); }
}
@keyframes hurry-shine{
    0%{ transform:translateX(0); opacity:.55; }
    60%{ transform:translateX(260%); opacity:.0; }
    100%{ transform:translateX(260%); opacity:.0; }
}
body.dark .hurry-up2,
body.dark-mode .hurry-up2,
html.dark-mode .hurry-up2{
    background:var(--bg-light) !important;
    border-color:var(--border-color) !important;
    color:var(--dark-text) !important;
}
body.dark .hurry-up2::before,
body.dark-mode .hurry-up2::before,
html.dark-mode .hurry-up2::before{
    background:linear-gradient(90deg, transparent, rgba(255, 255, 255, .08), transparent) !important;
}
.hurry-up2 .right-group{ margin-left:auto; display:inline-flex; align-items:center; gap:8px; }
.hurry-up2 .viewer-avatars{ display:inline-flex; align-items:center; }
.hurry-up2 .viewer-avatars .avatar{
    width:18px;
    height:18px;
    border-radius:9999px;
    border:2px solid var(--bg-header, #fff);
    background:var(--input-bg, #eaeef7);
    box-shadow:0 1px 0 rgba(0,0,0,.04);
    margin-left:-6px;
    overflow:hidden;
}
.hurry-up2 .viewer-avatars .avatar img{ width:100%; height:100%; object-fit:cover; }
.hurry-up2 .trust-badge{
    display:inline-flex;
    align-items:center;
    gap:6px;
    padding:4px 8px;
    border-radius:9999px;
    background:color-mix(in srgb, var(--success-green) 12%, transparent);
    color:var(--success-green);
    border:1px solid color-mix(in srgb, var(--success-green) 22%, transparent);
    font-weight:600;
    font-size:12px;
    line-height:1;
}
.hurry-up2 .trust-badge i{ font-size:14px; }
body.dark .hurry-up2 .viewer-avatars .avatar,
body.dark-mode .hurry-up2 .viewer-avatars .avatar,
html.dark-mode .hurry-up2 .viewer-avatars .avatar{
    border-color:var(--bg-light) !important;
    background:var(--input-bg) !important;
}
body.dark .hurry-up2 .trust-badge,
body.dark-mode .hurry-up2 .trust-badge,
html.dark-mode .hurry-up2 .trust-badge{
    background:color-mix(in srgb, var(--success-green) 15%, transparent) !important;
    color:var(--success-green) !important;
    border-color:color-mix(in srgb, var(--success-green) 28%, transparent) !important;
}

.seller-badges{ display:inline-flex; align-items:center; gap:6px; margin-top:6px; flex-wrap:wrap; row-gap:6px; }
.seller-badges .badge-chip{
    display:inline-flex;
    align-items:center;
    gap:6px;
    padding:4px 8px;
    border-radius:4px;
    border:1px solid var(--border-color, #eee);
    background:var(--input-bg, #f7f7f9);
    color:var(--dark-text, #1b1b1b);
    font-size:12px;
    font-weight:600;
}
.seller-badges .badge-chip .dot{ width:8px; height:8px; border-radius:9999px; background:#9e9e9e; }
.seller-badges .online .dot{ background:var(--success-green) !important; }
.seller-badges .offline .dot{ background:#9e9e9e; }
body.dark .seller-badges .badge-chip,
body.dark-mode .seller-badges .badge-chip,
html.dark-mode .seller-badges .badge-chip{
    border-color:var(--border-color);
    background:var(--bg-light);
    color:var(--dark-text);
}
@media (min-width: 577px){
    .seller-badges .badge-chip .text-full{ display:inline; }
    .seller-badges .badge-chip .text-short{ display:none; }
}
.seller-badges .badge-chip i{ opacity:.9; }
body.dark .seller-badges .badge-chip i,
body.dark-mode .seller-badges .badge-chip i,
html.dark-mode .seller-badges .badge-chip i{ opacity:1; }

.advert-header{ display:flex; align-items:flex-start; gap:10px; }
.advert-header .title-col{ display:flex; flex-direction:column; flex:1 1 auto; min-width:0; }
@media (max-width: 767px){

    .cart-offcanvas .cart-product .p-title{
        padding-right:38px;
    }

    .about-hero{ padding:32px 20px; }
    .ah-title{ font-size:32px; }
    .ng-hero{
        padding:24px 16px;
    }
    .ng-hero-title,
    .ng-hero-content .hero-title{
        font-size:22px;
    }
    .ng-hero-desc{
        font-size:12px;
        -webkit-line-clamp:2;
    }
    .ng-btn-create{
        height:48px;
        padding:0 20px;
        font-size:14px;
    }
    .market-page-wrapper .filter-cover-box{
        gap:8px;
        margin-bottom:14px;
    }
    .market-page-wrapper .filter-cover-box .filter-btn{
        padding:8px 12px;
        font-size:12px;
        flex:1;
        min-width:0;
    }
    .market-page-wrapper .filter-cover-box .filter-btn i{
        font-size:14px;
    }
    .m-store-hero{
        flex-direction:column;
        align-items:stretch;
        padding:16px 14px;
        gap:14px;
        margin-top:12px;
        margin-bottom:20px;
    }
    .m-store-hero-left{
        width:100%;
        min-width:0;
        gap:12px;
    }
    .m-store-hero-icon{ width:40px; height:40px; font-size:20px; flex-shrink:0; }
    .m-store-hero-text{ min-width:0; }
    .m-store-hero-text h1{ font-size:17px; line-height:1.3; }
    .m-store-hero-text p{ font-size:12px; margin-top:2px; line-height:1.4; }
    .m-store-hero-actions{
        width:100%;
        flex-wrap:wrap;
        gap:8px;
    }
    .m-store-hero-actions .m-store-btn-action{
        flex:1 1 calc(50% - 4px);
        min-width:0;
        justify-content:center;
        padding:12px 12px;
        font-size:12px;
    }
    .m-store-hero-actions .m-store-btn-action i{ font-size:16px; }
    .m-store-btn-action{ padding:10px 14px; font-size:13px; }
    .streamer-content{ overflow-x:hidden; }
    .streamer-hero{ padding:20px 16px; }
    .streamer-hero-top{ flex-direction:column; align-items:stretch; gap:16px; margin-bottom:20px; }
    .streamer-hero-title{ flex-direction:row; }
    .streamer-hero-title .icon-box{ width:44px; min-width:44px; height:44px; font-size:22px; flex-shrink:0; }
    .streamer-hero-title h1,
    .streamer-hero-title span.default-name{ font-size:20px; }
    .gwd-section h1.user-sub-title{ font-size:18px; font-weight:800; }
    .streamer-hero-title p{ font-size:13px; }
    .streamer-hero-top .basvuru-modal-wrap{ display:flex; justify-content:stretch; }
    .streamer-hero-btn{ justify-content:center; width:100%; padding:12px 16px; font-size:14px; }
    .streamer-filters{ flex-direction:column; align-items:stretch; gap:12px; padding-top:16px; min-width:0; overflow-x:hidden; }
    .giveaway-index-page .streamer-filters .streamer-filter-group.w-100,
    .giveaway-completed-page .streamer-filters .streamer-filter-group.w-100{
        flex-direction:column;
        gap:10px;
    }
    .giveaway-index-page .gw-search-box,
    .giveaway-completed-page .gw-search-box{
        min-width:0 !important;
        width:100%;
    }
    .giveaway-index-page .gw-filters,
    .giveaway-completed-page .gw-filters{
        margin-left:0 !important;
        width:100%;
    }
    .giveaway-index-page .gw-select,
    .giveaway-completed-page .gw-select{
        width:100%;
        height:44px;
    }
    .giveaway-index-page .gw-search-box input,
    .giveaway-completed-page .gw-search-box input{
        height:44px;
        font-size:14px;
    }
    .giveaway-index-page .bento-gw-card,
    .giveaway-completed-page .bento-gw-card{
        border-radius:var(--radius-ui);
    }
    .giveaway-index-page .bgc-cover,
    .giveaway-completed-page .bgc-cover{
        height:75px;
    }
    .giveaway-index-page .bgc-avatar-box .c-avatar,
    .giveaway-completed-page .bgc-avatar-box .c-avatar{
        width:72px !important;
        height:72px !important;
        border-radius:var(--radius-ui);
    }
    .giveaway-index-page .bgc-avatar-box,
    .giveaway-completed-page .bgc-avatar-box{
        margin-top:-38px;
    }
    .giveaway-index-page .bgc-user-details,
    .giveaway-completed-page .bgc-user-details{
        padding:10px 16px 16px;
    }
    .giveaway-index-page .bgc-username,
    .giveaway-completed-page .bgc-username{
        font-size:15px;
    }
    .giveaway-index-page .bgc-title,
    .giveaway-completed-page .bgc-title{
        font-size:12px;
    }
    .giveaway-index-page .bgc-bento-grid,
    .giveaway-completed-page .bgc-bento-grid{
        padding:0 16px 16px;
        gap:8px;
    }
    .giveaway-index-page .bgc-stat-box,
    .giveaway-completed-page .bgc-stat-box{
        padding:10px;
    }
    .giveaway-index-page .bgc-stat-box.timer-box,
    .giveaway-completed-page .bgc-stat-box.timer-box,
    .giveaway-completed-page .bgc-stat-box.timer-box.ended{
        font-size:12px;
    }
    .giveaway-index-page .bgc-stat-value,
    .giveaway-completed-page .bgc-stat-value{
        font-size:14px;
    }
    .giveaway-index-page .bgc-prizes,
    .giveaway-completed-page .bgc-prizes{
        padding:0 16px 16px;
        gap:8px;
    }
    .giveaway-index-page .bgc-prize-item,
    .giveaway-completed-page .bgc-prize-item{
        border-radius:var(--radius-ui);
    }
    .giveaway-index-page .bgc-prize-count,
    .giveaway-completed-page .bgc-prize-count{
        font-size:10px;
        padding:2px 5px;
    }
    .giveaway-index-page .bgc-actions,
    .giveaway-completed-page .bgc-actions{
        padding:0 16px 16px;
        gap:8px;
    }
    .giveaway-index-page .bgc-btn,
    .giveaway-completed-page .bgc-btn{
        height:44px;
        font-size:13px;
    }
    .giveaway-index-page .gw-all-btn,
    .giveaway-completed-page .gw-all-btn{
        width:100%;
        justify-content:center;
        height:48px;
        font-size:14px;
    }
    .streamer-filter-group{ overflow-x:scroll; overflow-y:hidden; flex-wrap:nowrap; padding-bottom:4px; scrollbar-width:none; -webkit-overflow-scrolling:touch; min-width:0; max-width:100%; width:100%; touch-action:pan-x; overscroll-behavior-x:contain; }
    .streamer-filter-group::-webkit-scrollbar{ display:none; }
    .giveaway-index-page .streamer-filters .streamer-filter-group:not(.w-100),
    .giveaway-completed-page .streamer-filters .streamer-filter-group:not(.w-100){
        flex-wrap:wrap;
        overflow-x:visible;
        gap:8px;
    }
    .giveaway-index-page .streamer-filters .s-filter-btn,
    .giveaway-completed-page .streamer-filters .s-filter-btn{
        padding:6px 12px;
        font-size:12px;
    }
    .giveaway-index-page .streamer-filters .s-filter-btn i,
    .giveaway-completed-page .streamer-filters .s-filter-btn i{
        font-size:14px;
    }
    .s-filter-btn{ flex:0 0 auto; padding:8px 14px; font-size:13px; }
    .s-filter-btn i{ font-size:16px; }
    .streamer-text .card{ padding:16px; }
    .streamer-text .card .content{ font-size:14px; }
    .streamer-card-modern{ padding:16px; }
    .streamer-card-avatar-wrap{ width:100px; height:100px; }
    .streamer-card-name{ font-size:14px; }
    .streamer-platform-icon{ width:30px; height:30px; font-size:14px; }
    .streamer-list .page-item span,
    .streamer-list .page-item a{ width:36px; height:36px; font-size:14px; }
    .hc-mesh-hero{ padding:24px 16px 28px; margin-bottom:24px; }
    .hc-mesh-hero h1{ font-size:22px; font-weight:700; margin-bottom:10px; line-height:1.2; }
    .hc-hero-desc{ font-size:14px; margin-bottom:24px; }
    .hc-search-wrapper{ padding:0 4px; }
    .hc-search-box{ border-radius:var(--radius-ui); }
    .hc-search-box i.search-ico{ left:16px; font-size:20px; }
    .hc-search-box input{ height:48px; padding:0 45px 0 46px; font-size:14px; }
    .hc-search-box .clear-btn{ right:12px; width:36px; height:36px; font-size:16px; }
    .hc-split-container{ gap:16px; }
    .hc-sidebar-block{ padding:16px; }
    .hc-sidebar-title{ font-size:10px; margin-bottom:12px; }
    .hc-cat-item{ padding:8px 14px !important; font-size:13px; }
    .hc-support-card{ padding:20px 16px; }
    .hc-sc-icon{ width:40px; height:40px; font-size:20px; }
    .hc-sc-title{ font-size:14px; font-weight:700; }
    .hc-support-card p{ font-size:12px; }
    .hc-sc-btn{ padding:10px; font-size:13px; }
    .row-btn{ padding:14px 16px; gap:12px; }
    .row-title{ font-size:14px; line-height:1.3; min-width:0; flex:1; word-wrap:break-word; }
    .acc-action{ width:28px; height:28px; font-size:16px; }
    .open-panel{ padding:16px; }
    .panel-content{ font-size:13px; line-height:1.7; }
    .panel-content h1, .panel-content h2, .panel-content h3{ font-size:16px; margin-top:1.2em; margin-bottom:0.6em; }
    .help-page-wrapper{ padding-bottom:40px; }
    .c-cta-title{ font-size:24px; }
    .partner-box{ padding:16px 20px; height:70px; }
    .partner-box img{ max-width:100px; }

    .clean-deals-hero{
        flex-direction:column;
        align-items:stretch;
        text-align:center;
        padding:20px;
    }
    .clean-deals-hero .sub-hero-title{
        font-size:16px;
    }
    .cdh-left{
        flex-direction:column;
        justify-content:center;
    }
    .cdh-timer{
        display:flex;
        width:100%;
        justify-content:center;
        flex-wrap:wrap;
        text-align:center;
        font-size:11px;
        padding:10px 14px;
        white-space:normal;
    }
    .cdh-timer i{
        flex-shrink:0;
        font-size:12px;
    }
    .cdh-timer-copy{
        flex:1 1 auto;
        text-align:center;
    }
    .daily-deals .subtitle{
        font-size:12px;
    }
    .daily-deals .row.g-3{
        --bs-gutter-x:0.5rem;
        --bs-gutter-y:0.5rem;
        margin-bottom:1rem;
    }
    .daily-deals .premium-card .p-content{
        padding:8px 10px 10px;
        gap:6px;
    }
    .daily-deals .premium-card .p-title{
        font-size:11px;
        -webkit-line-clamp:2;
        line-clamp:2;
    }
    .daily-deals .premium-card .p-price{
        font-size:11px;
    }
    .daily-deals .premium-card .p-discount-tag{
        font-size:9px;
        padding:3px 6px;
    }
    .daily-deals .premium-card .p-seller-glass{
        padding:6px 8px;
    }
    .daily-deals .premium-card .p-seller-avatar{
        width:18px;
        height:18px;
    }
    .daily-deals .premium-card .p-seller-name{
        font-size:9px;
    }
    .daily-deals .premium-card .p-cat-icon{
        width:18px;
        height:18px;
    }
    .daily-deals .premium-card .p-cat-icon img{
        max-width:10px;
        max-height:10px;
    }
    .daily-deals .premium-card .p-highlight{
        height:32px;
        font-size:9px;
    }
    .daily-deals .premium-card .p-highlight .txt,
    .daily-deals .premium-card .gunun-firsati .gf-track{
        height:20px;
        line-height:20px;
        padding:0 6px;
        font-size:8px;
    }
    .daily-deals .mystery-card .mystery-overlay .m-lock-icon{
        width:32px;
        height:32px;
        font-size:16px;
    }
    .daily-deals .mystery-card .mystery-overlay .m-title{
        font-size:10px;
    }
    .daily-deals .mystery-card .mystery-overlay .m-sub{
        font-size:9px;
    }

    .main-slider{
        min-height:280px;
        height:auto;
        max-height:none;
        padding-bottom:0;
    }

    /* Üst blok height:auto iken %100 wrapper yüksekliği Swiper/iOS'ta boşluk (#000) bırakıyor */
    .main-slider .swiper-wrapper{
        height:auto;
    }

    .main-slider .swiper-slide{
        height:auto;
        min-height:280px;
    }

    .main-slider .swiper-slide .slide-link img{
        height:auto;
        min-height:280px;
        object-fit:cover;
    }

    .main-slider .txt-content{
        left:15px;
        width:80%;
        padding-bottom:40px;
        justify-content:center;
    }

    .main-slider .top-title{
        font-size:13px;
        margin-bottom:3px;
    }

    .main-slider .main-title{
        font-size:18px;
        margin-bottom:0;
    }

    .main-slider .round-btn{
        font-size:10px;
        padding:2px 10px;
        margin:0 0 8px 0;
        border-width:1px;
    }

    .main-slider .swiper-slide::before{
        height:95px;
        transform:translateY(-60%);
        width:5px;
    }

    .slider-thumbs-wrapper{
        height:55px !important;
        overflow-x:auto !important;
        overflow-y:hidden !important;
        -webkit-overflow-scrolling:touch;
        scrollbar-width:none;
        flex-wrap:nowrap !important;
    }

    .slider-thumbs-wrapper::-webkit-scrollbar{
        display:none;
    }

    .slider-thumbs-wrapper .hero-tumb{
        flex:0 0 25% !important;
        width:25% !important;
        min-width:25% !important;
        padding:15px !important;
    }

    .slider-thumbs-wrapper .hero-tumb img,
    .slider-thumbs-wrapper .hero-tumb svg{
        max-height:26px !important;
        max-width:100% !important;
    }

    .quick-products-section .game-list-box{
        padding:12px 0 10px 12px;
    }

    .quick-products-section .game-tabs{
        display:flex;
        flex-wrap:nowrap;
        gap:6px;
        overflow-x:auto;
        overflow-y:visible;
        padding-right:8px;
        padding-top:6px;
        padding-bottom:8px;
        scrollbar-width:none;
        -ms-overflow-style:none;
    }

    .quick-products-section .game-tabs::-webkit-scrollbar{
        display:none;
    }

    .quick-products-section .game-tabs .nav-item{
        flex:0 0 auto;
        margin-bottom:0 !important;
    }

    .quick-products-section .game-list-box h6{
        margin-right:0;
        margin-bottom:10px !important;
        text-align:left;
    }

    .quick-products-section .game-tabs .nav-link{
        width:auto;
        min-width:136px;
        height:44px;
        aspect-ratio:auto;
        padding:7px 9px !important;
        border-radius:var(--radius-ui) !important;
        justify-content:flex-start;
        gap:6px !important;
        margin-bottom:0 !important;
        white-space:nowrap;
    }

    .quick-products-section .game-tabs .nav-link > span:not(.game-tab-icon){
        display:inline-flex !important;
        align-items:center;
        font-size:12px;
        line-height:1;
    }

    .quick-products-section .game-tabs .game-tab-link .game-tab-icon{
        width:24px;
        height:24px;
        min-width:24px;
        border-radius:7px;
        padding:0;
    }

    .quick-products-section .game-tabs .game-tab-link .game-tab-icon img{
        width:15px;
        height:15px;
        transform:none !important;
    }

    .quick-products-section .game-tabs .nav-link img,
    .quick-products-section .game-tabs .nav-link.active img{
        transform:none !important;
    }

    .quick-products-section .tab-content .row{
        display:flex;
        flex-wrap:wrap;
    }

    .quick-products-section .quick-horizontal-card{
        display:grid;
        grid-template-columns:76px minmax(0, 1fr);
        grid-template-areas:"img title" "img footer";
        align-items:center;
        gap:4px 12px;
        padding:10px;
        text-align:left;
    }

    .quick-see-all-card.horizontal{
        height:100%;
        padding:10px 8px;
    }

    .quick-see-all-card.horizontal .see-all-content{
        flex-direction:column;
        gap:8px;
    }

    .quick-see-all-card.horizontal .icon-wrap{
        width:40px;
        height:40px;
        font-size:20px;
        flex-shrink:0;
    }

    .quick-products-section .quick-horizontal-card .p-img-wrapper{
        grid-area:img;
        width:76px;
        height:76px;
        margin-bottom:0;
    }

    .quick-products-section .quick-horizontal-card .p-content{
        grid-area:title;
        width:100%;
        margin-bottom:0;
    }

    .quick-products-section .quick-horizontal-card .p-title{
        font-size:13px;
        text-align:left;
        white-space:normal;
        display:-webkit-box;
        -webkit-line-clamp:1;
        line-clamp:1;
        -webkit-box-orient:vertical;
        line-height:1.25;
        height:auto;
    }

    .quick-products-section .quick-horizontal-card .p-price{
        font-size:16px;
    }

    .quick-products-section .quick-horizontal-card .p-add-cart{
        width:36px;
        height:36px;
        font-size:14px;
        border-radius:var(--radius-ui);
        padding:0;
    }

    .quick-products-section .quick-horizontal-card .p-footer{
        grid-area:footer;
        width:100%;
        flex-direction:row;
        align-items:center;
        justify-content:space-between;
        gap:10px;
        margin-top:0;
    }

    .quick-products-section .quick-horizontal-card .p-cart-row{
        width:auto;
        justify-content:flex-end;
        gap:10px;
    }

    .quick-products-section .quick-horizontal-card .p-qty{
        height:36px;
        min-width:112px;
        border-radius:var(--radius-ui);
        padding:2px;
    }

    .quick-products-section .quick-horizontal-card .p-qty button{
        width:26px;
        height:26px;
        border-radius:7px;
    }

    .quick-products-section .quick-horizontal-card .p-qty input{
        width:22px;
        font-size:16px;
    }

    .quick-products-section .quick-see-all-card.horizontal{
        height:100%;
        padding:10px 8px;
        border-radius:var(--radius-ui);
    }

    .quick-products-section .quick-see-all-card.horizontal .see-all-content{
        width:100%;
        flex-direction:row;
        align-items:center;
        justify-content:flex-start;
        gap:8px;
        text-align:left;
    }

    .quick-products-section .quick-see-all-card.horizontal .see-all-content > span{
        font-size:14px;
        line-height:1.2;
        display:block;
        min-width:0;
        flex:1 1 auto;
        white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis;
        min-height:auto;
    }

    .quick-products-section .quick-see-all-card.horizontal .icon-wrap{
        width:38px;
        height:38px;
        font-size:18px;
        margin-bottom:0;
        flex-shrink:0;
    }

    .premium-card .p-price-wrap,
    .quick-product-card .p-price-wrap{
        flex-wrap:nowrap;
        gap:5px;
        white-space:nowrap;
    }

    .premium-card .p-price,
    .quick-product-card .p-price{
        font-size:13px;
    }

    .premium-card .p-old-price,
    .quick-product-card .p-old-price{
        font-size:11px !important;
        white-space:nowrap;
    }

    .showcase{
        padding:30px 0 0;
    }

    .showcase-header{
        padding:10px;
    }

    .sc-brand{
        width:100%;
    }

    .custom-tabs{
        width:100%;
        display:flex;
        flex-wrap:nowrap;
        gap:4px !important;
        padding:4px;
    }

    .custom-tabs .nav-item{
        flex:1 1 0;
        min-width:0;
    }

    .custom-tabs .nav-link{
        width:100%;
        height:100%;
        justify-content:center;
        padding:8px 0;
        font-size:11px;
        text-align:center;
        white-space:nowrap;
        line-height:1.1;
        display:flex;
        align-items:center;
        flex-direction:row;
        gap:4px;
        border-radius:var(--radius-ui);
    }

    .custom-tabs .nav-link i{
        font-size:14px;
    }

    .modern-footer-badges-row{
        flex-wrap:nowrap !important;
        gap:6px !important;
    }

    .modern-footer-badge{
        height:36px;
        padding:3px;
        border-radius:5px;
    }

    .gift-cards-header h2{
        font-size:18px;
    }

    .gift-cards-header p{
        font-size:13px;
        padding:0 10px;
    }

    body .platform-card{
        padding:12px 10px !important;
        gap:8px !important;
        border-radius:var(--radius-ui) !important;
        width:140px !important;
        height:140px !important;
        min-width:140px !important;
    }

    body .platform-card .pc-icon{
        width:44px !important;
        height:44px !important;
        min-width:44px !important;
        font-size:24px !important;
        border-radius:var(--radius-ui) !important;
    }

    body .platform-card .pc-info{
        gap:2px !important;
    }

    body .platform-card .pc-title{
        font-size:11px !important;
        letter-spacing:0 !important;
    }

    body .platform-card .pc-sub{
        font-size:8px !important;
        letter-spacing:0 !important;
    }

    .social-services-grid{
        display:flex;
        flex-wrap:wrap;
        justify-content:center;
        align-items:center;
        align-content:center;
        gap:0.4rem;
    }

    .social-services-grid .social-grid-item{
        flex:0 0 calc((100% - 0.8rem) / 3);
        min-width:0;
        display:flex;
        align-items:stretch;
    }

    .social-services-grid .social-card{
        aspect-ratio:1 / 1;
        min-height:0;
        min-width:0;
        width:100%;
        padding:10px 6px;
        border-radius:var(--radius-ui);
        align-items:center;
        justify-content:center;
        text-align:center;
    }

    .social-services-grid .social-card .sc-icon{
        width:40px;
        height:40px;
        min-width:40px;
        font-size:22px;
        border-radius:var(--radius-ui);
    }

    .social-services-grid .social-card .sc-info{
        display:flex;
        flex-direction:column;
        align-items:center;
        text-align:center;
        gap:2px;
        flex:none;
    }

    .social-services-grid .social-card .sc-title{
        font-size:11px;
        line-height:1.1;
        letter-spacing:0.2px;
    }

    .social-services-grid .social-card .sc-sub{
        font-size:8px;
        line-height:1;
        letter-spacing:0.3px;
    }

    .best-products-tab{
        flex-wrap:nowrap !important;
        gap:8px !important;
        width:100% !important;
    }

    .best-products-tab .nav-item{
        flex:1 1 0;
        min-width:0;
    }

    .best-products-tab .nav-link{
        width:100% !important;
        min-width:0 !important;
        padding:12px 5px !important;
        min-height:60px !important;
    }

    .best-products-tab .nav-link img{
        max-width:100%;
        height:auto;
        object-fit:contain;
    }

    section.best-products{
        padding:30px 0 !important;
    }

    section.quick-products-section{
        padding-bottom:0 !important;
    }

    section.gift-cards-section,
    section.social-services-section,
    section.cheap-games-section{
        padding-top:30px !important;
        padding-bottom:30px !important;
    }

    section.showcase{
        padding-top:30px !important;
        padding-bottom:30px !important;
        margin-top:0 !important;
        margin-bottom:0 !important;
    }

    section.seo-text-section{
        padding-top:0 !important;
        padding-bottom:0 !important;
    }

    .mb-5{
        margin-bottom:30px !important;
    }

    .mt-5{
        margin-top:30px !important;
    }

    .py-5{
        padding-top:30px !important;
        padding-bottom:30px !important;
    }

    .py-4{
        padding-top:20px !important;
        padding-bottom:20px !important;
    }

    .pb-4{
        padding-bottom:20px !important;
    }

    .pt-4{
        padding-top:20px !important;
    }

    .row.mt-4{
        margin-top:15px !important;
    }

    .showcase-mobile-margin{
        margin-top:0 !important;
        margin-bottom:0 !important;
    }

    .gc-marquee-container{
        padding:0 !important;
    }

    section.best-products .products-tabContent{
        padding-top:15px !important;
    }

    #toast-container{
        top:50% !important;
        left:50% !important;
        transform:translate(-50%, -50%) !important;
    }

    #toast-container > div{
        opacity:1;
        -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        filter:alpha(opacity=100);
    }

    .btn-go-top{
        width:42px;
        height:42px;
        font-size:20px;
        border-radius:var(--radius-ui);
        bottom:90px;
        right:10px;
    }

    .hero-promo-btn{
        backdrop-filter:none !important;
        -webkit-backdrop-filter:none !important;
    }

    .hero-slider-wrapper,
    .category-menu-box,
    .search-results-box{
        box-shadow:0 6px 16px rgba(0, 0, 0, 0.08) !important;
    }

    .user-menu-offcanvas{
        width:100vw !important;
        max-width:100vw !important;
    }

    .user-menu-offcanvas .offcanvas-header{
        padding:14px 20px !important;
    }

    .user-menu-offcanvas-body{
        padding:10px;
        padding-bottom:18px;
    }

    .user-menu-panel{
        min-height:auto;
        padding-bottom:14px;
    }

    .user-profile-card{
        padding:12px;
        border-radius:var(--radius-ui);
    }

    .user-summary-modern{
        min-width:0;
        width:100%;
    }

    .user-summary-modern > div:last-child{
        min-width:0;
    }

    .user-summary-modern .name{
        font-size:13px;
        max-width:100%;
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;
    }

    .user-balance-modern{
        width:100%;
        text-align:left;
        padding:8px 10px;
    }

    .user-balance-modern .balance-title{
        justify-content:flex-start;
        font-size:10px;
    }

    .user-balance-modern .balance-amount,
    .user-balance-modern .success-count-value{
        font-size:14px;
    }

    .user-menu-stat.balance-stat{
        padding-right:36px;
    }

    .user-profile-card.has-credit-limit .user-profile-stats{
        gap:6px 4px;
    }

    .user-profile-card.has-credit-limit .user-profile-stats .stat-label{
        font-size:8px;
    }

    .user-profile-card.has-credit-limit .user-profile-stats .user-menu-stat strong{
        font-size:10px;
    }

    .user-profile-card.has-credit-limit .user-profile-stats .user-menu-stat.balance-stat{
        padding-right:28px;
    }

    .bakiye-yukle-btn-modern{
        padding:10px 11px;
        font-size:12px;
    }

    .user-menu-item-modern span{
        min-width:0;
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;
    }

    .breadcrumb.m-0{
        padding:8px 0;
        scrollbar-width:none;
    }

    .breadcrumb.m-0::-webkit-scrollbar{
        display:none;
    }

    .breadcrumb .container-xxl{
        overflow-x:auto;
        -webkit-overflow-scrolling:touch;
        scrollbar-width:none;
        min-width:0;
    }

    .breadcrumb .container-xxl::-webkit-scrollbar{
        display:none;
    }

    .breadcrumb.m-0 ol{
        flex-wrap:nowrap;
        flex-shrink:0;
        min-width:min-content;
    }

    .breadcrumb.m-0 li{
        font-size:12px;
        flex-shrink:0;
        white-space:nowrap;
    }

    .breadcrumb.m-0 li:not(:last-of-type)::after{
        margin:0 6px;
        font-size:14px;
    }

    .breadcrumb.m-0 li a,
    .breadcrumb.m-0 li a span{
        white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis;
        max-width:140px;
    }

    .breadcrumb.m-0 li:last-of-type a,
    .breadcrumb.m-0 li:last-of-type span{
        max-width:160px;
    }

    .grid-5-col{
        grid-template-columns:repeat(2, 1fr);
        gap:10px;
    }
    .grid-6-col{
        grid-template-columns:repeat(2, 1fr);
        gap:10px;
    }

    .dealer-hero{
        padding:40px 20px;
        margin-bottom:-40px;
        border-radius:var(--radius-ui);
    }

    .dh-title{
        font-size:28px;
    }

    .dh-content{
        padding-bottom:40px;
    }

    .form-wrapper-card{
        padding:25px 20px;
        border-radius:var(--radius-ui);
    }

    .fw-header{
        font-size:16px;
        margin-bottom:20px;
        padding-bottom:15px;
    }

    .info-content-box{
        padding:25px 20px;
        margin-top:25px;
    }

    .sponsor-hero{
        padding:40px 20px;
        margin-bottom:-40px;
        border-radius:var(--radius-ui);
    }

    .sh-title{
        font-size:28px;
    }

    .sh-content{
        padding-bottom:40px;
    }

    .success-giant-text{
        font-size:20vw;
    }

    .success-page-wrapper{
        margin:20px 10px;
        padding:40px 20px;
        min-height:50vh;
    }

    .success-title{
        font-size:26px;
    }

    .success-order-badge{
        flex-direction:column;
        gap:6px;
        text-align:center;
    }

    .btn-success-modern{
        width:100%;
        justify-content:center;
    }

    .btn-pending-modern{
        width:100%;
        justify-content:center;
    }

    .fail-giant-text{
        font-size:20vw;
    }

    .fail-page-wrapper{
        margin:20px 10px;
        padding:40px 20px;
        min-height:50vh;
    }

    .fail-title{
        font-size:26px;
    }

    .fail-order-badge{
        flex-direction:column;
        gap:6px;
        text-align:center;
    }

    .btn-fail-modern{
        width:100%;
        justify-content:center;
    }

    .premium-grid-5{
        grid-template-columns:repeat(2, 1fr);
        gap:10px;
    }

    .gc-table thead{
        display:none;
    }

    .gc-table tbody, .gc-table tr{
        display:block;
        width:100%;
    }

    .gc-table tr{
        padding:15px;
        border-bottom:1px solid var(--border-color);
    }

    .gc-table tr:last-child{
        border-bottom:none;
    }

    .gc-table td{
        display:flex;
        justify-content:space-between;
        align-items:center;
        padding:8px 0;
        border:none;
        text-align:right;
    }

    .gc-table td::before{
        content:attr(data-label);
        font-size:11px;
        font-weight:700;
        color:var(--gray-text);
        text-transform:uppercase;
    }

    .gc-table td > div{
        text-align:right;
    }

    .profile-settings-page .bento-box{
        padding:20px;
    }

    .profile-settings-page .bento-avatar-upload-area{
        flex-direction:column;
        align-items:flex-start;
        gap:16px;
    }

    .profile-settings-page .bento-avatar-input-wrap,
    .profile-settings-page .bento-cover-input-wrap{
        width:100%;
    }

    .profile-settings-page .bento-avatar-input-wrap input[type="file"],
    .profile-settings-page .bento-cover-input-wrap input[type="file"]{
        max-width:100%;
        width:100%;
    }

    .profile-settings-page .bento-avatar-grid{
        grid-template-columns:repeat(5, 1fr);
    }

    .profile-settings-page .bento-cover-controls{
        flex-direction:column;
        align-items:flex-start;
        gap:16px;
    }

    .profile-settings-page .bento-cover-grid{
        grid-template-columns:1fr;
    }

    .user-game-accounts-page .uga-toolbar, .user-game-accounts-page .uga-game-card-header, .user-game-accounts-page .uga-card-body, .user-game-accounts-page .uga-modal-body, .user-game-accounts-page .uga-modal-header, .user-game-accounts-page .uga-modal-footer{
        padding-left:16px;
        padding-right:16px;
    }

    .user-game-accounts-page .uga-steam-alert{
        gap:8px;
        padding:10px 12px;
        font-size:12px;
        min-width:0;
    }

    .user-game-accounts-page .uga-steam-alert .uga-steam-link{
        margin-top:4px;
        white-space:normal;
    }

    .user-game-accounts-page .bento-tab-btn{
        min-height:44px;
        padding:0 14px;
        font-size:12px;
    }

    .user-game-accounts-page .bento-tab-btn.only-icon{
        width:44px;
        min-width:44px;
        padding:0;
    }

    .user-game-accounts-page .bento-tab-btn:first-child:not(.only-icon){
        width:44px;
        min-width:44px;
        padding:0;
    }

    .user-game-accounts-page .bento-tab-btn-media{
        width:30px;
        height:30px;
    }

    .user-game-accounts-page .bento-tab-btn img{
        width:22px;
        height:22px;
    }

    .user-game-accounts-page .uga-game-card-title{
        width:100%;
    }

    .user-game-accounts-page .uga-game-card-header{
        flex-direction:column;
        align-items:stretch;
    }

    .user-game-accounts-page .uga-game-side{
        justify-content:space-between;
    }

    .user-game-accounts-page .uga-grid{
        grid-template-columns:1fr;
        gap:12px;
    }

    .user-game-accounts-page .uga-game-card{
        border-radius:12px;
    }

    .user-game-accounts-page .uga-game-card-header{
        padding:16px;
        gap:12px;
    }

    .user-game-accounts-page .uga-game-card-title{
        flex-direction:row;
        gap:12px;
    }

    .user-game-accounts-page .uga-game-icon{
        width:48px;
        height:48px;
        padding:8px;
    }

    .user-game-accounts-page .uga-game-parent{
        font-size:11px;
        margin-bottom:3px;
    }

    .user-game-accounts-page .uga-game-name{
        font-size:15px;
    }

    .user-game-accounts-page .uga-game-side{
        flex-direction:column;
        align-items:stretch;
        gap:8px;
    }

    .user-game-accounts-page .uga-count-badge{
        height:32px;
        padding:0 10px;
        font-size:11px;
        justify-content:center;
    }

    .user-game-accounts-page .bento-btn-add{
        height:40px;
        padding:0 14px;
        font-size:13px;
        justify-content:center;
    }

    .user-game-accounts-page .uga-card-body{
        padding:16px;
    }

    .user-game-accounts-page .bento-account-item{
        padding:14px;
    }

    .blocked-balances-page .bb-hero-card{
        padding:20px;
    }

    .blocked-balances-page .bb-hero-header{
        flex-direction:column;
        align-items:flex-start;
        text-align:left;
    }

    .blocked-balances-page .bb-item{
        flex-direction:column;
        align-items:flex-start;
    }

    .blocked-balances-page .bb-item-right{
        width:100%;
        max-width:100%;
        justify-content:flex-start;
    }

    .blocked-balances-page .bb-item-title{
        white-space:normal;
        overflow:visible;
        text-overflow:unset;
        overflow-wrap:break-word;
        word-break:break-word;
    }

    .blocked-balances-page .bb-pill{
        white-space:normal;
        height:auto;
        min-height:36px;
        padding:8px 12px;
        align-items:flex-start;
    }

    .blocked-balances-page .bb-pill span{
        min-width:0;
        overflow-wrap:break-word;
        word-break:break-word;
    }

    .password-change-page .bento-box{
        padding:20px;
    }

    .password-change-page .bento-btn-submit{
        width:100%;
    }

    .mail-change-page .bento-box{
        padding:20px;
    }

    .mail-change-page .bento-btn-submit{
        width:100%;
    }

    .phone-change-page .bento-box,
    .phone-verify-page .bento-box{
        padding:20px;
    }

    .phone-change-page .bento-btn-submit,
    .phone-verify-page .bento-btn-submit{
        width:100%;
    }

    .invoice-settings-page .bento-box{
        padding:20px;
    }

    .invoice-settings-page .invoice-item{
        flex-direction:column;
        align-items:flex-start;
    }

    .invoice-settings-page .btn-download-inv{
        justify-content:center;
        width:100%;
    }

    .security-page .bento-box{
        padding:20px;
    }

    .security-page .security-switch-item{
        flex-direction:column;
        align-items:flex-start;
        gap:15px;
    }

    .security-page .security-switch-item .form-switch{
        align-self:flex-end;
        margin-top:-30px;
    }

    .security-page .sessions-grid{
        grid-template-columns:1fr;
        gap:12px;
    }

    .security-page .session-card{
        border-radius:12px;
    }

    .security-page .session-card-body{
        padding:16px;
    }

    .security-page .sc-header{
        flex-wrap:wrap;
        gap:8px;
        margin-bottom:12px;
    }

    .security-page .sc-icons{
        font-size:14px;
        padding:3px 5px;
    }

    .security-page .sc-type{
        font-size:11px;
    }

    .security-page .sc-current{
        font-size:10px;
    }

    .security-page .sc-current i{
        font-size:12px;
    }

    .security-page .sc-info-row{
        flex-direction:column;
        align-items:flex-start;
        gap:2px;
        margin-bottom:8px;
    }

    .security-page .sc-user-agent{
        margin-top:8px;
        padding-top:8px;
        font-size:10px;
        line-height:1.5;
    }

    .security-page .session-card-footer{
        padding:12px 16px;
    }

    .security-page .btn-session-end{
        width:100%;
        justify-content:center;
        padding:10px 16px;
        font-size:13px;
    }

    .access-logs-page .bento-box{
        padding:20px;
    }

    .access-logs-page .log-item{
        flex-direction:column;
        align-items:stretch;
        padding:14px 16px;
        gap:12px;
    }

    .access-logs-page .log-left{
        width:100%;
        align-items:flex-start;
    }

    .access-logs-page .log-right{
        width:100%;
        max-width:100%;
        justify-content:flex-start;
        flex-shrink:1;
        min-width:0;
    }

    .access-logs-page .log-date{
        justify-content:flex-start;
        align-items:center;
        width:100%;
        max-width:100%;
        white-space:normal;
        flex-wrap:wrap;
        box-sizing:border-box;
        gap:6px;
    }

    .access-logs-page .log-date span{
        overflow-wrap:anywhere;
        word-break:break-word;
    }

    .access-logs-page .modern-pagination{
        flex-wrap:wrap;
        justify-content:center;
        max-width:100%;
        gap:6px;
    }

    .access-logs-page .modern-pagination .page-item span{
        width:auto;
        min-width:36px;
        padding:0 10px;
    }

    .access-logs-page .bento-box-head h2{
        font-size:1.1rem;
        flex:1 1 100%;
    }

    .balance-history-page .bento-box{
        padding:20px;
    }

    .balance-history-page .bh-item{
        flex-direction:column;
        align-items:stretch;
        gap:12px;
        padding:14px 16px;
    }

    .balance-history-page .bh-left{
        width:100%;
        align-items:flex-start;
    }

    .balance-history-page .bh-right{
        width:100%;
        max-width:100%;
        min-width:0;
        flex-wrap:wrap;
        justify-content:space-between;
        align-items:flex-start;
        gap:12px;
    }

    .balance-history-page .bh-amount{
        white-space:normal;
        line-height:1.25;
        flex:1 1 auto;
        min-width:0;
    }

    .balance-history-page .bh-date{
        white-space:normal;
        flex-wrap:wrap;
        max-width:100%;
        box-sizing:border-box;
        align-items:flex-start;
    }

    .balance-history-page .bh-date span{
        overflow-wrap:anywhere;
        word-break:break-word;
    }

    .balance-history-page .modern-pagination{
        flex-wrap:wrap;
        justify-content:center;
        max-width:100%;
        gap:6px;
    }

    .balance-history-page .modern-pagination .page-item span{
        width:auto;
        min-width:36px;
        padding:0 10px;
    }

    .affiliate-wrapper .aff-ref-logs-inner .modern-pagination{
        flex-wrap:wrap;
        justify-content:center;
        max-width:100%;
        gap:6px;
    }

    .affiliate-wrapper .aff-ref-logs-inner .modern-pagination .page-item span{
        width:auto;
        min-width:36px;
        padding:0 10px;
    }

    .balance-history-page .bento-box-head h2{
        font-size:1.1rem;
        flex:1 1 100%;
    }

    .donation-orders-page .donation-detail-grid{
        grid-template-columns:1fr;
    }

    .aff-stats-grid{
        grid-template-columns:1fr;
    }

    .aff-steps-grid{
        grid-template-columns:1fr;
    }

    .alp-top{
        flex-direction:column;
        align-items:flex-start;
    }

    .affiliate-wrapper .bento-box{
        padding:20px;
    }

    .saas-adverts-page .container-xxl{
        padding-left:14px;
        padding-right:14px;
    }

    .saas-hero{
        flex-direction:column;
        align-items:stretch;
        padding:20px;
        margin-bottom:20px;
    }

    .saas-hero-title h1{
        font-size:22px;
    }

    .saas-hero-title p{
        font-size:13px;
    }

    .saas-hero-actions{
        width:100%;
        flex-direction:column;
        gap:10px;
    }

    .sh-btn{
        width:100%;
        justify-content:center;
        padding:12px 16px;
        min-height:46px;
    }

    .saas-toolbar{
        flex-direction:column;
        align-items:stretch;
        padding:14px;
        gap:14px;
    }

    .saas-search,
    .saas-search.search-box{
        width:100%;
        min-width:0;
    }

    .saas-search input,
    .my-product-search-input{
        width:100%;
        min-width:0;
    }

    .saas-filters-mobile select{
        width:100%;
    }

    .saas-adverts-page .saas-list-item{
        flex-direction:column;
        align-items:stretch;
        gap:12px;
        padding:14px;
        min-width:0;
        overflow:hidden;
    }

    .saas-adverts-page .sli-image-wrap{
        width:100%;
        max-width:120px;
        height:100px;
    }

    .saas-adverts-page .sli-info{
        min-width:0;
    }

    .saas-adverts-page .sli-title{
        font-size:14px;
        min-width:0;
        overflow:hidden;
        text-overflow:ellipsis;
        -webkit-line-clamp:2;
    }

    .saas-adverts-page .sli-meta{
        font-size:11px;
        gap:8px;
    }

    .saas-adverts-page .sli-stats{
        gap:12px;
        padding:12px 0 0;
        margin-top:8px;
        border-top:1px dashed var(--border-color);
        border-left:none;
        border-right:none;
    }

    .saas-adverts-page .sli-stat-val{
        font-size:15px;
    }

    .saas-adverts-page .sli-actions{
        width:100%;
        flex-wrap:wrap;
        justify-content:flex-start;
        gap:8px;
        padding-top:12px;
        border-top:1px solid var(--border-color);
        margin-top:0;
    }

    .saas-adverts-page .sli-btn,
    .saas-adverts-page .sli-btn-icon{
        min-width:36px;
        height:40px;
    }

    .saas-adverts-page .sli-btn{
        flex:0 1 auto;
        padding:0 12px;
        font-size:11px;
    }

    .saas-adverts-page .sli-btn i{
        font-size:14px;
    }

    .saas-adverts-page .saas-list-wrapper{
        gap:10px;
    }

    .saas-adverts-page .saas-cat-section{
        margin-bottom:28px;
    }

    .saas-adverts-page .saas-search-result-title{
        padding:12px 14px;
        font-size:14px;
        margin-bottom:18px;
    }

    .saas-adverts-page .saas-empty-state{
        padding:40px 16px;
    }

    .saas-adverts-page .saas-empty-state > i{
        font-size:44px;
    }

    .saas-adverts-page .saas-empty-state h3{
        font-size:18px;
    }

    .saas-adverts-page .saas-empty-state p{
        font-size:13px;
    }

    .saas-cat-header{
        flex-direction:row;
        flex-wrap:nowrap;
        align-items:center;
        justify-content:space-between;
        gap:8px;
        padding-bottom:12px;
        min-width:0;
    }

    .sc-title-area{
        min-width:0;
        flex:1 1 auto;
        gap:8px;
    }

    .sc-title-area h2{
        font-size:15px;
        line-height:1.25;
        min-width:0;
        word-break:break-word;
        overflow-wrap:anywhere;
    }

    .sc-title-area .sc-icon{
        width:32px;
        height:32px;
        padding:6px;
        flex-shrink:0;
    }

    .sc-actions{
        flex-shrink:0;
        flex-wrap:wrap;
        justify-content:flex-end;
        gap:6px;
        max-width:42%;
    }

    .saas-adverts-page .sc-action-btn{
        width:32px;
        height:32px;
        min-width:32px;
        min-height:32px;
        font-size:15px;
    }

    .m-mobile-filter-toggle h2{
        font-size:15px;
    }

    .saas-cat-hero{
        padding:24px 16px;
        border-radius:var(--radius-ui);
    }

    .sch-icon{
        width:56px;
        height:56px;
    }

    .sch-icon img{
        width:36px;
        height:36px;
    }

    .sch-title,
    .saas-cat-hero h1{
        font-size:22px;
    }

    .sch-desc{
        font-size:13px;
        max-width:100%;
    }

    .saas-cat-tabs{
        gap:8px;
        margin-bottom:20px;
    }

    .sct-btn{
        padding:10px 16px;
        font-size:13px;
    }

    .saas-cat-tabs.saas-cat-tabs--grid{
        flex-wrap:nowrap;
        overflow-x:auto;
        overflow-y:hidden;
        -webkit-overflow-scrolling:touch;
        justify-content:flex-start;
        align-items:stretch;
        width:100%;
        margin-left:0;
        margin-right:0;
        padding-left:16px;
        padding-right:16px;
        padding-bottom:4px;
        scroll-padding-left:16px;
        scroll-padding-right:16px;
    }

    .saas-cat-tabs.saas-cat-tabs--grid .sct-btn{
        flex:0 0 76px;
        width:76px;
        min-width:76px;
        height:84px;
        min-height:84px;
        padding:8px 4px;
        flex-direction:column;
        justify-content:center;
        align-items:center;
    }

    .saas-cat-tabs.saas-cat-tabs--grid .sct-btn img,
    .saas-cat-tabs.saas-cat-tabs--grid .sct-btn svg,
    .saas-cat-tabs.saas-cat-tabs--grid .sct-btn i{
        width:32px;
        height:32px;
        flex-shrink:0;
    }
    .saas-cat-tabs.saas-cat-tabs--grid .sct-btn i{ font-size:32px; }

    .saas-cat-tabs.saas-cat-tabs--grid .sct-btn span{
        white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis;
        max-width:100%;
        text-align:center;
    }

    .products .sli-left{
        align-items:flex-start;
        gap:12px;
    }

    .products .sli-img{
        width:64px;
        height:64px;
    }

    .products .sli-title{
        white-space:normal;
        -webkit-line-clamp:2;
        display:-webkit-box;
        -webkit-box-orient:vertical;
        overflow:hidden;
    }

    .products .sli-actions{
        flex-wrap:wrap;
        gap:8px;
    }

    .products .btn-sli-buy{
        flex:1;
        min-width:120px;
    }

    .compact-info-card{
        padding:16px;
        gap:12px;
    }

    .cic-icon{
        width:48px;
        height:48px;
        font-size:20px;
    }

    .cic-title{
        font-size:14px;
    }

    .cic-desc{
        font-size:12px;
    }

    .cic-rating-score{
        font-size:24px;
    }

    .saas-faq-box{
        padding:16px;
        border-radius:var(--radius-ui);
    }

    .saas-faq-box h3{
        font-size:16px;
    }

    .balance-transfer-wrapper .bento-box{
        padding:20px;
    }

    .balance-transfer-wrapper .history-item{
        flex-direction:column;
        align-items:flex-start;
    }

    .balance-transfer-wrapper .hi-right{
        width:100%;
        justify-content:space-between;
    }

    .favorites-wrapper .bt-header{
        flex-direction:column;
        align-items:flex-start;
        gap:16px;
    }

    .favorites-wrapper .bento-tabs{
        width:100%;
    }

    .favorites-wrapper .bento-tab-btn{
        flex:1;
    }

    .account-delete-wrapper .bento-box{
        padding:20px;
    }

    .account-delete-wrapper .bento-btn-danger{
        width:100%;
    }

    .doping-page-wrapper .doping-hero{
        flex-direction:column;
        text-align:center;
    }

    .doping-page-wrapper .baa-left{
        flex-direction:column;
        text-align:center;
    }

    .doping-page-wrapper .bento-apply-all{
        justify-content:center;
    }

    .doping-page-wrapper .bento-checkout-bar{
        position:static;
        flex-direction:column;
        align-items:stretch;
        padding:16px 20px;
        gap:16px;
        margin-top:8px;
        margin-bottom:24px;
    }

    .doping-page-wrapper .bcb-right{
        flex-direction:column;
        align-items:stretch;
        text-align:center;
        gap:16px;
    }

    .doping-page-wrapper .bcb-price-info{
        text-align:center;
    }

    .doping-page-wrapper .bcb-price-val{
        justify-content:center;
    }

    .doping-page-wrapper .bcb-submit-btn{
        width:100%;
        justify-content:center;
        height:48px;
        min-height:48px;
        padding:0 20px;
        font-size:14px;
    }

    .doping-page-wrapper .bcb-back-btn{
        width:100%;
        justify-content:center;
        padding:12px 16px;
        font-size:14px;
    }

    .stats-page-wrapper .stats-hero{
        flex-direction:column;
        align-items:flex-start;
    }

    .stats-page-wrapper .sh-right, .stats-page-wrapper .sh-right .btn-back{
        width:100%;
        justify-content:center;
    }

    .stats-page-wrapper .bento-chart-box{
        padding:20px;
    }

    .action-panel, .side-card, .history-card, .fintech-wrapper .action-panel, .fintech-wrapper .side-card, .fintech-wrapper .history-cardd{
        padding:20px;
    }

    .fintech-wrapper{ padding-top:24px; }
    .fintech-wrapper .wallet-hero{ padding:24px 20px; margin-bottom:20px; gap:16px; }
    .fintech-wrapper .wh-left{ min-width:0; flex:1; }
    .fintech-wrapper .wh-amount{ font-size:32px; }
    .fintech-wrapper .wh-total-box{ padding:12px 16px; flex-shrink:0; }
    .fintech-wrapper .wht-val{ font-size:17px; }
    .fintech-wrapper .giant-input-wrapper{ margin-bottom:20px; }
    .fintech-wrapper .giant-input{ width:100%; max-width:200px; font-size:36px; }
    .fintech-wrapper .currency-symbol{ font-size:26px; }
    .fintech-wrapper .ft-form-group{ margin-bottom:14px; }
    .fintech-wrapper .ft-input, .fintech-wrapper .ft-select{ height:46px; padding:0 16px; font-size:14px; }
    .fintech-wrapper .ft-select{ background-position:right 14px center; padding-right:40px; }
    .custom-checkbox span{ font-size:13px; }
    .fintech-wrapper .custom-checkbox{ margin-bottom:12px; }
    .fintech-wrapper .ft-receipt{ padding:18px; margin-top:18px; margin-bottom:18px; }
    .fintech-wrapper .ftr-val{ width:100px; }
    .fintech-wrapper .ft-submit-btn{ height:48px; font-size:15px; margin-top:16px; }
    .fintech-wrapper .sc-head{ flex-wrap:wrap; gap:12px; }
    .fintech-wrapper .sc-head .btn-add-mini{ width:100%; justify-content:center; padding:14px 20px; font-size:14px; min-height:48px; }
    .fintech-wrapper .bank-item{ padding:14px; margin-bottom:10px; }
    .fintech-wrapper .bank-item .bi-name{ font-size:13px; }
    .fintech-wrapper .bank-item .bi-iban{ font-size:12px; }
    .fintech-wrapper .bank-item .bi-info{ gap:3px; }
    .fintech-wrapper .bank-item .btn-del{ width:30px; height:30px; font-size:16px; flex-shrink:0; }
    .fintech-wrapper .history-cardd .sc-head{ flex-direction:column; align-items:stretch; }
    .fintech-wrapper .history-total-badge{ width:100%; text-align:center; }
    .fintech-wrapper .tx-item{ padding:16px; gap:12px; }
    .fintech-wrapper .tx-item .txi-left{ gap:12px; min-width:0; }
    .fintech-wrapper .tx-item .txi-icon{ width:42px; height:42px; font-size:18px; }
    .fintech-wrapper .tx-item .txi-info{ gap:4px; }
    .fintech-wrapper .tx-item .txi-title{ font-size:14px; }
    .fintech-wrapper .tx-item .txi-date{ font-size:12px; }
    .fintech-wrapper .tx-item .txi-right{ flex-wrap:wrap; gap:16px; }
    .fintech-wrapper .tx-item .txi-amount-col{ min-width:0; gap:2px; }
    .fintech-wrapper .tx-item .txi-amount{ font-size:16px; }
    .fintech-wrapper .tx-item .txi-fee{ font-size:11px; }
    .fintech-wrapper .tx-item .txi-status .badge,
    .fintech-wrapper .tx-item .txi-status span.badge{ padding:6px 12px; font-size:11px; }
    .fintech-wrapper .tx-list{ gap:10px; }
    .fintech-wrapper .tx-pagination{ margin-top:18px; padding-top:18px; }
    .fintech-wrapper .tx-pagination{ flex-direction:column; gap:12px; text-align:center; }
    .fintech-wrapper .tx-btn{ width:100%; justify-content:center; }
    .fintech-wrapper .alert-danger{ flex-direction:column; align-items:stretch; text-align:center; }
    .fintech-wrapper .alert-danger .btn{ align-self:center; }
    .fintech-wrapper .ft-kimlik-alert{ flex-direction:column; align-items:stretch; gap:14px; text-align:center; }
    .fintech-wrapper .ft-kimlik-alert .ft-kimlik-btn{ align-self:center; }

    .giant-input{
        width:100%;
        font-size:40px;
    }

    .sh-right, .sh-right .btn-back{
        width:100%;
        justify-content:center;
    }

    .bento-sort-box{
        padding:16px;
    }

    .bento-sort-card{
        flex-direction:column;
        align-items:flex-start;
        gap:8px;
        position:relative;
        min-height:auto;
        padding:12px 12px 12px 44px;
    }

    .sc-info{
        width:100%;
        padding-left:0;
    }

    .sc-badges{
        margin-left:0;
        justify-content:flex-start;
        padding-left:0;
    }

    .dd-handle-i{
        position:absolute;
        top:12px;
        left:12px;
    }

    .doping-grid{
        grid-template-columns:1fr;
    }

    .doping-checkout-bar{
        flex-direction:column;
        gap:16px;
        text-align:center;
    }

    .dcb-submit-btn{
        width:100%;
        justify-content:center;
    }

    .active-doping-item{
        grid-template-columns:1fr;
    }

    .store-doping-wrapper .bento-box{
        padding:16px 20px;
    }

    .store-doping-wrapper .bento-box-head{
        flex-wrap:wrap;
        gap:10px;
    }

    .bento-affiliate-card{
        flex-direction:column;
        align-items:stretch;
        text-align:center;
        padding:16px 20px;
    }

    .bento-affiliate-right a{
        width:100%;
        justify-content:center;
    }

    .vip-offer-wrapper{
        padding:24px 16px;
        margin-bottom:20px;
    }

    .vip-title{
        font-size:22px;
        line-height:1.25;
        margin-bottom:16px;
    }

    .vip-offer-right{
        padding:20px 16px;
    }

    .vip-new-price{
        font-size:28px;
    }

    .vip-features-grid{
        gap:10px;
    }

    .vip-feature-pill{
        padding:12px 14px;
        font-size:13px;
    }

    .doping-category-card{
        padding:16px 18px;
    }

    .dcc-header{
        margin-bottom:16px;
        gap:8px;
    }

    .dcc-title{
        font-size:15px;
        min-width:0;
        word-break:break-word;
    }

    .doping-option-btn{
        padding:12px 14px;
        font-size:12px;
    }

    .doping-checkout-bar{
        padding:16px 20px;
        margin-top:20px;
    }

    .dcb-total{
        font-size:20px;
    }

    .active-doping-item{
        padding:14px 16px;
        gap:12px;
    }

    .adi-group{
        min-width:0;
    }

    .adi-texts{
        min-width:0;
    }

    .adi-val{
        font-size:13px;
    }

    .store-doping-wrapper .empty-state{
        padding:24px 16px;
        font-size:13px;
    }

    .refund-wrapper .bento-box, .yurtdisi-phone-wrapper .bento-box{
        padding:20px;
    }

    .refund-wrapper .bento-box-head, .yurtdisi-phone-wrapper .bento-box-head{
        flex-direction:column;
        align-items:flex-start;
    }

    .btn-verify-now{
        width:100%;
        justify-content:center;
    }

    .history-card{
        flex-direction:column;
        align-items:flex-start;
    }

    .hc-right{
        width:100%;
        justify-content:space-between;
    }

    .refund-wrapper .bento-btn-submit{
        width:100%;
    }

    .deposit-wrapper .deposit-form-area{
        padding:20px;
    }

    .deposit-wrapper .giant-input{
        width:100%;
        font-size:36px;
    }

    .deposit-wrapper .bento-help-card{
        flex-direction:column;
        align-items:flex-start;
        text-align:left;
    }

    .modern-hero{
        padding:40px 20px;
        border-radius:var(--radius-ui);
        margin-bottom:24px;
    }

    .modern-hero .sub-hero-title h1{
        font-size:26px;
    }

    .modern-search-box{
        margin:20px 0 0;
    }
    .modern-search-box .my-product-search-input{
        height:50px;
        padding:0 18px 0 54px;
        font-size:14px;
    }
    .modern-search-box .search-icon-box{
        width:54px;
        font-size:18px;
    }

    .vibrant-cat-card{
        padding:12px;
    }

    .vcc-icon-wrap{
        width:44px;
        height:44px;
    }

    .vcc-icon-wrap img{
        max-width:24px;
        max-height:24px;
    }

    .vcc-title{
        font-size:12px;
    }

    .k-box{
        padding:20px;
        border-radius:var(--radius-ui);
    }

    .step5 .k-box{
        padding:24px 16px;
    }

    .step5 .k-box h2{
        font-size:20px !important;
    }

    .step5 .k-box .d-flex.justify-content-center{
        width:100%;
    }

    a.step.nextstep.ilanaGit{
        width:100%;
        min-height:48px;
        padding:0 20px;
        font-size:13px;
    }

    .status-alert{
        padding:16px;
        gap:12px;
    }

    .status-alert i{
        font-size:20px;
    }

    .stock-upload-head{
        flex-direction:row;
        align-items:center;
        gap:10px;
    }
    .stock-upload-head .toplustok{
        flex:1;
        justify-content:flex-end;
    }

    .step3 .content .scrollt{
        max-height:320px;
        padding:16px;
    }

    .step3 .content .scrollt h1{
        font-size:20px;
    }

    .step3 .content .scrollt h2{
        font-size:18px;
    }

    .step3 .content .scrollt h3{
        font-size:16px;
    }

    .reviews-modern-wrapper .review-bento-card{
        padding:20px;
        gap:12px;
    }

    .reviews-modern-wrapper .rbc-doping-badge{
        right:16px;
    }

    .reviews-modern-wrapper .rbc-header{
        flex-direction:column;
        gap:12px;
    }

    .followers-modern-wrapper .follower-bento-card{
        padding:14px;
    }

    .followers-modern-wrapper .fbc-avatar{
        width:48px;
        height:48px;
    }


    .saas-cat-search-wrapper .saas-search-header{
        flex-direction:column;
        align-items:flex-start;
    }

    .saas-cat-search-wrapper .kategori-arama-wrap{
        max-width:100%;
        width:100%;
    }

    .saas-cat-search-wrapper .saas-cat-item{
        padding:10px;
    }

    .saas-cat-search-wrapper .saas-cat-icon{
        width:36px;
        height:36px;
    }

    .saas-cat-search-wrapper .saas-cat-icon img{
        max-width:20px;
        max-height:20px;
    }

    .saas-cat-search-wrapper .saas-cat-title{
        font-size:13px;
    }

    .saas-tabs-head{
        padding:12px 12px 0;
    }

    .saas-tabs-head .nav-pills{
        flex-wrap:nowrap;
        overflow-x:auto;
        overflow-y:hidden;
        -webkit-overflow-scrolling:touch;
        margin:0 -12px;
        padding:0 12px;
        scrollbar-width:none;
        -ms-overflow-style:none;
    }

    .saas-tabs-head .nav-pills::-webkit-scrollbar{
        display:none;
    }

    .saas-tabs-head .nav-pills .nav-item{
        flex-shrink:0;
    }

    .saas-tabs-head .nav-link{
        padding:10px 16px;
        font-size:13px;
        white-space:nowrap;
    }

    .saas-tabs-head .nav{
        margin-bottom:0;
    }

    .advert-feature-row .feature-badges{
        gap:6px;
    }

    .advert-feature-row .feature-badge{
        padding:7px 10px;
        border-radius:4px;
        font-size:13px;
    }

    .advert-feature-row .feature-badge .icon{
        width:22px;
        height:22px;
        font-size:14px;
    }

    .hurry-up2 .trust-badge{
        font-size:10px;
    }

    .seller-badges .badge-chip{
        font-size:11px;
    }
}
@media (max-width: 576px){

    /* content-html mobil taşma önleme */
    .content-html{
        overflow-wrap:break-word;
        word-break:break-word;
        max-width:100%;
        overflow-x:auto;
        -webkit-overflow-scrolling:touch;
    }
    .content-html img{
        max-width:100%;
        height:auto;
        display:block;
    }
    .content-html table{
        display:block;
        overflow-x:auto;
        -webkit-overflow-scrolling:touch;
    }
    .content-html pre,
    .content-html code{
        max-width:100%;
        overflow-x:auto;
    }

    .doping-page-wrapper .bento-checkout-bar{
        padding:14px 16px;
        gap:14px;
        margin-bottom:20px;
    }

    .doping-page-wrapper .bcb-submit-btn{
        height:48px;
        min-height:48px;
        font-size:14px;
    }

    .doping-page-wrapper .bcb-price-val{
        font-size:18px;
    }

    .all-cat-btn{
        min-height:48px;
        height:48px;
        padding:12px 18px;
        font-size:14px;
    }

    .all-category-menu-search .all-cat-btn{
        min-height:48px;
        height:48px;
        padding:12px 18px !important;
    }

    .all-cat-actions .all-cat-btn{
        width:100%;
        justify-content:center;
    }

    .saas-adverts-page .container-xxl{
        padding-left:12px;
        padding-right:12px;
    }

    .saas-adverts-page .saas-hero{
        padding:16px;
    }

    .saas-adverts-page .saas-hero-title h1{
        font-size:20px;
    }

    .saas-adverts-page .saas-list-item{
        padding:12px;
        min-width:0;
        overflow:hidden;
    }

    .saas-adverts-page .sli-info{
        min-width:0;
        overflow:hidden;
    }

    .saas-adverts-page .sli-title{
        min-width:0;
        overflow:hidden;
        font-size:13px;
    }

    .saas-adverts-page .sli-image-wrap{
        max-width:90px;
        height:80px;
    }

    .saas-adverts-page .sli-stats{
        gap:10px;
        padding-top:10px;
    }

    .saas-adverts-page .sli-stat-val{
        font-size:14px;
    }

    .saas-adverts-page .sli-btn,
    .saas-adverts-page .sli-btn-icon{
        height:36px;
        min-width:34px;
    }

    .saas-adverts-page .sli-btn{
        font-size:10px;
        padding:0 10px;
    }

    .saas-adverts-page .sli-actions{
        gap:6px;
    }

    .fintech-wrapper .action-panel,
    .fintech-wrapper .side-card,
    .fintech-wrapper .history-cardd{ padding:16px; }
    .fintech-wrapper .wallet-hero{ padding:20px 16px; gap:12px; }
    .fintech-wrapper .wh-amount{ font-size:26px; }
    .fintech-wrapper .giant-input{ font-size:28px; max-width:160px; }
    .fintech-wrapper .giant-input-wrapper{ margin-bottom:16px; }
    .fintech-wrapper .currency-symbol{ font-size:22px; }
    .fintech-wrapper .ft-form-group{ margin-bottom:12px; }
    .fintech-wrapper .ft-input, .fintech-wrapper .ft-select{ height:44px; padding:0 14px; font-size:14px; }
    .fintech-wrapper .ft-select{ background-position:right 12px center; padding-right:36px; }
    .custom-checkbox span{ font-size:12px; }
    .fintech-wrapper .custom-checkbox{ margin-bottom:10px; }
    .fintech-wrapper .ft-receipt{ padding:14px; margin-top:14px; margin-bottom:14px; }
    .fintech-wrapper .ftr-val{ width:80px; font-size:13px; }
    .fintech-wrapper .ftr-row:last-child .ftr-val{ font-size:20px; width:120px; }
    .fintech-wrapper .bank-item{ padding:12px; margin-bottom:8px; }
    .fintech-wrapper .bank-item .bi-info{ min-width:0; gap:2px; }
    .fintech-wrapper .bank-item .bi-name{ font-size:12px; }
    .fintech-wrapper .bank-item .bi-iban{ font-size:11px; }
    .fintech-wrapper .bank-item .bi-owner{ font-size:11px; color:#64748b; }
    .fintech-wrapper .bank-item .btn-del{ width:28px; height:28px; font-size:14px; }
    .fintech-wrapper .row.g-3{ --bs-gutter-y: 0.5rem; }
    .fintech-wrapper .ft-submit-btn{ height:46px; margin-top:14px; }
    .fintech-wrapper .bi-iban{ word-break:break-all; font-size:12px; }

    .fintech-wrapper .tx-item{ padding:14px; gap:10px; }
    .fintech-wrapper .tx-item .txi-left{ gap:10px; }
    .fintech-wrapper .tx-item .txi-icon{ width:38px; height:38px; font-size:16px; }
    .fintech-wrapper .tx-item .txi-title{ font-size:13px; }
    .fintech-wrapper .tx-item .txi-date{ font-size:11px; }
    .fintech-wrapper .tx-item .txi-right{ gap:12px; }
    .fintech-wrapper .tx-item .txi-amount{ font-size:15px; }
    .fintech-wrapper .tx-item .txi-fee{ font-size:10px; }
    .fintech-wrapper .tx-item .txi-status .badge,
    .fintech-wrapper .tx-item .txi-status span.badge{ padding:5px 10px; font-size:10px; }
    .fintech-wrapper .tx-list{ gap:8px; }
    .fintech-wrapper .history-cardd{ padding:16px; }
    .fintech-wrapper .tx-pagination{ margin-top:16px; padding-top:16px; gap:10px; }

    .store-doping-wrapper .bento-box{
        padding:14px 16px;
    }

    .store-doping-wrapper .active-doping-item{
        grid-template-columns:1fr;
    }

    .store-doping-wrapper .vip-offer-wrapper{
        padding:20px 14px;
    }

    .store-doping-wrapper .vip-title{
        font-size:20px;
    }

    .store-doping-wrapper .vip-new-price{
        font-size:24px;
    }

    .store-doping-wrapper .doping-category-card{
        padding:14px 16px;
    }

    .store-doping-wrapper .adi-val{
        word-break:break-word;
        white-space:normal;
    }

    .post-detail-page .article-card{
        padding:20px 16px;
        border-radius:var(--radius-ui);
    }

    .post-detail-page .article-title{
        font-size:22px;
        margin-bottom:12px;
        line-height:1.3;
    }

    .post-detail-page .ah-featured-img{
        margin-bottom:20px;
        border-radius:var(--radius-ui);
    }

    .post-detail-page .ah-featured-img img{
        max-height:240px;
    }

    .post-detail-page .article-header{
        margin-bottom:20px;
    }

    .post-detail-page .ah-meta{
        gap:12px;
        font-size:12px;
        justify-content:center;
    }

    .post-detail-page .ah-meta span{
        flex-wrap:wrap;
    }

    .post-detail-page .article-toc{
        padding:16px 14px;
        margin-bottom:24px;
    }

    .post-detail-page .article-body{
        font-size:15px;
    }

    .post-detail-page .article-body table{
        display:block;
        overflow-x:auto;
        -webkit-overflow-scrolling:touch;
    }

    .post-detail-page .article-body h2{ font-size:20px; }
    .post-detail-page .article-body h3{ font-size:18px; }
    .post-detail-page .article-body h4{ font-size:16px; }

    .post-detail-page .article-share{
        margin-top:28px;
        padding-top:20px;
    }

    .post-detail-page .share-btn{
        width:42px;
        height:42px;
        font-size:16px;
    }

    .post-detail-page .sp-img{
        height:120px;
    }

    .post-detail-page .article-page-wrapper{
        padding-bottom:48px;
    }

    .post-detail-breadcrumb ol li:not(:last-of-type) span{
        max-width:100px;
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;
    }

    .saas-cat-tabs.saas-cat-tabs--grid{
        flex-wrap:nowrap;
        overflow-x:auto;
        overflow-y:hidden;
        -webkit-overflow-scrolling:touch;
        justify-content:flex-start;
        align-items:stretch;
        margin-left:0;
        margin-right:0;
        padding-left:16px;
        padding-right:16px;
        padding-bottom:4px;
        gap:8px;
        scroll-padding-left:16px;
        scroll-padding-right:16px;
    }

    .saas-cat-tabs.saas-cat-tabs--grid .sct-btn{
        flex:0 0 64px;
        width:64px;
        min-width:64px;
        height:72px;
        min-height:72px;
        padding:6px 4px;
        font-size:10px;
        flex-direction:column;
        justify-content:center;
        align-items:center;
    }

    .saas-cat-tabs.saas-cat-tabs--grid .sct-btn img,
    .saas-cat-tabs.saas-cat-tabs--grid .sct-btn svg,
    .saas-cat-tabs.saas-cat-tabs--grid .sct-btn i{
        width:28px;
        height:28px;
        flex-shrink:0;
    }

    .saas-cat-tabs.saas-cat-tabs--grid .sct-btn i{
        font-size:28px;
    }

    .saas-cat-tabs.saas-cat-tabs--grid .sct-btn span{
        white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis;
        max-width:100%;
        text-align:center;
    }

    .products-overlap-section .container-xxl{
        padding-left:12px;
        padding-right:12px;
    }

    .gwd-section h1.user-sub-title{ font-size:16px; font-weight:800; }

    .ng-hero{
        padding:20px 14px;
        margin-bottom:24px;
        border-radius:var(--radius-ui);
    }
    .ng-hero-title,
    .ng-hero-content .hero-title{
        font-size:20px;
    }
    .ng-hero-desc{
        font-size:11px;
        -webkit-line-clamp:2;
    }
    .ng-btn-create{
        height:46px;
        padding:0 16px;
        font-size:13px;
    }
    .ng-toolbar{
        padding:10px 12px;
        margin-bottom:20px;
        border-radius:var(--radius-ui);
    }
    .ng-toolbar-search input{
        height:42px;
        padding:0 16px 0 45px;
    }
    .ng-toolbar-search .ng-toolbar-seller-input{
        flex:0 0 100px;
        min-width:80px;
        padding:0 8px;
    }
    .ng-toolbar-search .ng-search-btn{
        height:42px;
        padding:0 12px;
        font-size:11px;
    }
    .ng-toolbar-search .ng-search-btn span{
        display:none;
    }
    .market-page-wrapper .filter-cover-box{
        flex-direction:column;
        gap:8px;
        margin-bottom:12px;
    }
    .market-page-wrapper .filter-cover-box .filter-btn{
        width:100%;
        justify-content:center;
        padding:10px 14px;
    }

    .giveaway-index-page .bgc-cover,
    .giveaway-completed-page .bgc-cover{
        height:65px;
    }
    .giveaway-index-page .bgc-avatar-box .c-avatar,
    .giveaway-completed-page .bgc-avatar-box .c-avatar{
        width:64px !important;
        height:64px !important;
        border-radius:var(--radius-ui);
    }
    .giveaway-index-page .bgc-avatar-box,
    .giveaway-completed-page .bgc-avatar-box{
        margin-top:-34px;
    }
    .giveaway-index-page .bgc-username,
    .giveaway-completed-page .bgc-username{
        font-size:14px;
    }
    .giveaway-index-page .bgc-title,
    .giveaway-completed-page .bgc-title{
        font-size:11px;
    }
    .giveaway-index-page .bgc-user-details,
    .giveaway-completed-page .bgc-user-details{
        padding:8px 12px 12px;
    }
    .giveaway-index-page .bgc-bento-grid,
    .giveaway-completed-page .bgc-bento-grid{
        padding:0 12px 12px;
    }
    .giveaway-index-page .bgc-stat-box,
    .giveaway-completed-page .bgc-stat-box{
        padding:8px;
    }
    .giveaway-index-page .bgc-stat-value,
    .giveaway-completed-page .bgc-stat-value{
        font-size:12px;
    }
    .giveaway-index-page .bgc-stat-box.timer-box,
    .giveaway-completed-page .bgc-stat-box.timer-box,
    .giveaway-completed-page .bgc-stat-box.timer-box.ended{
        font-size:11px;
    }
    .giveaway-index-page .bgc-prizes,
    .giveaway-completed-page .bgc-prizes{
        padding:0 12px 12px;
    }
    .giveaway-index-page .bgc-actions,
    .giveaway-completed-page .bgc-actions{
        padding:0 12px 12px;
    }
    .giveaway-index-page .bgc-btn,
    .giveaway-completed-page .bgc-btn{
        height:40px;
        font-size:12px;
    }
    .giveaway-index-page .gw-all-btn,
    .giveaway-completed-page .gw-all-btn{
        height:44px;
        font-size:13px;
    }

    .m-mobile-filter-toggle h2{
        font-size:14px;
    }

    .banner-item{
        flex:0 0 50%;
        height:auto;
        border-right:1px solid var(--border-color);
        padding:15px 10px;
    }

    .banner-item-icon{
        width:32px;
        height:32px;
    }

    .banner-item-title{
        font-size:13px;
    }

    .banner-item-sub{
        font-size:11px;
    }

    .banner-item:nth-child(2n){
        border-right:none;
    }

    .banner-item:nth-last-child(-n+2){
        border-bottom:none;
    }

    .banner-item:not(:nth-last-child(-n+2)){
        border-bottom:1px solid var(--border-color);
    }

    .quick-horizontal-card{
        display:grid;
        grid-template-columns:72px minmax(0, 1fr);
        grid-template-areas:"img title" "img footer";
        align-items:center;
        gap:8px 10px;
    }

    .quick-horizontal-card .p-img-wrapper{
        grid-area:img;
        width:72px;
        height:72px;
    }

    .quick-horizontal-card .p-content{
        grid-area:title;
    }

    .quick-horizontal-card .p-footer{
        grid-area:footer;
        width:100%;
        justify-content:space-between;
    }

    .quick-horizontal-card .p-price{
        font-size:16px;
    }

    .quick-horizontal-card .p-qty{
        min-width:124px;
    }

    .cart-offcanvas,
    .messages-offcanvas,
    .notifications-offcanvas,
    #userMenuOffcanvas,
    .mobile-menu-offcanvas{
        width:100% !important;
        border-left:none !important;
        border-right:none !important;
    }

    .promoted-stores{
        grid-template-columns:1fr !important;
    }

    .mobile-menu-offcanvas .promoted-stores{
        grid-template-columns:repeat(auto-fill, minmax(200px, 1fr)) !important;
    }

    .premium-menu .dropdown-header{
        padding-bottom:30px !important;
    }

    .main-slider .txt-content{
        left:15px;
        width:90%;
    }

    .main-slider .main-title{
        font-size:20px;
    }

    .main-slider .round-btn{
        font-size:12px;
        padding:4px 12px;
        margin-bottom:15px;
    }

    .sv-steps-container{
        grid-template-columns:1fr;
        gap:15px;
    }

    .sv-hero-actions{
        flex-direction:column;
        width:100%;
    }

    .sv-hero-actions .sv-btn{
        width:100%;
        justify-content:center;
    }

    .saas-coupon-banner{
        padding:16px 12px;
        margin-top:16px;
        margin-bottom:16px;
    }

    .scb-title{
        font-size:16px;
    }

    .scb-code{
        font-size:14px;
        padding:0 12px;
    }

    .scb-btn{
        padding:8px 16px;
        font-size:12px;
    }

    .saas-advert-card{
        padding:12px;
        border-radius:var(--radius-ui);
    }

    .saas-advert-card .g-badge-top, .saas-advert-card .btn-favorite{
        top:8px;
    }

    .saas-advert-card .g-badge-top{
        left:8px;
        padding:5px 10px;
        font-size:10px;
    }

    .saas-advert-card .btn-favorite{
        right:8px;
        width:36px;
        height:36px;
        font-size:18px;
    }

    .adv-header-meta{
        flex-direction:column;
        align-items:flex-start;
        gap:10px;
    }

    .adv-title{
        font-size:16px;
    }

    .adv-buy-box .price-huge{
        font-size:22px;
    }

    .saas-buy-box .btn-buy-product, .saas-buy-box .btn-stokyok{
        font-size:13px;
        padding:0 16px;
        height:40px;
    }

    .saas-buy-box .p-add-cart{
        width:40px;
        height:40px;
        font-size:18px;
    }

    .m-store-head{
        margin-top:-28px;
    }

    .m-store-avatar{
        width:56px;
        height:56px;
    }

    .m-store-info .name{
        font-size:16px;
    }

    .qa-form .form-control{
        padding:0 20px;
        height:52px;
        min-height:52px;
    }

    .support-detail-page .bento-chat-card{
        height:calc(100vh - 120px);
        border-radius:var(--radius-ui);
        border:1px solid var(--border-color);
    }

    .support-detail-page .msg-row{
        max-width:100%;
    }

    .support-detail-page .chat-pill{
        display:none;
    }

    .store-apply-page .apply-benefits-grid{
        grid-template-columns:1fr;
    }

    .store-apply-page .apply-req-grid{
        grid-template-columns:1fr;
    }

    .store-apply-page .bento-btn-apply{
        width:100%;
    }

    .advert-orders-page .bsf-input,
    .advert-orders-page .bsf-btn,
    .product-orders-page .bsf-input,
    .product-orders-page .bsf-btn{
        width:100%;
    }

    .review-modal-head{
        align-items:flex-start;
    }

    .review-star-rating{
        gap:6px;
    }

    .review-star{
        width:40px;
        height:40px;
        border-radius:var(--radius-ui);
    }

    .bs-actions{
        grid-template-columns:1fr;
    }

    .bento-search-form{
        flex-direction:column;
    }

    .bsf-input, .bsf-btn{
        width:100%;
    }

    .bsf-input{
        height:48px;
        min-height:48px;
        flex:none;
    }

    .bento-order-actions{
        flex-direction:column;
        align-items:stretch;
        gap:12px;
        margin-top:0;
        padding-top:20px;
    }

    .boa-btn{
        width:100%;
        max-width:none;
        flex-shrink:0;
        justify-content:center;
        padding:12px 18px;
        font-size:14px;
    }

    .bento-order-actions .ms-auto{
        margin-left:0 !important;
    }

    .advert-orders-page .bento-box,
    .product-orders-page .bento-box{
        padding:16px;
    }

    .advert-orders-page .bento-control-bar,
    .product-orders-page .bento-control-bar{
        gap:16px;
    }

    .advert-orders-page .bento-order-card,
    .product-orders-page .bento-order-card{
        margin-bottom:16px;
        border-radius:12px;
    }

    .advert-orders-page .boc-header,
    .product-orders-page .boc-header{
        padding:16px;
    }

    .advert-orders-page .bento-order-body,
    .product-orders-page .bento-order-body{
        padding:16px;
    }

    .advert-orders-page .boc-image,
    .product-orders-page .boc-image{
        width:56px;
        height:56px;
    }

    .advert-orders-page .boc-title,
    .product-orders-page .boc-title{
        font-size:14px;
    }

    .advert-orders-page .boc-meta,
    .product-orders-page .boc-meta{
        gap:8px;
    }

    .advert-orders-page .bento-key-box .bkb-item,
    .product-orders-page .bento-key-box .bkb-item{
        align-items:flex-start;
        padding:10px 12px;
        font-size:13px;
        word-break:break-all;
    }

    .bento-quick-filters{
        gap:8px;
        padding-bottom:8px;
        -webkit-overflow-scrolling:touch;
    }

    .bq-filter{
        padding:10px 14px;
        font-size:12px;
        flex-shrink:0;
    }

    .swal2-popup.customPopupSwal,
    .swal2-popup.review-modal-popup{
        width:min(420px, calc(100vw - 32px)) !important;
        margin:16px !important;
        max-height:85vh;
        overflow-y:auto;
    }

    .swal2-popup.customPopupSwal .swal2-html-container,
    .swal2-popup.review-modal-popup .swal2-html-container{
        max-height:50vh;
        overflow-y:auto;
    }

    .review-modal-shell{
        padding:0 4px;
    }

    .review-modal-textarea{
        min-height:110px;
    }

    .swal2-popup.customPopupSwal .swal2-actions{
        flex-direction:row !important;
        flex-wrap:wrap;
        justify-content:center;
    }
    .swal2-popup.review-modal-popup .swal2-actions{
        flex-direction:column;
        width:100%;
    }

    .swal2-popup.review-modal-popup .swal2-styled{
        width:100%;
        margin:4px 0 !important;
    }

    .dash-stats-grid{
        grid-template-columns:1fr;
    }

    .notify-item{
        flex-direction:column;
        align-items:flex-start;
        gap:15px;
    }

    .notify-item .form-switch{
        align-self:flex-end;
    }

    .dash-mini-grid{
        grid-template-columns:1fr;
    }

    .deposit-wrapper .wb-security-bar{
        flex-direction:column;
        align-items:flex-start;
    }

    .donate-page .streamer-live-hero{
        padding:32px 16px;
        margin-bottom:20px;
    }

    .donate-page .sp-avatar-wrap{
        width:80px;
        height:80px;
    }

    .donate-page .streamer-name{
        font-size:20px;
    }

    .donate-page .streamer-badge{
        padding:5px 10px;
        font-size:11px;
    }

    .donate-page .k-box{
        padding:20px;
    }

    .donate-page .k-box-title{
        font-size:15px;
        margin-bottom:16px;
    }

    .donate-page .quick-amounts{
        grid-template-columns:repeat(2, 1fr);
        gap:6px;
    }

    .donate-page .donate-btn{
        height:38px;
        font-size:12px;
    }

    .donate-page .amount-group{
        flex-wrap:nowrap;
    }
    .donate-page .amount-group .input-group-text{
        height:44px;
        padding:0 12px;
        font-size:11px;
        flex-shrink:0;
    }

    .donate-page .amount-group .form-control{
        height:44px;
        line-height:44px;
        min-width:0;
    }

    .donate-page .amount-group .form-control:first-child{
        font-size:15px;
    }

    .donate-page .amount-group .form-control:nth-child(2){
        flex:0 0 56px;
        text-align:center;
    }

    .donate-page .btn-submit-donate{
        height:46px;
    }

    .saas-product-card{
        padding:12px;
        border-radius:var(--radius-ui);
    }

    .spc-title{
        font-size:16px;
    }

    .spc-title-area h1{
        font-size:18px;
    }

    .spc-cat-icon{
        width:44px;
        height:44px;
    }

    .spc-cat-icon img{
        max-width:28px;
        max-height:28px;
    }

    .saas-buy-box{
        padding:10px 12px;
        gap:10px;
    }

    .sbb-price{
        font-size:22px;
    }

    .sbb-old-price{
        font-size:13px;
    }

    .saas-buy-box .p-qty{
        height:40px;
        min-width:96px;
    }

    .saas-buy-box .p-qty button{
        width:30px;
        height:30px;
        font-size:14px;
    }

    .hurry-up2 .viewer-avatars{
        display:none;
    }

    .hurry-up2 .viewer-avatars .avatar:nth-child(n+2){
        display:none;
    }

    .hurry-up2{
        font-size:13px;
    }

    .seller-badges .badge-chip .text-full{
        display:none;
    }

    .seller-badges .badge-chip .text-short{
        display:inline;
    }

    .advert-feature-row .feature-badges{
        overflow-x:auto;
        overflow-y:hidden;
        -webkit-overflow-scrolling:touch;
        scroll-snap-type:x proximity;
        display:flex;
        flex-wrap:nowrap;
        gap:8px;
        -ms-overflow-style:none;
        scrollbar-width:none;
    }

    .advert-feature-row .feature-badges::-webkit-scrollbar{
        display:none;
    }

    .advert-feature-row .feature-badge{
        flex:0 0 auto;
        scroll-snap-align:start;
        width:auto;
        max-width:none;
        min-width:160px;
        white-space:nowrap;
    }
}
.sticky-cta:has(.inner){ position:fixed; left:0; right:0; bottom:0; z-index:1000; display:none; backdrop-filter:blur(8px); background:color-mix(in srgb, var(--bg-header) 95%, transparent); border-top:1px solid var(--border-color); }
.sticky-cta .inner{ max-width:1200px; margin:0 auto; padding:10px 16px; display:flex; align-items:center; justify-content:space-between; gap:12px; }
.sticky-cta .left{ display:flex; align-items:center; gap:10px; min-width:0; }
.sticky-cta .qty-price{ display:inline-flex; align-items:center; gap:10px; }
.sticky-cta .thumb{
    width:40px;
    height:40px;
    border-radius:4px;
    overflow:hidden;
    background:var(--input-bg, #eee);
    flex-shrink:0;
}
.sticky-cta .thumb img{ width:100%; height:100%; object-fit:cover; }
.sticky-cta .title{ font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:52vw; font-size:14px; color:var(--dark-text); }
.sticky-cta .number{
    border-radius:4px;
    border:1px solid var(--primary-blue);
    background:var(--bg-header);
    padding:6px 8px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    max-width:160px;
    height:50px;
}
.sticky-cta .number input{ width:40px; color:var(--gray-text); font-size:16px; font-weight:600; text-align:center; border:0; padding:6px 0; background:transparent; }
.sticky-cta .number input:focus, .sticky-cta .number input:hover, .sticky-cta .number input:active{ outline:none; box-shadow:none; }
.sticky-cta .number button{
    width:34px;
    height:34px;
    min-width:34px;
    border-radius:4px;
    background:color-mix(in srgb, var(--primary-blue) 10%, transparent);
    color:var(--primary-blue);
    font-size:20px;
    font-weight:600;
    border:0;
    transition:var(--transition);
    display:flex;
    align-items:center;
    justify-content:center;
}
.sticky-cta .number button:hover{ background:var(--primary-blue); color:#fff; }
body.dark .sticky-cta .number,
body.dark-mode .sticky-cta .number,
html.dark-mode .sticky-cta .number{
    background:var(--input-bg);
    border-color:var(--border-color);
}
body.dark .sticky-cta .number button,
body.dark-mode .sticky-cta .number button,
html.dark-mode .sticky-cta .number button{
    background:var(--bg-light);
    border:1px solid var(--border-color);
    color:var(--dark-text);
}
.sticky-cta .price{ display:inline-flex; align-items:center; gap:8px; font-weight:700; color:var(--dark-text); }
.sticky-cta .cta-btn{ display:inline-flex; align-items:center; gap:8px; padding:10px 16px; border-radius:4px; font-weight:700; color:var(--dark-text); }
body.dark .sticky-cta,
body.dark-mode .sticky-cta,
html.dark-mode .sticky-cta{
    background:color-mix(in srgb, var(--bg-header) 95%, transparent);
    border-top-color:var(--border-color);
}
body.dark .sticky-cta .price,
body.dark-mode .sticky-cta .price,
html.dark-mode .sticky-cta .price{ color:var(--dark-text); }
body.dark .sticky-cta .thumb,
body.dark-mode .sticky-cta .thumb,
html.dark-mode .sticky-cta .thumb{ background:var(--bg-light); }
body.dark .sticky-cta .title,
body.dark-mode .sticky-cta .title,
html.dark-mode .sticky-cta .title{ color:var(--dark-text); }
.sticky-cta .btn-buy{
    border-radius:4px;
    background:var(--success-green);
    padding:5px 16px;
    color:#fff;
    font-size:16px;
    font-weight:500;
    border:0;
    display:flex;
    align-items:center;
    transition:var(--transition);
    text-align:center;
    justify-content:center;
    white-space:nowrap;
    height:50px;
}
.sticky-cta .btn-buy:hover{ filter:brightness(1.05); }
.sticky-cta .btn-buy i{ margin-right:12px; }
.sticky-cta .btn-buy.orange{ background:var(--warning-orange); color:#fff; }
.sticky-cta .btn-buy.orange:hover{ filter:brightness(1.08); }
.sticky-cta .btn-buy.orange-{ background:var(--success-green); color:#fff; }
.sticky-cta .btn-buy.orange-:hover{ filter:brightness(0.95); }

.expired-alert{
    background:var(--input-bg, #f7f7f9);
    border:1px solid var(--border-color, #eee);
    border-radius:var(--radius-ui);
    padding:24px 28px;
    box-shadow:var(--box-shadow);
}
.expired-alert .expired-content{ display:flex; gap:16px; align-items:flex-start; }
.expired-alert .expired-icon{
    width:48px;
    height:48px;
    border-radius:var(--radius-ui);
    background:color-mix(in srgb, var(--primary-blue) 12%, transparent);
    color:var(--primary-blue);
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
}
.expired-alert .expired-title{ margin:0 0 6px 0; color:var(--dark-text); }
.expired-alert .expired-desc{ color:var(--gray-text); }
.expired-alert .expired-actions{ margin-top:12px; }
.expired-alert .expired-btn{
    background:var(--primary-blue);
    color:#fff;
    border:0;
    border-radius:var(--radius-ui);
    padding:10px 16px;
    display:inline-block;
    font-weight:600;
}
.expired-alert .expired-btn:hover{ filter:brightness(0.95); }
@media (min-width: 768px) and (max-width: 991px){

    .main-slider{
        height:420px;
        max-height:420px;
        padding-bottom:0;
    }

    .main-slider .swiper-slide{
        height:100%;
    }

    .main-slider .swiper-slide .slide-link{
        height:100%;
    }

    .main-slider .swiper-slide .slide-link img{
        height:100%;
        width:100%;
        object-fit:cover;
        object-position:center center;
    }

    .main-slider .txt-content{
        left:36px;
        width:58%;
        padding-bottom:28px;
    }

    .main-slider .top-title{
        font-size:17px;
    }

    .main-slider .main-title{
        font-size:26px;
        margin-bottom:8px;
        display:-webkit-box;
        -webkit-line-clamp:2;
        line-clamp:2;
        -webkit-box-orient:vertical;
        overflow:hidden;
    }

    .main-slider .sub-title{
        font-size:13px;
        display:-webkit-box;
        -webkit-line-clamp:2;
        line-clamp:2;
        -webkit-box-orient:vertical;
        overflow:hidden;
    }

    .main-slider .round-btn{
        font-size:12px;
        padding:3px 14px;
        margin:0 0 10px 0;
    }

    .main-slider .swiper-slide::before{
        width:6px;
        height:170px;
    }

    .slider-thumbs-wrapper{
        height:60px;
        overflow-x:auto !important;
        overflow-y:hidden !important;
        flex-wrap:nowrap !important;
        -webkit-overflow-scrolling:touch;
        scrollbar-width:none;
    }

    .slider-thumbs-wrapper .hero-tumb{
        padding:10px 8px;
        border-top-width:3px;
        flex:0 0 16.6667% !important;
        width:16.6667% !important;
        min-width:16.6667% !important;
    }

    .slider-thumbs-wrapper .hero-tumb img,
    .slider-thumbs-wrapper .hero-tumb svg{
        max-height:20px !important;
    }

    .quick-products-section > .container-xxl > .row.gx-4{
        row-gap:12px;
    }

    .quick-products-section .game-list-box{
        margin-bottom:12px;
    }

    .quick-products-section .game-tabs .nav-link{
        margin-bottom:0 !important;
    }

    .modern-footer .row.gy-5 > .col-xl-3.col-lg-4.col-md-6{
        flex:0 0 100%;
        max-width:100%;
    }

    .footer-bottom-links{
        justify-content:center !important;
    }

    .slider-thumbs-wrapper::-webkit-scrollbar{
        display:none;
    }
}
@media (min-width: 768px) and (max-width: 1199px){

    .grid-5-col{
        grid-template-columns:repeat(3, 1fr);
    }
    .grid-6-col{
        grid-template-columns:repeat(3, 1fr);
    }

    .premium-grid-5{
        grid-template-columns:repeat(3, 1fr);
    }
}
@media (max-width: 1199px){

    .user-game-accounts-page .uga-grid{
        grid-template-columns:1fr;
    }

    .aff-stats-grid{
        grid-template-columns:repeat(2, 1fr);
    }

    .aff-steps-grid{
        grid-template-columns:repeat(2, 1fr);
    }

    .sli-stats{
        padding:0 16px;
        gap:16px;
    }

    .doping-grid{
        grid-template-columns:1fr;
    }

    .active-doping-item{
        grid-template-columns:1fr;
    }

    .dash-stats-grid{
        grid-template-columns:repeat(2, 1fr);
    }
}

/* ===== PRODUCT DETAIL PAGE - RESPONSIVE ===== */
@media (max-width:991px){
    .product-detail-page .detail .container-xxl{ padding-left:12px; padding-right:12px; }
}
@media (max-width:767px){
    .product-detail-page .breadcrumb ol{ flex-wrap:nowrap; gap:0; font-size:12px; }
    .product-detail-page .breadcrumb ol li{ max-width:150px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; flex-shrink:0; }
    .product-detail-page .saas-product-card{ padding:16px; border-radius:var(--radius-ui); }
    .product-detail-page .saas-product-card .row.g-4{ --bs-gutter-x:12px; --bs-gutter-y:16px; }
    .product-detail-page .spc-image-wrap{ border-radius:var(--radius-ui); }
    .product-detail-page .spc-fav-btn{ top:10px !important; right:10px !important; width:40px; height:40px; border-radius:var(--radius-ui); }
    .product-detail-page .spc-header{ flex-direction:column; align-items:stretch; text-align:left; gap:12px; }
    .product-detail-page .spc-header-left{ flex-direction:row; align-items:flex-start; gap:10px; }
    .product-detail-page .spc-title-area{ text-align:left; }
    .product-detail-page .spc-title-area h1{ font-size:1.2rem; line-height:1.35; }
    .product-detail-page .spc-cat-icon{ width:46px; height:46px; border-radius:var(--radius-ui); }
    .product-detail-page .spc-cat-icon img{ max-width:28px; max-height:28px; }
    .product-detail-page .spc-meta-row{ justify-content:flex-start; flex-wrap:nowrap; overflow-x:auto; overflow-y:hidden; -webkit-overflow-scrolling:touch; gap:8px; scrollbar-width:none; -ms-overflow-style:none; }
    .product-detail-page .spc-meta-row::-webkit-scrollbar{ display:none; }
    .product-detail-page .spc-rating,
    .product-detail-page .spc-seller{ flex:0 0 auto; white-space:nowrap; }
    .product-detail-page .spc-desc{ font-size:13px; line-height:1.6; margin:12px 0; }
    .product-detail-page .hurry-up2{ padding:10px 12px; font-size:13px; gap:10px; flex-wrap:wrap; }
    .product-detail-page .hurry-up2 .right-group{ margin-left:0; width:100%; justify-content:flex-start; }
    .product-detail-page .hurry-up2 .trust-badge{ font-size:12px; }
    .product-detail-page .saas-product-card .feature-badges{ flex-wrap:nowrap; overflow-x:auto; overflow-y:hidden; -webkit-overflow-scrolling:touch; gap:8px; padding-bottom:2px; scrollbar-width:none; -ms-overflow-style:none; }
    .product-detail-page .saas-product-card .feature-badges::-webkit-scrollbar{ display:none; }
    .product-detail-page .saas-product-card .feature-badge{ flex:0 0 auto; white-space:nowrap; padding:8px 12px; border-radius:var(--radius-ui); font-size:12px; }
    .product-detail-page .saas-buy-box{ padding:14px; gap:12px; border-radius:var(--radius-ui); }
    .product-detail-page .sbb-price-area{ width: 100% !important;
        justify-content: flex-start;
        align-items: center;
        gap: 8px !important; }
    .product-detail-page .sbb-price{ font-size:24px; }
    .product-detail-page .sbb-old-price{ font-size:13px; }
    .product-detail-page .saas-buy-box .p-cart-row{ width:100%; display:flex; align-items:center; gap:8px; flex-wrap:nowrap; }
    .product-detail-page .saas-buy-box .p-qty{ min-width:104px; height:46px; flex:0 0 auto; border-radius:var(--radius-ui); }
    .product-detail-page .saas-buy-box .p-qty button{ width:32px; height:32px; }
    .product-detail-page .saas-buy-box .p-qty input{ width:28px; font-size:14px; }
    .product-detail-page .saas-buy-box .p-add-cart{ width:46px; height:46px; flex:0 0 46px; border-radius:var(--radius-ui); }
    .product-detail-page .saas-buy-box .btn-buy-product,
    .product-detail-page .saas-buy-box .btn-stokyok{ flex:1 1 0; min-width:0; max-width:none; height:46px; padding:0 14px; justify-content:center; white-space:nowrap; }
    .product-detail-page .saas-tabs-head{ padding:12px 14px 0; }
    .product-detail-page .saas-tabs-head .nav{ flex-wrap:nowrap; overflow-x:auto; overflow-y:hidden; -webkit-overflow-scrolling:touch; gap:8px; margin:0 -14px; padding:0 14px; scrollbar-width:none; -ms-overflow-style:none; }
    .product-detail-page .saas-tabs-head .nav::-webkit-scrollbar{ display:none; }
    .product-detail-page .saas-tabs-head .nav .nav-item{ flex:0 0 auto; }
    .product-detail-page .saas-tabs-head .nav-link{ white-space:nowrap; padding:8px 14px; font-size:13px; }
    .saas-tabs-body{ padding:20px 16px; }
    .product-detail-page .html-text table,
    .product-detail-page .html-text pre{ display:block; max-width:100%; overflow-x:auto; }
    .product-detail-page .html-text{ overflow-wrap:break-word; word-break:break-word; }
}
@media (max-width:576px){
    .product-detail-page .breadcrumb ol li{ max-width:110px; }
    .product-detail-page .saas-product-card{ padding:12px; border-radius:var(--radius-ui); }
    .product-detail-page .spc-image-wrap{ border-radius:var(--radius-ui); }
    .product-detail-page .spc-fav-btn{ width:36px; height:36px; font-size:18px; }
    .product-detail-page .spc-header-left{ gap:8px; }
    .product-detail-page .spc-cat-icon{ width:42px; height:42px; }
    .product-detail-page .spc-cat-icon img{ max-width:24px; max-height:24px; }
    .product-detail-page .spc-title-area h1{ font-size:1.08rem; }
    .product-detail-page .spc-brand{ font-size:10px; }
    .product-detail-page .spc-rating,
    .product-detail-page .spc-seller{ min-height:34px; padding:4px 10px; font-size:11px; }
    .product-detail-page .spc-seller img{ width:20px; height:20px; }
    .product-detail-page .hurry-up2{ font-size:12px; }
    .product-detail-page .hurry-up2 .viewer-avatars{ display:none; }
    .product-detail-page .saas-product-card .feature-badge{ font-size:11px; padding:7px 10px; }
    .product-detail-page .sbb-price-area{         justify-content: flex-start;
        align-items: center; }
    .product-detail-page .sbb-price{ order:1; }
    .product-detail-page .sbb-old-price{ order:2;  }
    .product-detail-page .sbb-price{ font-size:20px; }
    .product-detail-page .sbb-old-price{ font-size:12px; }
    .product-detail-page .saas-buy-box .p-cart-row{ gap:6px; }
    .product-detail-page .saas-buy-box .p-qty{ min-width:90px; height:40px; }
    .product-detail-page .saas-buy-box .p-qty button{ width:28px; height:28px; }
    .product-detail-page .saas-buy-box .p-add-cart{ width:40px; height:40px; flex:0 0 40px; }
    .product-detail-page .saas-buy-box .btn-buy-product,
    .product-detail-page .saas-buy-box .btn-stokyok{ height:40px; font-size:12px; padding:0 12px; }
    .product-detail-page .saas-related-title{ margin-top:20px !important; margin-bottom:12px; font-size:15px; }
    .product-detail-page .saas-related-card{ padding:12px; border-radius:var(--radius-ui); gap:10px; }
    .product-detail-page .src-img{ width:42px; height:42px; border-radius:var(--radius-ui); }
    .product-detail-page .src-title{ font-size:12px; }
    .product-detail-page .src-price{ font-size:13px; }
    .product-detail-page .saas-tabs-box{ border-radius:var(--radius-ui); margin-top:18px; }
    .saas-tabs-body{ padding:16px 14px; }
    .product-detail-page .html-text th,
    .product-detail-page .html-text td{ padding:9px 10px; font-size:12px; }
}
@media (max-width:390px){
    .product-detail-page .saas-buy-box .p-cart-row{ gap:5px; }
    .product-detail-page .saas-buy-box .p-qty{ min-width:84px; height:38px; }
    .product-detail-page .saas-buy-box .p-qty button{ width:26px; height:26px; }
    .product-detail-page .saas-buy-box .p-add-cart{ width:38px; height:38px; flex:0 0 38px; }
    .product-detail-page .saas-buy-box .btn-buy-product,
    .product-detail-page .saas-buy-box .btn-stokyok{ height:38px; padding:0 10px; font-size:11px; }
}  

/* app.blade.php cart/swal modal styles - migrated from inline */
.before-purchase-notes *{ font:revert; }
.before-purchase-notes p,.before-purchase-notes ul{ font-size:12px !important; }
.before-purchase-notes ul{ list-style:inside !important; }
.before-purchase-notes ul li::marker{ margin:0 !important; padding:0 !important; }
.cart-add-modal{ text-align:left; }
.cart-modal-note{ padding:14px 16px; border-radius:18px; background:rgba(61,90,254,0.06); border:1px solid rgba(61,90,254,0.16); color:var(--dark-text,#101828); }
.cart-modal-agreement{font-size:12px; line-height:1.45; color:var(--gray-text,#64748b); }
.cart-modal-note p:last-child{ margin-bottom:0; }
.cart-modal-qty{ display:flex; align-items:center; gap:6px; background:var(--bg-header,#fff); border:1px solid rgba(15,23,42,0.12); border-radius:14px; padding:4px 6px; height:48px; width:fit-content; }
.cart-modal-qty .btn{ width:38px; height:38px; min-width:38px; border-radius:10px; border:none; background:rgba(15,23,42,0.06); color:var(--dark-text,#101828); display:flex; align-items:center; justify-content:center; font-size:18px; padding:0; transition:background .18s ease; }
.cart-modal-qty .btn:hover{ background:rgba(61,90,254,0.12); color:var(--primary-blue,#3d5afe); }
.cart-modal-qty #cart-modal-quantity{ width:48px !important; min-width:48px; max-width:48px !important; height:38px !important; margin:0 !important; padding:0 4px !important; border:none !important; border-radius:8px !important; background:transparent !important; font-size:15px !important; font-weight:800 !important; text-align:center !important; box-shadow:none !important; }
.cart-modal-field-message{ min-height:18px; margin-top:6px; font-size:12px; line-height:1.35; font-weight:600; }
.cart-modal-field-message:empty{ display:none; min-height:0; margin:0; }
.cart-modal-field-message.is-error{ color:#dc3545; }
.cart-modal-field-message.is-success{ color:#198754; }
.cart-modal-input.is-invalid{ border-color:#dc3545 !important; box-shadow:0 0 0 0.15rem rgba(220,53,69,0.14) !important; }
.cart-modal-field .form-label{ display:block; margin-bottom:8px; font-size:12px; font-weight:800; letter-spacing:.02em; text-transform:uppercase; color:var(--gray-text,#667085); }
.cart-game-accounts-list{ background:#fff; }
body.dark-mode .cart-game-accounts-list{ background:var(--input-bg); }
.game-account-item{ border-radius:10px !important; padding:10px 12px !important; transition:background-color .2s ease,border-color .2s ease; cursor:pointer; border:1px solid transparent; }
.game-account-item:hover{ background:rgba(61,90,254,0.08) !important; border-color:rgba(61,90,254,0.2); }

/* ilan ekle/duzenle stok satir onizleme */
.add .stoklurun .stock-preview-wrapper{ border:1px solid #e2e8f0; border-radius:14px; padding:12px; background:#f8fafc; }
.add .stoklurun .stock-preview-title{ font-size:13px; font-weight:700; color:#334155; margin-bottom:10px; }
.add .stoklurun .stock-preview-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(220px,1fr)); gap:8px; max-height:260px; overflow-y:auto; padding-right:2px; }
.add .stoklurun .stock-preview-item{ border:1px solid #cbd5e1; border-radius:10px; background:#fff; padding:8px 10px; }
.add .stoklurun .stock-preview-item .line-no{ font-size:11px; font-weight:700; color:#64748b; margin-bottom:4px; }
.add .stoklurun .stock-preview-item .line-value{ font-size:13px; color:#0f172a; white-space:normal; overflow-wrap:anywhere; }

/* ilan duzenle mevcut stok kartlari */
.add .stoklurun .key-item{ position:relative; border:1px solid #cbd5e1; border-radius:12px; background:#fff; padding:10px 38px 10px 12px; min-height:56px; }
.add .stoklurun .key-item .stock-item-actions{ position:absolute; top:7px; right:7px; display:flex; flex-direction:column; gap:4px; }
.add .stoklurun .key-item .stock-drag-handle{ width:20px; height:20px; border:none; border-radius:7px; display:flex; align-items:center; justify-content:center; background:#e2e8f0; color:#475569; padding:0; cursor:grab; }
.add .stoklurun .key-item .stock-drag-handle:active{ cursor:grabbing; }
.add .stoklurun .key-item .stock-drag-handle:hover{ background:#cbd5e1; }
.add .stoklurun .key-item .key{ font-size:13px; line-height:1.45; color:#0f172a; white-space:normal !important; word-break:break-word; overflow-wrap:anywhere; }
.add .stoklurun .key-item .remove-key{ width:20px; height:20px; border:none; border-radius:7px; display:flex; align-items:center; justify-content:center; background:#fee2e2; color:#b91c1c; padding:0; }
.add .stoklurun .key-item .remove-key:hover{ background:#fecaca; }
.add .stoklurun .stock-sort-ghost{ opacity:.5; }
.add .stoklurun .stock-sort-chosen .key-item{ border-color:#3d5afe; box-shadow:0 0 0 2px rgba(61,90,254,0.18); }

/* ilan stok kutulari - dark mode */
body.dark-mode .add .stoklurun .stock-preview-wrapper,
body.kd-dark .add .stoklurun .stock-preview-wrapper{ border-color:#334155; background:#0f172a; }
body.dark-mode .add .stoklurun .stock-preview-title,
body.kd-dark .add .stoklurun .stock-preview-title{ color:#cbd5e1; }
body.dark-mode .add .stoklurun .stock-preview-item,
body.kd-dark .add .stoklurun .stock-preview-item{ border-color:#475569; background:#1e293b; }
body.dark-mode .add .stoklurun .stock-preview-item .line-no,
body.kd-dark .add .stoklurun .stock-preview-item .line-no{ color:#94a3b8; }
body.dark-mode .add .stoklurun .stock-preview-item .line-value,
body.kd-dark .add .stoklurun .stock-preview-item .line-value{ color:#e2e8f0; }
body.dark-mode .add .stoklurun .key-item,
body.kd-dark .add .stoklurun .key-item{ border-color:#475569; background:#1e293b; }
body.dark-mode .add .stoklurun .key-item .stock-drag-handle,
body.kd-dark .add .stoklurun .key-item .stock-drag-handle{ background:#334155; color:#cbd5e1; }
body.dark-mode .add .stoklurun .key-item .stock-drag-handle:hover,
body.kd-dark .add .stoklurun .key-item .stock-drag-handle:hover{ background:#475569; }
body.dark-mode .add .stoklurun .key-item .key,
body.kd-dark .add .stoklurun .key-item .key{ color:#e2e8f0; }
body.dark-mode .add .stoklurun .key-item .remove-key,
body.kd-dark .add .stoklurun .key-item .remove-key{ background:rgba(185,28,28,0.2); color:#fecaca; }
body.dark-mode .add .stoklurun .key-item .remove-key:hover,
body.kd-dark .add .stoklurun .key-item .remove-key:hover{ background:rgba(185,28,28,0.35); }

/* ilan stok kutulari - responsive */
@media (max-width: 991.98px){
   .add .stoklurun .stock-preview-grid{ grid-template-columns:repeat(auto-fill,minmax(180px,1fr)); max-height:220px; }
}
@media (max-width: 575.98px){
   .add .stoklurun .stock-preview-wrapper{ padding:10px; border-radius:12px; }
   .add .stoklurun .stock-preview-grid{ grid-template-columns:1fr; gap:7px; max-height:200px; }
   .add .stoklurun .stock-preview-item{ padding:8px; }
   .add .stoklurun .key-item{ padding:9px 32px 9px 9px; min-height:50px; border-radius:10px; }
   .add .stoklurun .key-item .key{ font-size:12px; }
   .add .stoklurun .key-item .stock-item-actions{ top:6px; right:6px; gap:4px; }
   .add .stoklurun .key-item .remove-key{ width:18px; height:18px; border-radius:6px; }
   .add .stoklurun .key-item .stock-drag-handle{ width:18px; height:18px; border-radius:6px; }
}

/* ilan duzenle stok aksiyon butonlari */
.add .stoklurun .toplustok{ gap:8px !important; }
.add .stoklurun .toplustok > a.btn,
.add .stoklurun .toplustok > .stock-upload-trigger{
   height:38px;
   border-radius:10px !important;
   padding:0 14px !important;
   font-size:12px !important;
   font-weight:700 !important;
   line-height:1;
   display:inline-flex !important;
   align-items:center;
   justify-content:center;
   gap:7px;
   border:1px solid transparent;
   text-decoration:none;
   transition:all .18s ease;
}
.add .stoklurun .toplustok > a.btn{
   box-shadow:0 2px 8px rgba(15,23,42,0.08);
}
.add .stoklurun .toplustok > a.btn-danger{
   background:#dc3545 !important;
   border-color:#dc3545 !important;
}
.add .stoklurun .toplustok > a.btn-primary{
   background:#3d5afe !important;
   border-color:#3d5afe !important;
}
.add .stoklurun .toplustok > a.btn-success{
   background:#198754 !important;
   border-color:#198754 !important;
}
.add .stoklurun .toplustok > a.btn:hover{
   filter:brightness(1.05);
   box-shadow:0 6px 14px rgba(15,23,42,0.14);
}
.add .stoklurun .toplustok > .stock-upload-trigger{
   border-color:rgba(61,90,254,0.35);
   background:rgba(61,90,254,0.08);
   color:var(--primary-blue,#3d5afe);
}

/* dark mode */
body.dark-mode .add .stoklurun .toplustok > a.btn,
body.kd-dark .add .stoklurun .toplustok > a.btn{
   box-shadow:none;
   border-color:rgba(255,255,255,0.16) !important;
}
body.dark-mode .add .stoklurun .toplustok > a.btn-danger,
body.kd-dark .add .stoklurun .toplustok > a.btn-danger{ background:#7f1d1d !important; }
body.dark-mode .add .stoklurun .toplustok > a.btn-primary,
body.kd-dark .add .stoklurun .toplustok > a.btn-primary{ background:#3730a3 !important; }
body.dark-mode .add .stoklurun .toplustok > a.btn-success,
body.kd-dark .add .stoklurun .toplustok > a.btn-success{ background:#14532d !important; }
body.dark-mode .add .stoklurun .toplustok > .stock-upload-trigger,
body.kd-dark .add .stoklurun .toplustok > .stock-upload-trigger{
   background:rgba(61,90,254,0.16);
   border-color:rgba(129,140,248,0.5);
   color:#a5b4fc;
}

/* responsive */
@media (max-width: 767.98px){
   .add .stoklurun .stock-upload-head{ align-items:flex-start; }
   .add .stoklurun .toplustok{
      width:100%;
      justify-content:flex-start !important;
   }
   .add .stoklurun .toplustok > a.btn,
   .add .stoklurun .toplustok > .stock-upload-trigger{
      flex:1 1 calc(50% - 6px);
      min-width:160px;
   }
}
@media (max-width: 575.98px){
   .add .stoklurun .toplustok > a.btn,
   .add .stoklurun .toplustok > .stock-upload-trigger{
      flex:1 1 100%;
      min-width:0;
      height:36px;
      font-size:11px !important;
   }
}


/* =============================================================================
   CS2 ilan ekle (ilaneklecs2.blade.php) — özet / seçili skin kartları + responsive
   ============================================================================= */
/* Selected Summary */
.cs2-add-page .selected-summary {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   gap: 0.75rem;
   background: #f8f9fa;
   border: 1px solid #e4e4e4;
   border-radius: 12px;
   padding: 0.75rem;
   margin-bottom: 1rem;
}
.cs2-add-page .selected-summary .summary-item {
   display: flex;
   align-items: center;
   gap: 0.5rem;
   background: #fff;
   border: 1px solid #eaeaea;
   border-radius: 10px;
   padding: 0.6rem 0.75rem;
}
.cs2-add-page .selected-summary .summary-item i {
   color: #3d5afe;
   font-size: 1.1rem;
}
.cs2-add-page .selected-summary .summary-item .label {
   color: #666;
   font-weight: 600;
   font-size: 0.85rem;
}
.cs2-add-page .selected-summary .summary-item .value {
   margin-left: auto;
   color: #333;
   font-weight: 800;
   font-size: 0.95rem;
}

/* Selected Skin Card (Redesigned) */
.cs2-add-page .selected-skin-card {
   display: grid;
   grid-template-columns: 88px minmax(0, 1fr) minmax(360px, 1.35fr) 48px;
   align-items: center;
   gap: 1rem;
   padding: 0.9rem;
   border: 1px solid #e4e4e4;
   border-radius: 12px;
   background: #fff;
   transition: box-shadow .2s ease, border-color .2s ease;
}
.cs2-add-page .selected-skin-card:hover {
   box-shadow: 0 4px 12px rgba(61, 90, 254, 0.15);
   border-color: #3d5afe;
}
.cs2-add-page .selected-skin-card .thumb {
   width: 88px;
   height: 88px;
   border-radius: 10px;
   background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
   border: 2px solid #e4e4e4;
   display: flex;
   align-items: center;
   justify-content: center;
   overflow: hidden;
   padding: 6px;
}
.cs2-add-page .selected-skin-card .thumb img {
   width: 100%;
   height: 100%;
   object-fit: contain;
   border-radius: 6px;
}
.cs2-add-page .selected-skin-card .meta .name {
   margin: 0 0 .25rem 0;
   font-size: 1rem;
   font-weight: 700;
   color: #333;
}
.cs2-add-page .selected-skin-card .meta .sub {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   gap: .5rem;
}
.cs2-add-page .selected-skin-card .meta .badge.exterior {
   background: #f1f3ff;
   border: 1px solid #e0e4ff;
   color: #3d5afe;
   font-weight: 700;
   border-radius: 999px;
   padding: .35rem .6rem;
   font-size: .75rem;
}
.cs2-add-page .selected-skin-card .meta .badge.recommended {
   background: #f8f9ff;
   border: 1px solid #e0e4ff;
   color: #3d5afe;
   border-radius: 8px;
   padding: .35rem .6rem;
   display: inline-flex;
   align-items: center;
   gap: .4rem;
   font-size: .78rem;
   font-weight: 600;
}
.cs2-add-page .selected-skin-card .price {
   display: flex;
   flex-direction: column;
}
.cs2-add-page .selected-skin-card .price .form-label {
   margin-bottom: .6rem !important;
   font-weight: 700;
   color: var(--dark-text);
   font-size: .85rem;
}
.cs2-add-page .selected-skin-card .price .form-control {
   height: 40px !important;
   padding: 0 .75rem !important;
   font-size: .9rem !important;
   border-radius: 4px !important;
   line-height: 40px !important;
}
.cs2-add-page .selected-skin-card .price .hint {
   font-size: .75rem;
   color: var(--gray-text);
   margin-top: .25rem;
}
.cs2-add-page .selected-skin-card .fields {
   grid-column: 1 / -1;
}
/* Alanları arka planda tut, kullanıcıya gösterme */
.cs2-add-page .selected-skin-card .fields {
   display: none !important;
}
.cs2-add-page .selected-skin-card .fields .form-label {
   font-weight: 700;
   color: var(--dark-text);
   font-size: .85rem;
}
.cs2-add-page .selected-skin-card .actions {
   display: flex;
   align-items: start;
   justify-content: end;
}
.cs2-add-page .selected-skin-card .btn-icon {
   width: 40px;
   height: 40px;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   border-radius: 10px;
}

/* Responsive */
@media (max-width: 992px) {
   .cs2-add-page .selected-skin-card {
      grid-template-columns: 72px 1fr 1fr 44px;
      gap: .75rem;
   }
}
@media (max-width: 768px) {
   .cs2-add-page .selected-summary {
      grid-template-columns: 1fr;
   }
   .cs2-add-page .selected-skin-card {
      grid-template-columns: 64px 1fr;
      grid-template-areas:
         "thumb meta"
         "price price"
         "actions actions";
   }
   .cs2-add-page .selected-skin-card .thumb { grid-area: thumb; }
   .cs2-add-page .selected-skin-card .meta { grid-area: meta; }
   .cs2-add-page .selected-skin-card .price { grid-area: price; }
   .cs2-add-page .selected-skin-card .actions {
      grid-area: actions;
      justify-content: flex-end;
   }
}

/* CS2 ilan ekle: koyu tema uyumluluğu — selected summary + her skin kartı */
body.dark-mode .cs2-add-page .selected-summary,
body.dark .cs2-add-page .selected-summary,
body.kd-dark .cs2-add-page .selected-summary{
   background:var(--bg-body);
   border-color:var(--border-color);
}
body.dark-mode .cs2-add-page .selected-summary .summary-item,
body.dark .cs2-add-page .selected-summary .summary-item,
body.kd-dark .cs2-add-page .selected-summary .summary-item{
   background:var(--bg-header);
   border-color:var(--border-color);
}
body.dark-mode .cs2-add-page .selected-summary .summary-item .label,
body.dark .cs2-add-page .selected-summary .summary-item .label,
body.kd-dark .cs2-add-page .selected-summary .summary-item .label{
   color:var(--gray-text);
}
body.dark-mode .cs2-add-page .selected-summary .summary-item .value,
body.dark .cs2-add-page .selected-summary .summary-item .value,
body.kd-dark .cs2-add-page .selected-summary .summary-item .value{
   color:var(--dark-text);
}
body.dark-mode .cs2-add-page .selected-skin-card,
body.dark .cs2-add-page .selected-skin-card,
body.kd-dark .cs2-add-page .selected-skin-card{
   background:var(--bg-header);
   border-color:var(--border-color);
   box-shadow:0 4px 14px rgba(0, 0, 0, 0.25);
}
body.dark-mode .cs2-add-page .selected-skin-card:hover,
body.dark .cs2-add-page .selected-skin-card:hover,
body.kd-dark .cs2-add-page .selected-skin-card:hover{
   box-shadow:0 6px 18px rgba(61, 90, 254, 0.30);
   border-color:var(--primary-blue);
}
body.dark-mode .cs2-add-page .selected-skin-card .thumb,
body.dark .cs2-add-page .selected-skin-card .thumb,
body.kd-dark .cs2-add-page .selected-skin-card .thumb{
   background:linear-gradient(135deg, #1c2128 0%, #11141a 100%);
   border-color:var(--border-color);
}
body.dark-mode .cs2-add-page .selected-skin-card .meta .name,
body.dark .cs2-add-page .selected-skin-card .meta .name,
body.kd-dark .cs2-add-page .selected-skin-card .meta .name{
   color:var(--dark-text);
}
body.dark-mode .cs2-add-page .selected-skin-card .meta .badge.exterior,
body.dark .cs2-add-page .selected-skin-card .meta .badge.exterior,
body.kd-dark .cs2-add-page .selected-skin-card .meta .badge.exterior{
   background:rgba(61, 90, 254, 0.14);
   border-color:rgba(61, 90, 254, 0.30);
   color:#a8b5ff;
}
body.dark-mode .cs2-add-page .selected-skin-card .meta .badge.recommended,
body.dark .cs2-add-page .selected-skin-card .meta .badge.recommended,
body.kd-dark .cs2-add-page .selected-skin-card .meta .badge.recommended{
   background:rgba(61, 90, 254, 0.10);
   border-color:rgba(61, 90, 254, 0.26);
   color:#a8b5ff;
}
/* Trade URL Section Styles */
.trade-url-section {
   margin-top: 2rem;
}

.trade-url-card {
   background: #fff;
   border-radius: 8px;
   border: 1px solid #e4e4e4;
   overflow: hidden;
   transition: all 0.3s ease;
}

.trade-url-header {
   background: #f8f9fa;
   padding: 1.5rem;
   display: flex;
   align-items: center;
   gap: 1rem;
   border-bottom: 1px solid #e4e4e4;
}

.trade-url-icon {
   width: 48px;
   height: 48px;
   background: #3d5afe;
   border-radius: 8px;
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: 24px;
   color: #fff;
   flex-shrink: 0;
}

.trade-url-title h4 {
   margin: 0;
   font-size: 1.25rem;
   font-weight: 600;
   color: #333;
}

.trade-url-title p {
   margin: 0.25rem 0 0 0;
   font-size: 0.875rem;
   color: #666;
}

.trade-url-content {
   padding: 1.5rem;
}

.trade-url-new,
.trade-url-select {
   margin-bottom: 1.5rem;
}

.trade-url-label {
   display: flex;
   align-items: center;
   gap: 0.5rem;
   font-weight: 600;
   color: #333;
   margin-bottom: 0.5rem;
   font-size: 0.95rem;
}

.trade-url-label i {
   font-size: 1.1rem;
   color: #3d5afe;
}

.trade-url-input-wrapper {
   position: relative;
   display: grid;
   grid-template-columns: 1fr;
   grid-template-rows: auto auto;
   gap: 0.5rem;
   align-items: stretch;
}

.trade-url-input {
   grid-column: 1;
   grid-row: 1;
   width: 100%;
   min-width: 0;
   position: relative;
   z-index: 1;
   padding: 0.75rem 0.875rem 0.75rem 2.75rem;
   border: 1px solid #e4e4e4;
   border-radius: 4px;
   font-size: 0.95rem;
   transition: all 0.3s ease;
}

.trade-url-input-icon {
   grid-column: 1;
   grid-row: 1;
   align-self: center;
   justify-self: start;
   margin-left: 0.875rem;
   z-index: 2;
   pointer-events: none;
   display: flex;
   align-items: center;
   justify-content: center;
   width: 1.25rem;
   color: #999;
   font-size: 1.1rem;
   line-height: 1;
}

.trade-url-input-icon i {
   display: block;
   line-height: 1;
}

/* CS2 ilan ekle: form köşeleri (yalnızca .cs2-add-page) */
.cs2-add-page .form-control,
.cs2-add-page .form-select,
.cs2-add-page input[type="text"],
.cs2-add-page input[type="number"],
.cs2-add-page input[type="email"],
.cs2-add-page input[type="password"],
.cs2-add-page input[type="search"],
.cs2-add-page textarea,
.cs2-add-page select {
   border-radius: 4px !important;
}

.trade-url-input:focus {
   border-color: #3d5afe;
   box-shadow: 0 0 0 3px rgba(61, 90, 254, 0.1);
   outline: none;
}

.trade-url-add-btn {
   grid-column: 1;
   grid-row: 2;
   width: 100%;
   justify-content: center;
   padding: 0.75rem 1.25rem;
   border-radius: 4px;
   font-weight: 600;
   display: flex;
   align-items: center;
   gap: 0.5rem;
   white-space: nowrap;
   transition: all 0.3s ease;
}

@media (min-width: 768px) {
   .trade-url-input-wrapper {
      grid-template-columns: minmax(0, 1fr) auto;
      grid-template-rows: auto;
      align-items: center;
   }

   .trade-url-add-btn {
      grid-column: 2;
      grid-row: 1;
      width: auto;
      min-width: 118px;
   }
}

.trade-url-hint {
   display: flex;
   align-items: center;
   gap: 0.5rem;
   margin-top: 0.5rem;
   color: #666;
   font-size: 0.813rem;
}

.trade-url-hint i {
   color: #3d5afe;
}

.trade-url-divider {
   position: relative;
   text-align: center;
   margin: 1.5rem 0;
}

.trade-url-divider::before {
   content: '';
   position: absolute;
   top: 50%;
   left: 0;
   right: 0;
   height: 1px;
   background: #e4e4e4;
}

.trade-url-divider span {
   position: relative;
   background: #fff;
   padding: 0 1rem;
   color: #999;
   font-size: 0.813rem;
   font-weight: 500;
}

.trade-url-select-input {
   padding: 0.75rem 0.875rem 0.75rem 2.75rem;
   border: 1px solid #e4e4e4;
   border-radius: 4px;
   font-size: 0.95rem;
   appearance: none;
   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='%23333' d='M6 9L1 4h10z'/%3E%3C/svg%3E");
   background-repeat: no-repeat;
   background-position: right 0.875rem center;
   background-size: 12px;
   transition: all 0.3s ease;
}

.trade-url-select-input:focus {
   border-color: #3d5afe;
   box-shadow: 0 0 0 3px rgba(61, 90, 254, 0.1);
   outline: none;
}

.trade-url-action {
   margin-top: 1.5rem;
   padding-top: 1.5rem;
   border-top: 1px solid #e4e4e4;
}

.trade-url-load-btn {
   width: 100%;
   padding: 0.875rem 1.5rem;
   border-radius: 4px;
   font-weight: 600;
   font-size: 0.95rem;
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 0.5rem;
   transition: all 0.3s ease;
   background: #3d5afe;
   border: none;
   color: #fff;
}

.trade-url-load-btn:hover:not(:disabled) {
   background: #2d4aee;
}

.trade-url-load-btn:disabled {
   opacity: 0.6;
   cursor: not-allowed;
}

/* Responsive */
@media (max-width: 768px) {
   .trade-url-header {
      flex-direction: column;
      text-align: center;
      padding: 1.25rem;
   }

   .trade-url-icon {
      width: 44px;
      height: 44px;
      font-size: 22px;
   }

   .trade-url-title h4 {
      font-size: 1.125rem;
   }

   .trade-url-content {
      padding: 1.25rem;
   }

   .trade-url-select-input {
      padding-left: 0.875rem;
   }
}

/* Loading state */
.trade-url-load-btn.loading {
   pointer-events: none;
}

.trade-url-load-btn.loading i {
   animation: spin 1s linear infinite;
}

@keyframes spin {
   from {
      transform: rotate(0deg);
   }
   to {
      transform: rotate(360deg);
   }
}

/* Skin Card Enhanced Styles */
.skin-item .card {
   border: 1px solid #e4e4e4;
   border-radius: 12px;
   transition: all 0.3s ease;
   overflow: visible;
   background: #fff;
   cursor: pointer;
}

.skin-item .card:hover {
   border-color: #3d5afe;
   box-shadow: 0 4px 12px rgba(61, 90, 254, 0.15);
}

.skin-item .card:active {
   transform: none;
}

.skin-item .card .select-skin-btn:disabled,
.skin-item .card .select-skin-btn:disabled:hover {
   cursor: not-allowed;
}

.skin-item .card .select-skin-btn:disabled ~ * {
   cursor: not-allowed;
}

.skin-item .card:hover {
   box-shadow: 0 4px 12px rgba(61, 90, 254, 0.15);
   border-color: #3d5afe;
}

.skin-item .card-body {
   padding: 1.25rem;
}

.skin-image-wrapper {
   display: flex;
   flex-direction: column;
   align-items: center;
}

.skin-image {
   border-radius: 8px;
   overflow: hidden;
   background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
   border: 2px solid #e4e4e4;
   padding: 8px;
   width: 124px;
   height: 124px;
   position: relative;
}

.skin-image img {
   border-radius: 4px;
}

.skin-image-wrapper .skin-status {
   width: 100%;
   display: flex;
   justify-content: center;
}

.skin-image-wrapper .status-badge {
   font-size: 0.7rem;
   padding: 0.3rem 0.5rem;
   white-space: nowrap;
   width: auto;
   min-width: fit-content;
}

.skin-stickers {
   position: absolute;
   bottom: 4px;
   left: 4px;
   right: 4px;
   display: flex;
   flex-wrap: wrap;
   gap: 2px;
   justify-content: center;
   align-items: center;
   z-index: 10;
}

.skin-stickers img {
   width: 24px;
   height: 24px;
   border-radius: 3px;
   object-fit: contain;
   background: rgba(0, 0, 0, 0.7);
   padding: 2px;
   border: 1px solid rgba(255,255,255,0.2);
   backdrop-filter: blur(4px);
}

body.dark-mode .skin-stickers img,
body.kd-dark .skin-stickers img,
[data-theme="dark"] .skin-stickers img {
   background: rgba(0, 0, 0, 0.8);
   border-color: rgba(255,255,255,0.25);
}

.skin-float {
   width: 100%;
   margin-top: 0.5rem;
}

/* Wear rozeti + gradient float bar (ürün kartı tarzı) */
.cs2-skin-card .product-wear-info {
   display: flex;
   align-items: center;
   gap: 8px;
   margin: 4px 0;
}
.cs2-skin-card .wear-badge {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   padding: 2px 6px;
   border-radius: 4px;
   font-size: 0.65rem;
   font-weight: 700;
   text-transform: uppercase;
   letter-spacing: 0.3px;
   flex-shrink: 0;
}
.cs2-skin-card .wear-badge.wear-fn {
   background: #10b981;
   color: #fff;
}
.cs2-skin-card .wear-badge.wear-mw {
   background: #34d399;
   color: #000;
}
.cs2-skin-card .wear-badge.wear-ft {
   background: #fbbf24;
   color: #000;
}
.cs2-skin-card .wear-badge.wear-ww {
   background: #f97316;
   color: #fff;
}
.cs2-skin-card .wear-badge.wear-bs {
   background: #ef4444;
   color: #fff;
}
.cs2-skin-card .float-bar-wrapper {
   display: flex;
   flex-direction: column;
   gap: 3px;
   flex: 1;
   min-width: 0;
}
.cs2-skin-card .wear-float-label {
   font-size: 0.7rem;
   color: #64748b;
   font-family: Consolas, Monaco, ui-monospace, monospace;
   font-weight: 600;
}
.cs2-skin-card .wear-float-bar {
   position: relative;
   height: 4px;
   border-radius: 2px;
   background: linear-gradient(90deg,
      #10b981 0%,
      #34d399 7%,
      #fbbf24 15%,
      #f97316 38%,
      #ef4444 45%,
      #dc2626 100%);
}
.cs2-skin-card .float-bar-marker {
   position: absolute;
   top: -3px;
   width: 2px;
   height: 10px;
   background: #fff;
   border-radius: 1px;
   box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
   transform: translateX(-50%);
   left: 0;
}
.skin-name {
   font-weight: 600;
   color: #333;
   margin-bottom: 0.5rem;
   line-height: 1.4;
}

.skin-exterior .badge {
   font-size: 0.75rem;
   padding: 0.35rem 0.65rem;
   font-weight: 500;
   border-radius: 6px;
}

.price-badge {
   display: flex;
   align-items: center;
   gap: 0.5rem;
   padding: 0.5rem;
   background: linear-gradient(135deg, #f8f9ff 0%, #e8ebff 100%);
   border-radius: 8px;
   border: 1px solid #e0e4ff;
}

.price-badge i {
   color: #3d5afe;
   font-size: 1.1rem;
}

.price-label {
   font-size: 0.813rem;
   color: #666;
   font-weight: 500;
}

.price-badge .market-price {
   color: #3d5afe;
   font-weight: 700;
   font-size: 0.95rem;
   margin-left: auto;
}

.advert-info-grid {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   gap: 0.5rem;
}

.advert-info-item {
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 0.25rem;
   padding: 0.5rem 0.35rem;
   background: #f8f9fa;
   border-radius: 8px;
   font-size: 0.75rem;
   color: #666;
   text-align: center;
   transition: all 0.3s ease;
}

.advert-info-item:hover {
   background: #f0f4ff;
}

.advert-info-item i {
   font-size: 1rem;
   color: #3d5afe;
}

.advert-info-item:first-child i {
   color: #3d5afe;
}

.advert-info-item:nth-child(2) i {
   color: #28a745;
}

.advert-info-item:nth-child(3) i {
   color: #3d5afe;
}

.advert-info-item span {
   font-weight: 600;
   font-size: 0.813rem;
   color: #333;
   line-height: 1.2;
}

.status-badge {
   font-size: 0.75rem;
   padding: 0.35rem 0.65rem;
   font-weight: 600;
   border-radius: 6px;
}

.select-skin-btn,
.remove-skin-btn {
   border-radius: 6px;
   font-weight: 600;
   font-size: 0.875rem;
   transition: all 0.3s ease;
}

.select-skin-btn {
   background: linear-gradient(135deg, #3d5afe 0%, #2d4aee 100%);
   border: none;
}

.select-skin-btn:hover {
   background: linear-gradient(135deg, #2d4aee 0%, #1d3ade 100%);
   box-shadow: 0 4px 8px rgba(61, 90, 254, 0.3);
}

/* Dark Mode Styles for Skin Cards */
body.dark-mode .skin-item .card, body.dark .skin-item .card, body.kd-dark .skin-item .card {
   background: linear-gradient(180deg, #1b1d22 0%, #15171b 100%) !important;
   border-color: rgba(255,255,255,0.06) !important;
}

body.dark-mode .skin-item .card:hover, body.dark .skin-item .card:hover, body.kd-dark .skin-item .card:hover {
   border-color: #3d5afe !important;
   box-shadow: 0 4px 12px rgba(61, 90, 254, 0.25);
}

body.dark-mode .skin-image-wrapper .skin-image, body.dark .skin-image-wrapper .skin-image, body.kd-dark .skin-image-wrapper .skin-image {
   background: linear-gradient(135deg, var(--bg-light) 0%, var(--border-color) 100%);
   border-color: var(--border-color);
}

body.dark-mode .skin-name, body.dark .skin-name, body.kd-dark .skin-name {
   color: #fff !important;
}

body.dark-mode .price-badge, body.dark .price-badge, body.kd-dark .price-badge {
   background: linear-gradient(135deg, var(--bg-light) 0%, var(--bg-header) 100%);
   border-color: var(--border-color);
}

body.dark-mode .price-label, body.dark .price-label, body.kd-dark .price-label {
   color: var(--gray-text) !important;
}

body.dark-mode .advert-info-item, body.dark .advert-info-item, body.kd-dark .advert-info-item {
   background: var(--bg-light);
   color: var(--gray-text);
}

body.dark-mode .advert-info-item:hover, body.dark .advert-info-item:hover, body.kd-dark .advert-info-item:hover {
   background: var(--border-color);
}

body.dark-mode .advert-info-item span, body.dark .advert-info-item span, body.kd-dark .advert-info-item span {
   color: #fff;
}

/* Selected Skin Item Styles */
.selected-skin-item .card {
   border: 2px solid #3d5afe;
   border-radius: 12px;
   background: linear-gradient(135deg, #f8f9ff 0%, #ffffff 100%);
   transition: all 0.3s ease;
}

.selected-skin-item .card:hover {
   box-shadow: 0 4px 12px rgba(61, 90, 254, 0.2);
}

body.dark-mode .selected-skin-item .card, body.dark .selected-skin-item .card, body.kd-dark .selected-skin-item .card {
   background: linear-gradient(135deg, var(--bg-light) 0%, var(--bg-header) 100%);
   border-color: #3d5afe;
}

/* Responsive adjustments */
@media (max-width: 768px) {
   .price-badge {
      flex-wrap: wrap;
   }

   .price-badge .market-price {
      margin-left: 0;
      width: 100%;
   }

   .advert-info-grid {
      grid-template-columns: repeat(2, 1fr);
      gap: 0.5rem;
   }

   .advert-info-item {
      padding: 0.4rem 0.25rem;
      font-size: 0.7rem;
   }

   .advert-info-item i {
      font-size: 0.9rem;
   }

   .advert-info-item span {
      font-size: 0.75rem;
   }
}

/* Filter Buttons Styles */
.filter-buttons-wrapper {
   display: flex;
   align-items: center;
   gap: 0.5rem;
   flex-wrap: wrap;
   background: transparent;
   padding: 0;
   border-radius: 0;
   border: none;
}

.filter-radio {
   display: none;
}

.filter-button {
   flex: 0 1 auto;
   min-width: auto;
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 0.5rem;
   padding: 0.5rem 0.875rem;
   background: #f8f9fa;
   border: 1px solid #e4e4e4;
   border-radius: 4px;
   cursor: pointer;
   transition: all 0.3s ease;
   font-weight: 500;
   font-size: 0.875rem;
   color: #666;
   position: relative;
   white-space: nowrap;
   height: auto;
   line-height: 1.5;
}

.filter-button i {
   font-size: 1.1rem;
   transition: all 0.3s ease;
}

.filter-button:hover {
   border-color: #3d5afe;
   color: #3d5afe;
   background: #f0f4ff;
}

.filter-button:hover i {
   transform: none;
}

body.dark-mode .filter-button:hover{
   background:var(--bg-light);
   border-color:rgba(129,140,248,.35);
   color:#e2e8f0;
}
body.dark-mode .filter-button:hover i{
   color:var(--primary-blue);
}

.filter-radio:checked + .filter-button {
   background: rgba(61, 90, 254, 0.12);
   border-color: rgba(61, 90, 254, 0.45);
   color: #0f172a;
   box-shadow: 0 2px 10px rgba(61, 90, 254, 0.12);
}

.filter-radio:checked + .filter-button i {
   color: #3d5afe;
   transform: none;
}

.filter-count {
   margin-left: auto;
   padding: 0.15rem 0.5rem;
   background: rgba(0, 0, 0, 0.08);
   border-radius: 4px;
   font-size: 0.75rem;
   font-weight: 700;
   min-width: 22px;
   text-align: center;
}

.filter-radio:checked + .filter-button .filter-count {
   background: rgba(61, 90, 254, 0.2);
   color: #1d4ed8;
}

/* Search Input Styles */
.search-wrapper {
   position: relative;
   display: flex;
   align-items: center;
   width: 100%;
}

.search-icon {
   position: absolute;
   left: 1rem;
   color: #999;
   font-size: 1.1rem;
   z-index: 2;
   pointer-events: none;
}

.search-input:focus {
   border-color: #3d5afe;
   box-shadow: 0 0 0 4px rgba(61, 90, 254, 0.1);
   outline: none;
}

.search-clear {
   position: absolute;
   right: 0.75rem;
   background: #f0f0f0;
   border: none;
   border-radius: 50%;
   width: 28px;
   height: 28px;
   display: flex;
   align-items: center;
   justify-content: center;
   cursor: pointer;
   transition: all 0.3s ease;
   z-index: 2;
}

.search-clear:hover {
   background: #e0e0e0;
}

.search-clear i {
   font-size: 1rem;
   color: #666;
}

/* Action Button Styles */
.action-btn {
   display: inline-flex;
   align-items: center;
   gap: 0.5rem;
   padding: 0.75rem 1.25rem;
   background: #3d5afe;
   border: none;
   border-radius: 4px;
   color: #fff;
   font-weight: 600;
   font-size: 0.875rem;
   transition: all 0.3s ease;
   white-space: nowrap;
}

.action-btn:hover {
   background: #2d4aee;
   box-shadow: 0 2px 8px rgba(61, 90, 254, 0.3);
   color: #fff;
}

.action-btn i {
   font-size: 1rem;
}

/* Head Title Styles */
.step2 .form .head {
   display: flex;
   align-items: center;
   justify-content: space-between;
   flex-wrap: wrap;
   gap: 1rem;
   padding: 1rem 1.5rem;
   border-bottom: 1px solid #e4e4e4;
}

.step2 .form .head .title {
   display: flex;
   align-items: center;
   gap: 0.75rem;
   font-size: 1.25rem;
   font-weight: 600;
   color: #333;
   flex-shrink: 0;
   margin: 0;
}

.step2 .form .head .title i {
   color: #3d5afe;
   font-size: 1.5rem;
}

/* Inventory Controls - Head'in sağında */
.inventory-controls {
   flex: 1;
   min-width: 0;
   display: flex;
   align-items: center;
   gap: 0.75rem;
   flex-wrap: wrap;
   justify-content: flex-end;
}

/* Arama - Body'nin başında */
.body .search-section {
   width: 100%;
}

.filters-section {
   flex: 0 1 auto;
}

/* Filter Buttons Wrapper - Tümünü Seç dahil */
.filter-buttons-wrapper .action-btn {
   margin-left: 0.5rem;
   padding: 0.5rem 0.875rem;
   font-size: 0.875rem;
   height: auto;
   line-height: 1.5;
   display: inline-flex;
   align-items: center;
   gap: 0.5rem;
}

body.dark-mode .search-input, body.dark .search-input, body.kd-dark .search-input {
   background: var(--bg-light) !important;
   border-color: var(--border-color) !important;
   color: #fff !important;
}

body.dark-mode .search-input:focus, body.dark .search-input:focus, body.kd-dark .search-input:focus {
   border-color: #3d5afe !important;
   box-shadow: 0 0 0 4px rgba(61, 90, 254, 0.2);
   background: var(--bg-light) !important;
}

body.dark-mode .search-icon, body.dark .search-icon, body.kd-dark .search-icon {
   color: var(--gray-text) !important;
}

body.dark-mode .search-clear, body.dark .search-clear, body.kd-dark .search-clear {
   background: var(--border-color);
}

body.dark-mode .search-clear:hover, body.dark .search-clear:hover, body.kd-dark .search-clear:hover {
   background: color-mix(in srgb, var(--border-color) 82%, #ffffff 18%);
}

body.dark-mode .search-clear i, body.dark .search-clear i, body.kd-dark .search-clear i {
   color: var(--gray-text);
}

body.dark-mode .head .title, body.dark .head .title, body.kd-dark .head .title {
   color: #fff !important;
}

/* Dark Mode - Head */
body.dark-mode .step2 .form .head, body.dark .step2 .form .head, body.kd-dark .step2 .form .head {
   border-bottom-color: var(--border-color) !important;
}

/* Responsive Inventory Controls */
@media (max-width: 1200px) {
   .step2 .form .head {
      flex-direction: column;
      align-items: flex-start !important;
      gap: 1rem;
   }

   .inventory-controls {
      width: 100%;
      justify-content: flex-start;
   }

   .filters-section {
      width: 100%;
   }

   .filter-buttons-wrapper {
      flex-wrap: wrap;
      gap: 0.5rem;
   }

   .filter-button {
      flex: 1 1 auto;
      min-width: 0;
   }

   .filter-buttons-wrapper .action-btn {
      flex: 1 1 100%;
      margin-left: 0;
      margin-top: 0.25rem;
      justify-content: center;
   }

}

@media (max-width: 768px) {
   .step2 .form .head {
      padding: 0.875rem 1rem;
   }

   .step2 .form .head .title {
      font-size: 1.125rem;
   }

   .step2 .form .head .title i {
      font-size: 1.25rem;
   }
}

/* Form Label Margin */
section.add .form .body label {
   margin-bottom: 0 !important;
}
/* Override: Seçilen Skinler fiyat etiketi için alt boşluk */
section.add .form .body .selected-skin-card .price .form-label {
   margin-bottom: .75rem !important;
}

/* section.add: form alanları — global radius ölçeği */
section.add .form-control,
section.add .form-select,
section.add input[type="text"],
section.add input[type="number"],
section.add input[type="email"],
section.add input[type="password"],
section.add input[type="search"],
section.add textarea,
section.add select {
   border-radius: var(--radius-md) !important;
}

.cs2-add-page{
   position:relative;
}
.cs2-add-page .container-xxl{
   position:relative;
   z-index:2;
}
.cs2-section-text{
   margin:0;
   font-size:14px;
   line-height:1.75;
   color:var(--gray-text);
   max-width:760px;
}
.cs2-gate-alert{
   display:flex;
   align-items:flex-start;
   gap:16px;
   padding:22px 24px;
   border-radius:var(--radius-panel);
   margin-bottom:24px;
   border:1px solid transparent;
   box-shadow:0 16px 40px rgba(15,23,42,0.08);
}
.cs2-gate-alert .icon{
   width:48px;
   height:48px;
   border-radius:var(--radius-lg);
   display:flex;
   align-items:center;
   justify-content:center;
   font-size:22px;
   flex-shrink:0;
}
.cs2-gate-alert .content{
   display:flex;
   flex-direction:column;
   gap:6px;
   font-size:14px;
   line-height:1.7;
   color:var(--dark-text);
}
.cs2-gate-alert .content strong{
   font-size:16px;
}
.cs2-gate-alert .content a{
   color:inherit;
   font-weight:800;
   text-decoration:underline;
}
.cs2-gate-alert.warning{
   background:rgba(255,179,0,0.10);
   border-color:rgba(255,179,0,0.24);
}
.cs2-gate-alert.warning .icon{
   background:rgba(255,179,0,0.16);
   color:#b7791f;
}
.cs2-gate-alert.danger{
   background:rgba(255,68,84,0.08);
   border-color:rgba(255,68,84,0.20);
}
.cs2-gate-alert.danger .icon{
   background:rgba(255,68,84,0.14);
   color:var(--danger-red);
}
.cs2-wizard-steps .item{
   position:relative;
   overflow:hidden;
}
.cs2-wizard-steps .item::after{
   content:'';
   position:absolute;
   inset:auto 0 0 0;
   height:3px;
   background:transparent;
   transition:all 0.3s ease;
}
.cs2-wizard-steps .item.completed{
   background:rgba(17,211,119,0.08);
   border-color:rgba(17,211,119,0.22);
}
.cs2-wizard-steps .item.completed::after{
   background:var(--success-green);
}
.cs2-wizard-steps .item.completed .icon{
   color:var(--success-green);
}
.cs2-stage-card{
   background:var(--bg-header);
   border:1px solid var(--border-color);
   border-radius:var(--radius-card);
   padding:28px;
   box-shadow:0 16px 40px rgba(15,23,42,0.05);
}
.cs2-stage-sidebar{
   display:flex;
   flex-direction:column;
   gap:18px;
   height:100%;
}
.cs2-side-block{
   background:var(--bg-header);
   border:1px solid var(--border-color);
   border-radius:var(--radius-panel);
   padding:22px;
   box-shadow:0 14px 32px rgba(15,23,42,0.05);
}
.cs2-side-title{
   display:flex;
   align-items:center;
   gap:10px;
   font-size:15px;
   font-weight:800;
   color:var(--dark-text);
   margin-bottom:16px;
}
.cs2-side-title i{
   color:var(--primary-blue);
   font-size:20px;
}
.cs2-check-list{
   display:flex;
   flex-direction:column;
   gap:12px;
}
.cs2-check-list .check-item{
   display:flex;
   align-items:flex-start;
   gap:10px;
   font-size:13px;
   font-weight:700;
   color:var(--gray-text);
   line-height:1.6;
}
.cs2-check-list .check-item i{
   width:22px;
   height:22px;
   border-radius:var(--radius-xs);
   display:flex;
   align-items:center;
   justify-content:center;
   background:rgba(17,211,119,0.10);
   color:var(--success-green);
   flex-shrink:0;
   margin-top:1px;
}
.cs2-tips-block{
   background:linear-gradient(160deg, rgba(61,90,254,0.04) 0%, var(--bg-header) 42%);
   border-color:rgba(61,90,254,0.14);
}
.cs2-tips-lead{
   margin:0 0 16px;
   font-size:12px;
   line-height:1.65;
   font-weight:600;
   color:var(--gray-text);
}
.cs2-tip-stack{
   display:flex;
   flex-direction:column;
   gap:14px;
}
.cs2-tip-item{
   display:flex;
   align-items:flex-start;
   gap:12px;
}
.cs2-tip-ic{
   width:40px;
   height:40px;
   border-radius:var(--radius-ui);
   display:flex;
   align-items:center;
   justify-content:center;
   font-size:18px;
   flex-shrink:0;
}
.cs2-tip-ic--blue{
   background:rgba(61,90,254,0.12);
   color:var(--primary-blue);
}
.cs2-tip-ic--amber{
   background:rgba(255,179,0,0.14);
   color:#b7791f;
}
.cs2-tip-ic--violet{
   background:rgba(99,102,241,0.12);
   color:#6366f1;
}
.cs2-tip-body strong{
   display:block;
   font-size:13px;
   font-weight:800;
   color:var(--dark-text);
   margin-bottom:4px;
}
.cs2-tip-desc{
   display:block;
   font-size:12px;
   line-height:1.65;
   color:var(--gray-text);
}
.cs2-tip-desc em{
   font-style:normal;
   font-weight:800;
   color:var(--dark-text);
}
.cs2-surface-card{
   padding:20px;
   border-radius:var(--radius-surface);
   border:1px solid var(--border-color);
   background:var(--bg-light);
}
.trade-url-select-native{
   position:absolute !important;
   width:1px !important;
   height:1px !important;
   padding:0 !important;
   margin:-1px !important;
   overflow:hidden !important;
   clip:rect(0,0,0,0) !important;
   clip-path:inset(50%) !important;
   white-space:nowrap !important;
   border:0 !important;
}
.trade-url-saved-panel{
   position:relative;
}
.trade-url-dd{
   position:relative;
   z-index:30;
}
.trade-url-dd-toggle{
   display:flex;
   align-items:center;
   justify-content:space-between;
   gap:12px;
   width:100%;
   min-height:52px;
   padding:8px 14px 8px 12px;
   text-align:left;
   border:1px solid var(--border-color);
   border-radius:var(--radius-lg);
   background:var(--bg-header);
   cursor:pointer;
   transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;
}
.trade-url-dd-toggle:hover{
   border-color:rgba(61,90,254,.45);
   box-shadow:0 4px 16px rgba(61,90,254,.08);
}
.trade-url-dd.is-open .trade-url-dd-toggle{
   border-color:var(--primary-blue);
   box-shadow:0 0 0 3px rgba(61,90,254,.14);
}
.trade-url-dd-toggle:focus{
   outline:none;
}
.trade-url-dd-toggle:focus-visible{
   outline:2px solid var(--primary-blue);
   outline-offset:2px;
}
.trade-url-dd-toggle-main{
   display:flex;
   align-items:center;
   gap:12px;
   min-width:0;
   flex:1;
}
.trade-url-dd-avatar-wrap{
   position:relative;
   flex-shrink:0;
   width:40px;
   height:40px;
   border-radius:var(--radius-ui);
   overflow:hidden;
   background:linear-gradient(145deg,#1b2838 0%,#2a475e 100%);
   display:flex;
   align-items:center;
   justify-content:center;
}
.trade-url-dd-toggle-img{
   width:40px;
   height:40px;
   object-fit:cover;
   display:block;
}
.trade-url-dd-toggle-initial{
   font-weight:800;
   font-size:15px;
   color:#fff;
   line-height:1;
}
.trade-url-dd-toggle-phicon{
   color:rgba(255,255,255,.88);
   font-size:22px;
   line-height:1;
   display:flex;
}
.trade-url-dd-toggle-text{
   min-width:0;
   flex:1;
   display:flex;
   flex-direction:column;
   gap:2px;
}
.trade-url-dd-placeholder{
   font-size:14px;
   font-weight:700;
   color:var(--gray-text);
}
.trade-url-dd-selected-name{
   font-size:14px;
   font-weight:800;
   color:var(--dark-text);
   white-space:nowrap;
   overflow:hidden;
   text-overflow:ellipsis;
}
.trade-url-dd-selected-url{
   font-size:11px;
   font-weight:600;
   color:var(--gray-text);
   white-space:nowrap;
   overflow:hidden;
   text-overflow:ellipsis;
}
.trade-url-dd-chevron{
   flex-shrink:0;
   font-size:22px;
   color:var(--gray-text);
   transition:transform .2s ease;
}
.trade-url-dd.is-open .trade-url-dd-chevron{
   transform:rotate(180deg);
   color:var(--primary-blue);
}
.trade-url-dd-menu{
   position:absolute;
   left:0;
   right:0;
   top:calc(100% + 6px);
   max-height:min(320px,70vh);
   overflow-y:auto;
   overflow-x:hidden;
   padding:6px;
   border-radius:var(--radius-lg);
   border:1px solid var(--border-color);
   background:var(--bg-header);
   box-shadow:0 16px 40px rgba(0,0,0,.12);
}
.trade-url-dd-option{
   display:flex;
   align-items:center;
   gap:10px;
   width:100%;
   text-align:left;
   padding:10px 10px;
   margin:0;
   border:none;
   border-radius:var(--radius-ui);
   background:transparent;
   cursor:pointer;
   transition:background .15s ease;
}
.trade-url-dd-option:hover{
   background:rgba(61,90,254,.06);
}
.trade-url-dd-option:focus{
   outline:none;
}
.trade-url-dd-option:focus-visible{
   outline:2px solid var(--primary-blue);
   outline-offset:0;
}
.trade-url-dd-option.is-selected{
   background:rgba(61,90,254,.1);
}
.trade-url-dd-opt-avatar{
   flex-shrink:0;
   width:36px;
   height:36px;
   border-radius:var(--radius-sm);
   overflow:hidden;
   background:linear-gradient(145deg,#1b2838 0%,#2a475e 100%);
   display:flex;
   align-items:center;
   justify-content:center;
}
.trade-url-dd-opt-avatar img{
   width:36px;
   height:36px;
   object-fit:cover;
   display:block;
}
.trade-url-dd-opt-initial{
   font-weight:800;
   font-size:13px;
   color:#fff;
}
.trade-url-dd-opt-body{
   flex:1;
   min-width:0;
   display:flex;
   flex-direction:column;
   gap:1px;
}
.trade-url-dd-opt-name{
   font-size:13px;
   font-weight:800;
   color:var(--dark-text);
   white-space:nowrap;
   overflow:hidden;
   text-overflow:ellipsis;
}
.trade-url-dd-opt-url{
   font-size:11px;
   font-weight:600;
   color:var(--gray-text);
   word-break:break-all;
   line-height:1.35;
   display:-webkit-box;
   -webkit-line-clamp:2;
   -webkit-box-orient:vertical;
   overflow:hidden;
}
.trade-url-dd-opt-check{
   flex-shrink:0;
   width:26px;
   height:26px;
   border-radius:50%;
   display:flex;
   align-items:center;
   justify-content:center;
   font-size:16px;
   color:transparent;
   transition:color .15s,background .15s;
}
.trade-url-dd-option.is-selected .trade-url-dd-opt-check{
   color:#fff;
   background:var(--primary-blue);
}
.trade-url-dd-footer{
   margin-top:4px;
   padding-top:6px;
   border-top:1px solid var(--border-color);
}
.trade-url-dd-clear{
   display:flex;
   align-items:center;
   justify-content:center;
   gap:6px;
   width:100%;
   padding:10px 12px;
   border:none;
   border-radius:var(--radius-sm);
   background:transparent;
   color:var(--gray-text);
   font-size:12px;
   font-weight:800;
   cursor:pointer;
   transition:color .2s ease,background .2s ease;
}
.trade-url-dd-clear:hover{
   color:#d32f2f;
   background:rgba(211,47,47,.08);
}
.trade-url-dd-clear:focus-visible{
   outline:2px solid var(--primary-blue);
   outline-offset:2px;
}
.trade-url-pick-empty{
   margin:0;
   padding:20px 16px;
   text-align:center;
   font-size:13px;
   font-weight:700;
   color:var(--gray-text);
   background:var(--bg-header);
   border-radius:var(--radius-lg);
   border:1px dashed var(--border-color);
   display:flex;
   flex-direction:column;
   align-items:center;
   gap:10px;
}
.trade-url-pick-empty i{
   font-size:28px;
   opacity:.45;
   color:var(--gray-text);
}
@media (max-width:576px){
   .trade-url-dd-toggle{
      min-height:48px;
      padding:6px 12px 6px 10px;
   }
   .trade-url-dd-avatar-wrap,
   .trade-url-dd-toggle-img{
      width:36px;
      height:36px;
   }
   .trade-url-dd-avatar-wrap{
      border-radius:var(--radius-sm);
   }
}
.cs2-divider{
   position:relative;
   text-align:center;
}
.cs2-divider::before{
   content:'';
   position:absolute;
   left:0;
   right:0;
   top:50%;
   height:1px;
   background:var(--border-color);
}
.cs2-divider span{
   position:relative;
   z-index:1;
   display:inline-flex;
   align-items:center;
   justify-content:center;
   padding:0 14px;
   background:var(--bg-header);
   font-size:12px;
   font-weight:800;
   color:var(--gray-text);
   text-transform:uppercase;
   letter-spacing:.3px;
}
.trade-url-label{
   display:flex;
   align-items:center;
   gap:8px;
   margin-bottom:12px;
   font-size:13px;
   font-weight:800;
   color:var(--dark-text);
}
.trade-url-label i{
   color:var(--primary-blue);
   font-size:18px;
}
.cs2-add-page .trade-url-input-wrapper{
   gap:12px;
}
.trade-url-input-wrapper .trade-url-input{
   grid-column:1;
   grid-row:1;
   width:100%;
   min-width:0;
   position:relative;
   z-index:1;
   padding-left:46px !important;
}
.trade-url-input-wrapper .trade-url-input-icon{
   grid-column:1;
   grid-row:1;
   align-self:center;
   justify-self:start;
   margin-left:16px;
   z-index:2;
   pointer-events:none;
   display:flex;
   align-items:center;
   justify-content:center;
   width:22px;
   color:var(--gray-text);
   font-size:18px;
   line-height:1;
}
.trade-url-input-wrapper .trade-url-input-icon i{
   display:block;
   line-height:1;
}
.trade-url-select-input{
   padding-left:46px !important;
}
.trade-url-add-btn{
   min-height:52px;
   height:auto;
   border-radius:var(--radius-ui);
   display:inline-flex;
   align-items:center;
   justify-content:center;
   gap:8px;
   font-weight:800;
   flex-shrink:0;
   box-shadow:0 10px 24px rgba(61,90,254,0.20);
}
.trade-url-hint{
   display:block;
   margin-top:12px;
   font-size:12px;
   font-weight:700;
   color:var(--gray-text);
}
.trade-url-hint-inner{
   display:flex;
   flex-wrap:wrap;
   align-items:center;
   gap:8px 14px;
}
.trade-url-hint-msg{
   display:inline-flex;
   align-items:center;
   gap:8px;
}
.trade-url-hint i{
   color:var(--primary-blue);
   font-size:16px;
   flex-shrink:0;
}
.trade-url-help-link{
   font-weight:800;
   color:var(--primary-blue);
   text-decoration:underline;
   text-underline-offset:2px;
}
.trade-url-help-link:hover{
   color:var(--primary-blue);
   opacity:0.88;
}
.cs2-action-strip{
   display:flex;
   align-items:center;
   justify-content:space-between;
   gap:16px;
   padding:18px 20px;
   border-radius:var(--radius-surface);
   background:linear-gradient(135deg, rgba(61,90,254,0.08) 0%, rgba(17,211,119,0.08) 100%);
   border:1px solid rgba(61,90,254,0.14);
}
.cs2-action-copy{
   display:flex;
   flex-direction:column;
   gap:4px;
}
.cs2-action-copy strong{
   font-size:14px;
   color:var(--dark-text);
}
.cs2-action-copy span{
   font-size:12px;
   line-height:1.6;
   color:var(--gray-text);
}
.trade-url-load-btn{
   width:auto;
   min-width:220px;
   height:54px;
   border-radius:var(--radius-lg);
   display:inline-flex;
   align-items:center;
   justify-content:center;
   gap:10px;
   font-size:14px;
   font-weight:800;
   box-shadow:0 12px 24px rgba(61,90,254,0.20);
}
.cs2-toolbar{
   display:flex;
   align-items:center;
   justify-content:space-between;
   gap:16px;
   flex-wrap:wrap;
   margin-bottom:22px;
   padding:16px 18px;
   background:var(--bg-light);
   border:1px solid var(--border-color);
   border-radius:var(--radius-lg);
}
.filter-radio{
   display:none;
}
.filter-buttons-wrapper{
   display:flex;
   flex-wrap:wrap;
   gap:10px;
}
.filter-button,
.action-btn{
   height:44px;
   padding:0 16px;
   border-radius:var(--radius-md);
   border:1px solid var(--border-color);
   background:var(--bg-light);
   color:var(--dark-text);
   display:inline-flex;
   align-items:center;
   gap:8px;
   font-size:13px;
   font-weight:800;
   cursor:pointer;
   transition:var(--transition);
}
.filter-button .filter-count{
   min-width:28px;
   height:28px;
   border-radius:999px;
   display:inline-flex;
   align-items:center;
   justify-content:center;
   padding:0 8px;
   background:rgba(61,90,254,0.12);
   color:var(--primary-blue);
   font-size:11px;
}
.filter-radio:checked + .filter-button{
   background:rgba(61,90,254,0.14);
   border-color:rgba(61,90,254,0.42);
   color:#0f172a;
   box-shadow:0 4px 14px rgba(61,90,254,0.12);
}
.filter-radio:checked + .filter-button i{
   color:var(--primary-blue);
}
.filter-radio:checked + .filter-button .filter-count{
   background:rgba(61,90,254,0.22);
   color:#1d4ed8;
}
.action-btn{
   background:rgba(17,211,119,0.10);
   border-color:rgba(17,211,119,0.22);
   color:var(--success-green);
}
.search-section{
   flex:1 1 260px;
   max-width:420px;
}
.search-wrapper{
   position:relative;
   border-radius:var(--radius-md);
   overflow:hidden;
   border:1px solid var(--border-color);
   background:var(--bg-header);
}
.cs2-add-page .search-wrapper .search-input{
   border-radius:var(--radius-md) !important;
   border:none !important;
   background:transparent !important;
   box-shadow:none !important;
}
.cs2-add-page .search-wrapper .search-input:focus{
   box-shadow:inset 0 0 0 2px rgba(61,90,254,0.35) !important;
}
.search-icon{
   position:absolute;
   left:16px;
   top:50%;
   transform:translateY(-50%);
   color:var(--gray-text);
   font-size:18px;
}
.search-input{
   padding-left:46px !important;
   padding-right:44px !important;
}
.search-clear{
   position:absolute;
   right:8px;
   top:50%;
   transform:translateY(-50%);
   width:36px;
   height:36px;
   border:none;
   border-radius:var(--radius-ui);
   background:transparent;
   color:var(--gray-text);
}
.cs2-empty-state{
   display:flex;
   flex-direction:column;
   align-items:center;
   justify-content:center;
   gap:10px;
   min-height:240px;
   text-align:center;
   background:var(--bg-light);
   border:1px dashed var(--border-color);
   border-radius:var(--radius-panel);
   padding:32px 20px;
}
.cs2-empty-state .icon{
   width:72px;
   height:72px;
   border-radius:var(--radius-card);
   display:flex;
   align-items:center;
   justify-content:center;
   font-size:32px;
   background:rgba(61,90,254,0.10);
   color:var(--primary-blue);
}
.cs2-empty-state strong{
   font-size:16px;
   color:var(--dark-text);
}
.cs2-empty-state p{
   margin:0;
   font-size:13px;
   line-height:1.7;
   color:var(--gray-text);
   max-width:420px;
}
.cs2-skin-card{
   border:1px solid var(--border-color);
   border-radius:var(--radius-panel);
   overflow:hidden;
   background:var(--bg-header);
   transition:box-shadow 0.3s ease, border-color 0.3s ease;
   cursor:pointer;
}
.cs2-skin-card:hover{
   border-color:rgba(61,90,254,0.24);
   box-shadow:0 8px 24px rgba(15,23,42,0.06);
}
.cs2-skin-card .card-body{
   display:flex;
   flex-direction:column;
   gap:18px;
   padding:18px;
}
/* Envanter: kart yatay; ana içerik alanı (cs2-skin-main) de row — öğeler yan yana */
.cs2-add-page .cs2-skins-grid.row{
   --bs-gutter-x:0.75rem;
   --bs-gutter-y:0.55rem;
}
.cs2-skins-grid{
   --cs2-skin-thumb:92px;
}
.cs2-skins-grid > [class*="col-"]{
   flex:0 0 100%;
   max-width:100%;
   width:100%;
}
.cs2-skins-grid .cs2-skin-card{
   border-radius:var(--radius-md);
}
.cs2-skins-grid .cs2-skin-card .card-body{
   flex-direction:row;
   align-items:center;
   flex-wrap:nowrap;
   gap:14px;
   padding:12px 16px;
}
.cs2-skins-grid .cs2-skin-media{
   flex:1;
   min-width:0;
   display:flex;
   flex-direction:row;
   align-items:center;
   gap:14px 18px;
}
.cs2-skins-grid .skin-image-wrapper{
   width:var(--cs2-skin-thumb);
   flex-shrink:0;
   align-self:center;
}
.cs2-skins-grid .cs2-skin-card .skin-image-wrapper{
   width:var(--cs2-skin-thumb);
   position:relative;
}
.cs2-skins-grid .cs2-skin-card .skin-image{
   width:var(--cs2-skin-thumb);
   height:var(--cs2-skin-thumb);
   padding:7px;
   border-radius:var(--radius-md);
}
.cs2-skins-grid .cs2-skin-main{
   flex:1;
   min-width:0;
   display:flex;
   flex-direction:row;
   flex-wrap:wrap;
   align-items:center;
   align-content:center;
   gap:10px 14px;
   column-gap:16px;
}
.cs2-skins-grid .cs2-skin-card .status-badge.cs2-sale-status-badge{
   position:absolute;
   top:6px;
   right:6px;
   left:auto;
   z-index:12;
   margin:0;
   min-height:0;
   min-width:0;
   padding:4px 9px;
   font-size:10px;
   font-weight:800;
   line-height:1.2;
   border-radius:999px;
   box-shadow:0 1px 0 rgba(255,255,255,0.2) inset, 0 2px 8px rgba(0,0,0,0.35);
   pointer-events:none;
   text-shadow:0 1px 2px rgba(0,0,0,0.25);
}
/* Görsel üzerinde okunaklı: düz renk + beyaz yazı */
.cs2-skins-grid .cs2-skin-card .status-badge.cs2-sale-status-badge.bg-success{
   background:#16a34a !important;
   color:#fff !important;
   border:1px solid rgba(255,255,255,0.35) !important;
}
.cs2-skins-grid .cs2-skin-card .status-badge.cs2-sale-status-badge.bg-danger{
   background:#dc2626 !important;
   color:#fff !important;
   border:1px solid rgba(255,255,255,0.35) !important;
}
.cs2-skins-grid .cs2-skin-title-col{
   flex:1 1 200px;
   min-width:min(100%,160px);
   max-width:100%;
   display:flex;
   flex-direction:column;
   align-items:stretch;
   gap:6px;
}
.cs2-skins-grid .cs2-skin-card .skin-name{
   margin:0 !important;
   font-size:15px;
   line-height:1.3;
   font-weight:800;
   display:-webkit-box;
   -webkit-line-clamp:2;
   -webkit-box-orient:vertical;
   overflow:hidden;
}
.cs2-skins-grid .skin-float{
   margin-top:0 !important;
   width:100%;
   max-width:100%;
}
.cs2-skins-grid .skin-price{
   flex:0 0 auto;
}
.cs2-skins-grid .cs2-skin-card .price-badge{
   padding:8px 12px;
   gap:10px;
   border-radius:var(--radius-ui);
}
.cs2-skins-grid .cs2-skin-card .price-badge i{
   width:34px;
   height:34px;
   border-radius:var(--radius-sm);
   font-size:17px;
}
.cs2-skins-grid .cs2-skin-card .price-label{
   font-size:10px;
   margin-bottom:0;
}
.cs2-skins-grid .cs2-skin-card .market-price{
   font-size:15px;
}
.cs2-skins-grid .skin-advert-info{
   flex:1 1 240px;
   min-width:min(100%,220px);
}
.cs2-skins-grid .advert-info-grid{
   margin-top:0 !important;
   gap:8px;
   grid-template-columns:repeat(3, minmax(0, 1fr));
}
.cs2-skins-grid .advert-info-item{
   min-height:40px;
   padding:6px 8px;
   gap:6px;
   border-radius:var(--radius-sm);
   font-size:11px;
   font-weight:700;
}
.cs2-skins-grid .advert-info-item i{
   font-size:15px;
}
.cs2-skins-grid .wear-float-label{
   font-size:0.68rem;
}
.cs2-skins-grid .wear-float-bar{
   height:4px;
}
.cs2-skins-grid .float-bar-marker{
   height:9px;
   top:-3px;
}
.cs2-skins-grid .wear-badge{
   padding:2px 6px;
   font-size:0.65rem;
}
.cs2-skins-grid .skin-stickers img{
   width:22px;
   height:22px;
}
.cs2-skins-grid .cs2-card-actions{
   flex-shrink:0;
   display:flex;
   flex-direction:column;
   justify-content:center;
   align-self:center;
   gap:6px;
   padding-left:10px;
   margin-left:auto;
   border-left:1px solid var(--border-color);
}
.cs2-skins-grid .cs2-card-actions .btn{
   min-height:40px;
   padding:0.4rem 0.75rem;
   font-size:0.82rem;
   border-radius:var(--radius-ui);
}
@media (max-width: 991px){
   .cs2-skins-grid .cs2-skin-main{
      flex-direction:column;
      align-items:stretch;
      gap:10px;
   }
   .cs2-skins-grid .cs2-skin-title-col{
      flex:none;
      min-width:0;
      width:100%;
   }
   .cs2-skins-grid .skin-advert-info{
      flex:none;
      min-width:0;
      width:100%;
   }
}
@media (max-width: 576px){
   .cs2-skins-grid .cs2-skin-card .card-body{
      flex-wrap:wrap;
   }
   .cs2-skins-grid .cs2-card-actions{
      width:100%;
      flex-direction:row;
      justify-content:flex-end;
      border-left:none;
      padding-left:0;
      margin-left:0;
      border-top:1px solid var(--border-color);
      padding-top:10px;
   }
}
/* CS2 envanter: Steam benzeri sıkı ızgara (çok skin — yatay geniş kart yerine kompakt karo) */
.cs2-add-page .cs2-skins-inv-grid{
   display:grid;
   grid-template-columns:repeat(auto-fill, minmax(112px, 1fr));
   gap:0.45rem;
   align-items:stretch;
   width:100%;
   max-width:100%;
}
.cs2-skins-inv-grid .cs2-inv-grid-span{
   grid-column:1 / -1;
}
.cs2-skins-inv-grid .skin-item{
   min-width:0;
}
.cs2-skins-inv-grid .cs2-skin-card .card-body{
   flex-direction:column;
   align-items:stretch;
   flex-wrap:nowrap;
   gap:6px;
   padding:7px 7px 8px;
}
.cs2-skins-inv-grid .cs2-skin-media{
   flex-direction:column;
   align-items:stretch;
   gap:6px;
   width:100%;
}
.cs2-skins-inv-grid .skin-image-wrapper{
   width:100% !important;
   max-width:none;
   align-self:stretch;
}
.cs2-skins-inv-grid .cs2-skin-card .skin-image{
   width:100%;
   height:auto;
   aspect-ratio:1;
   max-height:none;
   padding:6px;
}
.cs2-skins-inv-grid .cs2-skin-main{
   flex-direction:column;
   align-items:stretch;
   gap:4px;
   width:100%;
}
.cs2-skins-inv-grid .cs2-skin-title-col{
   flex:none;
   min-width:0;
   width:100%;
}
.cs2-skins-inv-grid .cs2-skin-card .skin-name{
   font-size:10px;
   font-weight:800;
   line-height:1.2;
   -webkit-line-clamp:3;
}
.cs2-skins-inv-grid .skin-float{
   margin-top:0 !important;
}
.cs2-skins-inv-grid .product-wear-info{
   transform:scale(0.92);
   transform-origin:left top;
}
.cs2-skins-inv-grid .skin-advert-info{
   display:none !important;
}
.cs2-skins-inv-grid .skin-price{
   width:100%;
}
.cs2-skins-inv-grid .cs2-skin-card .price-badge{
   padding:7px 8px;
   gap:4px;
   width:100%;
   align-items:center;
   min-height:36px;
   box-sizing:border-box;
}
.cs2-skins-inv-grid .cs2-skin-card .price-badge i{
   display:none;
}
.cs2-skins-inv-grid .cs2-skin-card .price-label{
   display:none;
}
.cs2-skins-inv-grid .cs2-skin-card .market-price{
   font-size:13px;
   font-weight:800;
   line-height:1.3;
   display:block;
   text-align:center;
   letter-spacing:-0.01em;
}
.cs2-skins-inv-grid .skin-stickers{
   justify-content:center;
   flex-wrap:wrap;
   gap:2px;
}
.cs2-skins-inv-grid .skin-stickers img{
   width:16px !important;
   height:16px !important;
}
.cs2-skins-inv-grid .cs2-card-actions{
   flex-direction:row;
   width:100%;
   margin-left:0;
   padding-left:0;
   border-left:none;
   border-top:1px solid var(--border-color);
   padding-top:6px;
   margin-top:2px;
   gap:4px;
}
.cs2-skins-inv-grid .cs2-card-actions .btn{
   flex:1;
   min-height:30px;
   padding:0.22rem 0.35rem;
   font-size:0.68rem;
   border-radius:var(--radius-sm);
}
@media (min-width: 576px){
   .cs2-add-page .cs2-skins-inv-grid{
      grid-template-columns:repeat(auto-fill, minmax(124px, 1fr));
      gap:0.5rem;
   }
}
@media (min-width: 992px){
   .cs2-add-page .cs2-skins-inv-grid{
      grid-template-columns:repeat(auto-fill, minmax(132px, 1fr));
      gap:0.55rem;
   }
}
@media (min-width: 1400px){
   .cs2-add-page .cs2-skins-inv-grid{
      grid-template-columns:repeat(auto-fill, minmax(128px, 1fr));
   }
}
.cs2-skin-media{
   display:flex;
   gap:16px;
   align-items:flex-start;
}
.cs2-skin-card .skin-image-wrapper{
   width:118px;
   flex-shrink:0;
   position:relative;
}
.cs2-skin-card .skin-image{
   width:118px;
   height:118px;
   position:relative;
   border-radius:var(--radius-surface);
   background:linear-gradient(135deg, rgba(61,90,254,0.12) 0%, rgba(15,23,42,0.05) 100%);
   border:1px solid rgba(61,90,254,0.10);
   display:flex;
   align-items:center;
   justify-content:center;
   padding:12px;
}
.cs2-skin-card .skin-image img{
   width:100%;
   height:100%;
   object-fit:contain;
}
.cs2-skin-card .skin-stickers{
   position:absolute;
   left:8px;
   right:8px;
   bottom:8px;
   display:flex;
   flex-wrap:wrap;
   gap:4px;
   justify-content:center;
}
.cs2-skin-card .status-badge.cs2-sale-status-badge{
   position:absolute;
   top:8px;
   right:8px;
   left:auto;
   z-index:12;
   margin:0;
   display:inline-flex;
   align-items:center;
   justify-content:center;
   min-height:0;
   padding:5px 11px;
   border-radius:999px;
   font-size:11px;
   font-weight:800;
   letter-spacing:.2px;
   border:1px solid rgba(255,255,255,0.35);
   box-shadow:0 1px 0 rgba(255,255,255,0.2) inset, 0 2px 10px rgba(0,0,0,0.3);
   pointer-events:none;
   text-shadow:0 1px 2px rgba(0,0,0,0.2);
}
.cs2-skin-card .status-badge.cs2-sale-status-badge.bg-success{
   background:#16a34a !important;
   color:#fff !important;
}
.cs2-skin-card .status-badge.cs2-sale-status-badge.bg-danger{
   background:#dc2626 !important;
   color:#fff !important;
}
.cs2-skin-card .status-badge{
   display:inline-flex;
   align-items:center;
   justify-content:center;
   min-height:32px;
   padding:0 12px;
   border-radius:999px;
   font-size:11px;
   font-weight:800;
   letter-spacing:.3px;
   border:1px solid transparent;
}
.cs2-skin-card .status-badge.bg-success{
   background:rgba(17,211,119,0.12) !important;
   color:var(--success-green);
   border-color:rgba(17,211,119,0.22);
}
.cs2-skin-card .status-badge.bg-danger{
   background:rgba(255,68,84,0.10) !important;
   color:var(--danger-red);
   border-color:rgba(255,68,84,0.22);
}
.cs2-skin-main{
   flex:1;
   min-width:0;
}
.cs2-skin-card .skin-name{
   margin:0 0 12px;
   font-size:15px;
   line-height:1.45;
   font-weight:800;
   color:var(--dark-text);
}
.cs2-skin-card .price-badge{
   display:flex;
   align-items:center;
   gap:12px;
   padding:12px 14px;
   border-radius:var(--radius-lg);
   background:var(--bg-light);
   border:1px solid var(--border-color);
}
.cs2-skin-card .price-badge i{
   width:38px;
   height:38px;
   border-radius:var(--radius-ui);
   display:flex;
   align-items:center;
   justify-content:center;
   background:rgba(61,90,254,0.10);
   color:var(--primary-blue);
   font-size:18px;
   flex-shrink:0;
}
.cs2-skin-card .price-label{
   display:block;
   font-size:11px;
   font-weight:800;
   color:var(--gray-text);
   text-transform:uppercase;
   letter-spacing:.3px;
   margin-bottom:2px;
}
.cs2-skin-card .market-price{
   display:block;
   font-size:16px;
   font-weight:900;
   color:var(--dark-text);
}
.advert-info-grid{
   display:grid;
   grid-template-columns:repeat(3, minmax(0, 1fr));
   gap:8px;
   margin-top:12px;
}
.advert-info-item{
   display:flex;
   align-items:center;
   gap:8px;
   min-height:44px;
   padding:10px 12px;
   border-radius:var(--radius-md);
   background:var(--bg-light);
   border:1px solid var(--border-color);
   font-size:12px;
   font-weight:800;
   color:var(--dark-text);
}
.advert-info-item i{
   color:var(--primary-blue);
   font-size:16px;
}
.cs2-card-actions{
   display:grid;
   grid-template-columns:repeat(2, minmax(0, 1fr));
   gap:10px;
}
.cs2-card-actions .btn{
   width:100%;
   min-height:44px;
   border-radius:var(--radius-md);
   display:inline-flex;
   align-items:center;
   justify-content:center;
   gap:8px;
   font-weight:800;
}
.cs2-skin-card .select-skin-btn:disabled{
   opacity:0.55;
   cursor:not-allowed;
}
.cs2-add-page .selected-summary{
   display:grid;
   grid-template-columns:repeat(3, minmax(0, 1fr));
   gap:14px;
   background:transparent;
   border:none;
   padding:0;
   margin-bottom:20px;
}
.cs2-add-page .selected-summary .summary-item{
   padding:18px 20px;
   border-radius:var(--radius-xl);
   background:var(--bg-light);
   border:1px solid var(--border-color);
   box-shadow:none;
}
.cs2-add-page .selected-summary .summary-item i{
   width:40px;
   height:40px;
   border-radius:var(--radius-ui);
   display:flex;
   align-items:center;
   justify-content:center;
   background:rgba(61,90,254,0.10);
}
.cs2-add-page .selected-summary .summary-item .label{
   font-size:12px;
   font-weight:800;
   color:var(--gray-text);
}
.cs2-add-page .selected-summary .summary-item .value{
   font-size:16px;
   font-weight:900;
   color:var(--dark-text);
}
.cs2-add-page .selected-skin-item{
   width:100%;
}
.cs2-add-page .selected-skin-card{
   display:grid;
   grid-template-columns:92px minmax(0, 1fr) minmax(360px, 1.35fr) 48px;
   align-items:center;
   gap:16px;
   padding:18px;
   border-radius:var(--radius-panel);
   border:1px solid var(--border-color);
   background:var(--bg-header);
   box-shadow:0 14px 32px rgba(15,23,42,0.04);
}
.cs2-add-page .selected-skin-card .thumb{
   width:92px;
   height:92px;
   border-radius:var(--radius-surface);
   background:linear-gradient(135deg, rgba(61,90,254,0.12) 0%, rgba(15,23,42,0.05) 100%);
   border:1px solid rgba(61,90,254,0.12);
}
.cs2-add-page .selected-skin-card .meta .name{
   font-size:15px;
   font-weight:800;
   color:var(--dark-text);
}
.cs2-add-page .selected-skin-card .meta .badge.exterior{
   background:rgba(61,90,254,0.10);
   border-color:rgba(61,90,254,0.16);
   color:var(--primary-blue);
}
.cs2-add-page .selected-skin-card .meta .badge.recommended{
   background:rgba(17,211,119,0.10);
   border-color:rgba(17,211,119,0.18);
   color:var(--success-green);
}
.cs2-add-page .selected-skin-card .price .form-label{
   color:var(--dark-text);
}
.cs2-add-page .selected-skin-card .price .form-control{
   height:52px !important;
   border-radius:var(--radius-md) !important;
   background:var(--bg-light) !important;
}
.cs2-add-page .selected-skin-card .price .hint{
   font-size:12px;
   color:var(--gray-text);
}
.cs2-submit-bar{
   display:flex;
   align-items:center;
   gap:16px;
   justify-content:space-between;
   margin-top:22px;
   padding:20px;
   border-radius:var(--radius-surface);
   background:linear-gradient(135deg, rgba(17,211,119,0.10) 0%, rgba(61,90,254,0.08) 100%);
   border:1px solid rgba(17,211,119,0.18);
}
.cs2-submit-copy{
   display:flex;
   flex-direction:column;
   gap:4px;
}
.cs2-submit-copy strong{
   font-size:14px;
   color:var(--dark-text);
}
.cs2-submit-copy span{
   font-size:12px;
   line-height:1.7;
   color:var(--gray-text);
}
.create-adverts-btn{
   max-width:320px;
   margin-left:auto;
}
/* Filtre: global !important kuralları seçili durumu beyaza bozmaması için */
.cs2-add-page .filter-radio:checked + .filter-button{
   background:rgba(61,90,254,0.14) !important;
   border-color:rgba(61,90,254,0.42) !important;
   color:#0f172a !important;
   box-shadow:0 4px 14px rgba(61,90,254,0.12) !important;
}
.cs2-add-page .filter-radio:checked + .filter-button i{
   color:var(--primary-blue) !important;
}
.cs2-add-page .filter-radio:checked + .filter-button .filter-count{
   background:rgba(61,90,254,0.22) !important;
   color:#1d4ed8 !important;
}
.cs2-add-page .filter-radio:checked + .filter-button > span:not(.filter-count){
   color:#0f172a !important;
}
.cs2-add-page .filter-radio:checked + .filter-button a{
   color:#1d4ed8 !important;
}
body.dark-mode .cs2-add-page .filter-radio:checked + .filter-button{
   color:#f1f5f9 !important;
}
body.dark-mode .cs2-add-page .filter-radio:checked + .filter-button > span:not(.filter-count){
   color:#f1f5f9 !important;
}
body.dark-mode .cs2-add-page .filter-radio:checked + .filter-button a{
   color:#a5b4fc !important;
}
body.dark-mode .cs2-add-page .filter-radio:checked + .filter-button .filter-count{
   color:#c7d2fe !important;
}
@media (max-width: 1199.98px){
   .cs2-add-page .selected-skin-card{
      grid-template-columns:92px minmax(0, 1fr) minmax(340px, 1.3fr) 48px;
   }
}
@media (max-width: 991.98px){
   .cs2-stage-card,
   .cs2-side-block{
      padding:22px;
   }
   .cs2-action-strip,
   .cs2-submit-bar{
      flex-direction:column;
      align-items:stretch;
   }
   .trade-url-load-btn,
   .create-adverts-btn{
      max-width:none;
      width:100%;
   }
   .cs2-add-page .selected-skin-card{
      grid-template-columns:92px minmax(0, 1fr);
   }
   .cs2-add-page .selected-skin-card .price,
   .cs2-add-page .selected-skin-card .actions,
   .cs2-add-page .selected-skin-card .fields{
      grid-column:1 / -1;
   }
   .cs2-add-page .selected-skin-card .actions{
      justify-content:flex-start;
   }
}
@media (max-width: 767.98px){
   .cs2-stage-card,
   .cs2-side-block{
      border-radius:var(--radius-surface);
      padding:18px;
   }
   .cs2-add-page .selected-summary{
      grid-template-columns:1fr;
   }
   .cs2-skin-media{
      flex-direction:column;
   }
   .cs2-skin-card .skin-image-wrapper{
      width:100%;
   }
   .cs2-skin-card .skin-image{
      width:100%;
      height:180px;
   }
   .cs2-card-actions{
      grid-template-columns:1fr;
   }
}
/* === frontend advert-trade.blade.php (CS2 / skin takas ilan detayı) === */
input[type="number"]::-webkit-inner-spin-button,
      input[type="number"]::-webkit-outer-spin-button {
         -webkit-appearance: none;
         margin: 0;
      }

      input[type="number"] {
         -moz-appearance: textfield;
      }

      .discountBox .scb-copy-btn.scb-copy-btn--copied {
         background: #22c55e !important;
         border-color: #22c55e !important;
         color: #fff !important;
         cursor: default;
      }

      .cs2-info-label {
         color: #1d1d1d;
         font-size: 14px;
         font-weight: 500;
      }

      .cs2-info-value {
         color: #555;
         font-size: 14px;
         font-weight: 400;
      }

      .buyer-protection-banner {
         display: flex;
         align-items: center;
         justify-content: space-between;
         background-color: #f0f8ff;
         border: 1px solid #a0c4ff;
         border-radius: 6px;
         padding: 10px 15px;
         margin-bottom: 15px;
      }

      .buyer-protection-banner .bp-icon {
         font-size: 24px;
         color: #1e88e5;
         margin-right: 10px;
      }

      .buyer-protection-banner .bp-text {
         flex: 1;
      }

      .buyer-protection-banner .bp-title {
         font-size: 16px;
         font-weight: 600;
         color: #1d1d1d;
         margin-bottom: 4px;
      }

      .buyer-protection-banner .bp-desc {
         font-size: 14px;
         color: #555;
      }

      .buyer-protection-banner .bp-chip {
         display: flex;
         align-items: center;
         background-color: #1e88e5;
         color: #fff;
         padding: 5px 10px;
         border-radius: 9999px;
         font-size: 12px;
         font-weight: 500;
      }

      .buyer-protection-banner .bp-chip i {
         font-size: 14px;
         margin-right: 5px;
      }

      .cs2-trade-side .hero-img-box {
         position: relative;
         padding: 16px;
         border-radius: 22px;
         background: linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(248,250,252,0.96) 100%);
         border: 1px solid rgba(15, 23, 42, 0.08);
         box-shadow: 0 18px 40px rgba(15, 23, 42, 0.08);
         overflow: hidden;
      }

      .cs2-trade-side .hero-img-box .ds {
         margin-bottom: 0 !important;
      }

      .cs2-trade-side .hero-img-box .bg {
         display: flex;
         align-items: center;
         justify-content: center;
         min-height: 320px;
         padding: 20px;
         border-radius: 18px;
         background:
            radial-gradient(circle at top, rgba(59, 130, 246, 0.14), transparent 48%),
            linear-gradient(180deg, #f8fbff 0%, #eef4fb 100%);
         border: 1px solid rgba(59, 130, 246, 0.10);
      }

      .cs2-trade-side .hero-img-box .bg img,
      .cs2-trade-side .hero-img-box .ds > img {
         width: 100%;
         max-height: 300px;
         object-fit: contain;
         filter: drop-shadow(0 18px 30px rgba(15, 23, 42, 0.18));
      }

      .cs2-trade-side .hero-img-box .gallery-slick {
         margin-top: 14px;
      }

      .cs2-trade-side .hero-img-box .gallery-slick .slick-track {
         display: flex;
         gap: 10px;
      }

      .cs2-trade-side .hero-img-box .gallery-slick .slick-slide {
         width: auto !important;
      }

      .cs2-trade-side .hero-img-box .gallery-slick img {
         width: 72px;
         height: 72px;
         padding: 8px;
         border-radius: 14px;
         background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
         border: 1px solid rgba(15, 23, 42, 0.08);
         object-fit: contain;
         cursor: pointer;
      }

      section.t-detail .box .btn-user.steam {
         position: absolute;
         bottom: 10px;
         left: 58px;
         z-index: 33;
         padding: 12px;

      }
      section.t-detail .box .btn-user.steam-market {
         position: absolute;
         bottom: 10px;
         left: 58px;
         z-index: 33;
         padding: 12px;
      }
      section.t-detail .box .btn-user.steam ~ .btn-user.steam-market {
         left: 106px;
      }
      .advert-feature-row .feature-badge {
         max-width: 50%!important;
      }

      .seller-box {
         padding: 8px 12px;
         border-radius: 4px;
         background: #f7f7f9;
         border: 1px solid #eee;
      }
      .skin-float .float-progress {
         height: 8px;
         border-radius: 999px;
         overflow: hidden;
         display: flex;
         position: relative;
         background: #e5e7eb;
      }

      .skin-float .float-segment {
         height: 100%;
      }

      .skin-float .float-pointer {
         position: absolute;
         top: -8px;
         transform: translateX(-50%);
         font-size: 14px;
         color: #111827;
      }

      body.dark-mode .skin-float .float-progress {
         background: #111827;
      }

      body.dark-mode .skin-float .float-pointer {
         color: #e5e7eb;
      }

      .cs2-showcase-panel,
      .cs2-surface-card,
      .cs2-wear-section {
         border: 1px solid rgba(15, 23, 42, 0.08);
         border-radius: 18px;
         background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
         box-shadow: 0 16px 40px rgba(15, 23, 42, 0.06);
      }

      .cs2-showcase-panel {
         padding: 20px;
      }

      .cs2-overline {
         display: flex;
         flex-wrap: wrap;
         gap: 8px;
         margin-bottom: 14px;
      }

      .cs2-pill {
         display: inline-flex;
         align-items: center;
         gap: 6px;
         padding: 8px 12px;
         border-radius: 999px;
         background: rgba(61, 90, 254, 0.08);
         border: 1px solid rgba(61, 90, 254, 0.14);
         color: #2443c2;
         font-size: 12px;
         font-weight: 700;
         line-height: 1;
      }

      .cs2-pill.dark {
         background: rgba(15, 23, 42, 0.05);
         border-color: rgba(15, 23, 42, 0.08);
         color: #1f2937;
      }

      .cs2-title-main {
         display: flex;
         align-items: center;
         gap: 10px;
         margin-bottom: 20px;
      }

      .cs2-rarity-dot {
         width: 11px;
         height: 11px;
         min-width: 11px;
         border-radius: 50%;
         box-shadow: 0 0 0 6px color-mix(in srgb, var(--cs2-rarity, #5e98d9) 18%, transparent);
         background: var(--cs2-rarity, #5e98d9);
      }

      .cs2-display-title {
         margin: 0;
         color: #0f172a;
         font-size: clamp(1.5rem, 2vw, 2.1rem);
         line-height: 1.15;
         font-weight: 800;
         display: flex;
         flex-wrap: wrap;
         align-items: baseline;
         gap: 0 10px;
      }

      .cs2-display-title .cs2-weapon-type {
         font-weight: 700;
         color: #334155;
         letter-spacing: -0.02em;
      }

      .cs2-display-title .cs2-title-separator {
         color: #94a3b8;
         font-weight: 600;
         user-select: none;
      }

      .cs2-display-title .cs2-skin-title {
         font-weight: 800;
      }

      .cs2-subtitle {
         margin: 0 0 12px 0;
         font-size: 15px;
         color: #475569;
         font-weight: 600;
      }

      .cs2-title-meta {
         display: flex;
         flex-wrap: wrap;
         gap: 10px;
      }

      .cs2-surface-card {
         padding: 18px;
      }

      .cs2-section-head {
         display: flex;
         align-items: center;
         justify-content: space-between;
         gap: 12px;
         margin-bottom: 14px;
      }

      .cs2-section-head h3,
      .cs2-section-head h4 {
         display: inline-flex;
         align-items: center;
         gap: 8px;
         margin: 0;
         font-size: 16px;
         font-weight: 800;
         color: #111827;
      }

      .cs2-section-note {
         font-size: 13px;
         font-weight: 700;
         color: #1d4ed8;
      }

      .buyer-protection-banner {
         border-radius: 18px;
         background: linear-gradient(135deg, rgba(37, 99, 235, 0.1) 0%, rgba(14, 165, 233, 0.08) 100%);
         border: 1px solid rgba(37, 99, 235, 0.15);
         margin-bottom: 0;
      }

      .buyer-protection-banner.side {
         position: relative;
         flex-direction: column;
         align-items: stretch;
         gap: 14px;
         padding: 18px;
         overflow: hidden;
         background:
            radial-gradient(circle at top right, rgba(59, 130, 246, 0.18), transparent 42%),
            linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(239,246,255,0.96) 100%);
         box-shadow: 0 14px 34px rgba(37, 99, 235, 0.10);
      }

      .buyer-protection-banner.side .bp-art {
         position: relative;
         display: flex;
         align-items: center;
         justify-content: center;
         min-height: 150px;
         padding: 12px;
         border-radius: 16px;
         background: linear-gradient(135deg, rgba(15, 23, 42, 0.04) 0%, rgba(37, 99, 235, 0.08) 100%);
         border: 1px solid rgba(37, 99, 235, 0.10);
         overflow: hidden;
      }

      .buyer-protection-banner.side .bp-art::after {
         content: '';
         position: absolute;
         inset: auto 0 0 0;
         height: 52px;
         background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.55) 100%);
         pointer-events: none;
      }

      .buyer-protection-banner.side .bp-art img {
         position: relative;
         z-index: 1;
         width: 100%;
         max-width: 220px;
         height: auto;
         object-fit: contain;
         filter: drop-shadow(0 18px 28px rgba(15, 23, 42, 0.22));
      }

      .buyer-protection-banner.side::before {
         content: '';
         position: absolute;
         inset: 0 auto 0 0;
         width: 4px;
         background: linear-gradient(180deg, #2563eb 0%, #06b6d4 100%);
      }

      .buyer-protection-banner.side .bp-head {
         display: flex;
         align-items: center;
         gap: 12px;
      }

      .buyer-protection-banner.side .bp-icon {
         width: 48px;
         height: 48px;
         min-width: 48px;
         display: inline-flex;
         align-items: center;
         justify-content: center;
         margin: 0;
         border-radius: 14px;
         background: linear-gradient(135deg, #2563eb 0%, #0ea5e9 100%);
         color: #fff;
         box-shadow: 0 12px 24px rgba(37, 99, 235, 0.22);
      }

      .buyer-protection-banner.side .bp-icon i {
         font-size: 22px;
      }

      .buyer-protection-banner.side .bp-title {
         margin-bottom: 2px;
         font-size: 17px;
         font-weight: 800;
         color: #0f172a;
      }

      .buyer-protection-banner.side .bp-desc {
         font-size: 13px;
         line-height: 1.65;
         color: #475569;
      }

      .buyer-protection-banner.side .bp-foot {
         display: flex;
         align-items: center;
         justify-content: space-between;
         gap: 10px;
         flex-wrap: wrap;
      }

      .buyer-protection-banner.side .bp-note {
         display: inline-flex;
         align-items: center;
         gap: 8px;
         font-size: 12px;
         font-weight: 700;
         color: #1d4ed8;
      }

      .buyer-protection-banner.side .bp-note i {
         font-size: 15px;
      }

      .buyer-protection-banner.side .bp-chip {
         margin-left: auto;
         padding: 9px 12px;
         border-radius: 999px;
         background: rgba(37, 99, 235, 0.12);
         color: #1d4ed8;
         font-weight: 800;
      }

      .cs2-float-meta {
         display: flex;
         justify-content: space-between;
         gap: 12px;
         margin-bottom: 10px;
         font-size: 13px;
         font-weight: 700;
         color: #334155;
      }

      .cs2-float-track-wrap {
         position: relative;
         width: 100%;
         padding-top: 0;
      }

      .cs2-float-track-lg {
         position: relative;
         display: flex;
         width: 100%;
         height: 12px;
         overflow: hidden;
         border-radius: 999px;
         background: linear-gradient(to right, #4caf50 0%, #8bc34a 15%, #cddc39 38%, #ffc107 45%, #f44336 100%);
         box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.18);
      }

      .cs2-float-track-lg .seg {
         display: none;
      }

      .cs2-float-marker-lg {
         position: absolute;
         top: -13px;
         left: 0;
         transform: translateX(-50%);
         font-size: 22px;
         line-height: 1;
         color: #0f172a;
         z-index: 2;
         pointer-events: none;
         filter: drop-shadow(0 1px 1px rgba(255, 255, 255, 0.9));
      }

      /* Float 0–1 doğrusal; CS2 aşınma sınırları eşit aralıklı değil (0 / .07 / .15 / .38 / .45 / 1) */
      .cs2-float-scale {
         position: relative;
         margin-top: 8px;
         min-height: 18px;
         font-size: 11px;
         font-weight: 700;
         color: #64748b;
      }

      .cs2-float-scale > span {
         position: absolute;
         top: 0;
         line-height: 1.25;
         white-space: nowrap;
         transform: translateX(-50%);
      }

      .cs2-float-scale > span:nth-child(1) {
         left: 0%;
         transform: translateX(0);
      }

      .cs2-float-scale > span:nth-child(2) {
         left: 7%;
      }

      .cs2-float-scale > span:nth-child(3) {
         left: 15%;
      }

      .cs2-float-scale > span:nth-child(4) {
         left: 38%;
      }

      .cs2-float-scale > span:nth-child(5) {
         left: 45%;
      }

      .cs2-float-scale > span:nth-child(6) {
         left: 100%;
         transform: translateX(-100%);
      }

      @media (max-width: 576px) {
         .cs2-float-scale {
            display: none !important;
            margin: 0;
            min-height: 0;
         }
      }

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

      .cs2-detail-item {
         padding: 12px 14px;
         border-radius: 14px;
         background: rgba(15, 23, 42, 0.03);
         border: 1px solid rgba(15, 23, 42, 0.06);
      }

      .cs2-detail-item label {
         display: block;
         margin-bottom: 4px;
         font-size: 12px;
         font-weight: 700;
         color: #64748b;
         text-transform: uppercase;
         letter-spacing: 0.02em;
      }

      .cs2-detail-item span {
         display: block;
         color: #0f172a;
         font-size: 14px;
         font-weight: 700;
         word-break: break-word;
      }

      .cs2-tag-list {
         display: flex;
         flex-wrap: wrap;
         gap: 10px;
      }

      .cs2-tag {
         display: inline-flex;
         align-items: center;
         gap: 7px;
         padding: 10px 13px;
         border-radius: 999px;
         background: #fff;
         border: 1px solid rgba(15, 23, 42, 0.08);
         font-size: 13px;
         font-weight: 700;
         color: #1f2937;
      }

      .cs2-addon-strip {
         display: flex;
         flex-wrap: wrap;
         gap: 10px;
         margin-top: 14px;
      }

      .cs2-addon-chip {
         display: inline-flex;
         align-items: center;
         gap: 8px;
         padding: 8px 10px;
         border-radius: 14px;
         background: rgba(255,255,255,0.85);
         border: 1px solid rgba(15, 23, 42, 0.08);
      }

      .cs2-addon-chip img {
         width: 40px;
         height: 40px;
         object-fit: contain;
      }

      .cs2-addon-chip strong {
         display: block;
         font-size: 12px;
         color: #0f172a;
      }

      .cs2-addon-chip span {
         display: block;
         font-size: 11px;
         color: #64748b;
      }

      .cs2-summary-stats {
         display: flex;
         flex-wrap: wrap;
         gap: 12px;
         margin-top: 14px;
      }

      .cs2-stat-pill {
         flex: 1 1 180px;
         min-width: 180px;
         padding: 14px 16px;
         border-radius: 16px;
         background: rgba(15, 23, 42, 0.03);
         border: 1px solid rgba(15, 23, 42, 0.06);
      }

      .cs2-stat-pill label {
         display: block;
         font-size: 12px;
         font-weight: 700;
         color: #64748b;
         margin-bottom: 4px;
         text-transform: uppercase;
      }

      .cs2-stat-pill strong {
         font-size: 18px;
         line-height: 1.2;
         color: #0f172a;
      }

      .cs2-wear-market {
         margin-top: 1.25rem;
         margin-bottom: 0;
         padding-top: 0;
         padding-bottom: 0;
      }

      @media (max-width: 575.98px) {
         .cs2-wear-market {
            margin-top: 1rem;
         }
      }

      /* CS2 — Aynı skin / aşınma karşılaştırma: üst başlık yok; içerik yığılmış kartlar */
      .cs2-wear-unified-panel {
         border-radius: var(--radius-panel, 18px);
         border: 1px solid rgba(15, 23, 42, 0.08);
         background: var(--bg-header, #fff);
         box-shadow: var(--box-shadow);
         overflow: hidden;
      }

      .cs2-wear-unified-panel--stack {
         border-radius: 20px;
         border-color: rgba(15, 23, 42, 0.07);
         box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04), 0 12px 32px rgba(15, 23, 42, 0.06);
         background: linear-gradient(180deg, rgba(248, 250, 252, 0.65) 0%, rgba(255, 255, 255, 0.98) 48%, #fff 100%);
      }

      .cs2-wear-scroll {
         overflow-x: auto;
         overflow-y: auto;
         max-height: min(72vh, 860px);
         -webkit-overflow-scrolling: touch;
         padding: 14px 14px 6px;
      }

      .cs2-wear-matrix {
         min-width: min(100%, 560px);
         padding-bottom: 4px;
         display: flex;
         flex-direction: column;
         gap: 12px;
      }

      .cs2-wear-matrix > .cs2-wear-group {
         padding-top: 0;
      }

      .cs2-wear-group {
         margin: 0;
         border-radius: 14px;
         border: 1px solid rgba(15, 23, 42, 0.08);
         background: var(--bg-header, #fff);
         box-shadow: 0 1px 0 rgba(15, 23, 42, 0.04);
         overflow: hidden;
      }

      .cs2-wear-group + .cs2-wear-group {
         margin-top: 0;
         border-top: none;
      }

      .cs2-wear-group-head {
         display: flex;
         flex-wrap: wrap;
         align-items: center;
         gap: 8px 10px;
         padding: 11px 14px 10px;
         background: linear-gradient(180deg, rgba(255, 255, 255, 0.92) 0%, rgba(241, 245, 249, 0.55) 100%);
         border-bottom: 1px solid rgba(15, 23, 42, 0.06);
      }

      .cs2-wear-group--empty .cs2-wear-group-head {
         border-bottom: none;
         padding-bottom: 12px;
      }

      .cs2-wear-grouphead-title {
         font-size: 15px;
         font-weight: 800;
         color: #0f172a;
         letter-spacing: -0.02em;
      }

      .cs2-wear-grouphead-desc {
         font-size: 12px;
         color: #64748b;
         font-weight: 600;
         flex: 1 1 200px;
         min-width: 0;
      }

      .cs2-wear-grouphead-count {
         margin-left: auto;
         font-size: 11px;
         font-weight: 700;
         color: #475569;
         padding: 5px 12px;
         border-radius: 999px;
         background: rgba(255, 255, 255, 0.85);
         border: 1px solid rgba(15, 23, 42, 0.06);
         white-space: nowrap;
      }

      .cs2-wear-list {
         padding: 8px 8px 12px;
      }

      .cs2-wear-row-meta {
         display: contents;
      }

      /* Satır: rail | içerik (satıcı+skin) | float | fiyat | ok — dikey ortalı, sayısal blok sağa hizalı */
      .cs2-wear-row:not(.cs2-wear-row--empty) {
         display: grid;
         grid-template-columns: 40px minmax(0, 1fr) minmax(148px, 220px) minmax(5.75rem, max-content) 34px;
         align-items: center;
         column-gap: 14px;
         row-gap: 0;
         margin: 7px 8px;
         padding: 12px 14px;
         border-radius: 14px;
         text-decoration: none !important;
         color: inherit !important;
         background: rgba(248, 250, 252, 0.85);
         border: 1px solid rgba(15, 23, 42, 0.07);
         box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03);
         transition: border-color 0.15s ease, box-shadow 0.15s ease, background 0.15s ease, transform 0.12s ease;
      }

      .cs2-wear-row:not(.cs2-wear-row--empty):hover {
         border-color: rgba(61, 90, 254, 0.35);
         box-shadow: 0 6px 20px rgba(61, 90, 254, 0.1);
         background: #fff;
         transform: translateY(-1px);
      }

      .cs2-wear-row:not(.cs2-wear-row--empty):focus-visible {
         outline: 2px solid rgba(61, 90, 254, 0.5);
         outline-offset: 2px;
      }

      .cs2-wear-cell--wear {
         display: flex;
         align-items: center;
         justify-content: center;
         align-self: center;
      }

      .cs2-wear-rail {
         display: block;
         width: 5px;
         height: 40px;
         border-radius: 6px;
      }

      .cs2-wear-rail--fn { background: linear-gradient(180deg, #4ade80, #16a34a); }
      .cs2-wear-rail--mw { background: linear-gradient(180deg, #a3e635, #65a30d); }
      .cs2-wear-rail--ft { background: linear-gradient(180deg, #facc15, #ca8a04); }
      .cs2-wear-rail--ww { background: linear-gradient(180deg, #fb923c, #ea580c); }
      .cs2-wear-rail--bs { background: linear-gradient(180deg, #f87171, #dc2626); }

      .cs2-wear-cell--seller {
         display: flex;
         align-items: center;
         min-width: 0;
         align-self: center;
      }

      .cs2-wear-seller-stack {
         display: flex;
         align-items: center;
         gap: 10px;
         min-width: 0;
         width: 100%;
      }

      .cs2-wear-seller-detail {
         display: flex;
         flex-direction: column;
         align-items: stretch;
         justify-content: center;
         gap: 6px;
         min-width: 0;
         flex: 1 1 auto;
      }

      .cs2-wear-seller-topline {
         display: flex;
         flex-wrap: wrap;
         align-items: center;
         gap: 6px 10px;
         min-width: 0;
      }

      .cs2-wear-row:not(.cs2-wear-row--empty) .cs2-wear-avatar-img {
         width: 36px;
         height: 36px;
         border-radius: 10px;
         flex-shrink: 0;
         align-self: center;
         object-fit: cover;
      }

      .cs2-wear-seller-name {
         font-size: 14px;
         font-weight: 700;
         color: #334155;
         line-height: 1.3;
         flex-shrink: 0;
         max-width: 100%;
         overflow: hidden;
         text-overflow: ellipsis;
         white-space: nowrap;
      }

      .cs2-wear-row:not(.cs2-wear-row--empty) .cs2-wear-seller-name {
         font-size: 14px;
         font-weight: 700;
         line-height: 1.3;
      }

      .cs2-wear-seller-topline .cs2-wear-st-pill {
         flex-shrink: 0;
      }

      .cs2-wear-st-pill {
         flex-shrink: 0;
         font-size: 9px;
         font-weight: 800;
         letter-spacing: 0.02em;
         line-height: 1.2;
         padding: 3px 7px;
         border-radius: 6px;
         border: 1px solid transparent;
         max-width: 100%;
      }

      .cs2-wear-st-pill--yes {
         color: #c2410c;
         background: rgba(251, 146, 60, 0.2);
         border-color: rgba(234, 88, 12, 0.35);
      }

      .cs2-wear-skin-title {
         font-size: 12px;
         font-weight: 600;
         color: #475569;
         line-height: 1.3;
         min-width: 0;
         flex: 1 1 160px;
         overflow: hidden;
         text-overflow: ellipsis;
         white-space: nowrap;
      }

      .cs2-wear-accessories {
         display: flex;
         flex-wrap: wrap;
         align-items: center;
         gap: 4px;
         max-width: 100%;
      }

      .cs2-wear-acc-img {
         width: 22px;
         height: 22px;
         object-fit: contain;
         border-radius: 4px;
         background: rgba(15, 23, 42, 0.04);
         border: 1px solid rgba(15, 23, 42, 0.08);
         flex-shrink: 0;
      }

      .cs2-wear-acc-img--charm {
         border-color: rgba(61, 90, 254, 0.35);
         box-shadow: 0 0 0 1px rgba(61, 90, 254, 0.12);
      }

      .cs2-wear-cell--float {
         display: flex;
         flex-direction: column;
         justify-content: center;
         align-items: flex-end;
         align-self: center;
         min-width: 0;
         text-align: right;
      }

      .cs2-wear-float-stack {
         display: flex;
         flex-direction: column;
         align-items: flex-end;
         justify-content: center;
         gap: 6px;
         width: 100%;
         max-width: 220px;
      }

      .cs2-wear-float-num {
         font-size: 12px;
         font-weight: 700;
         font-variant-numeric: tabular-nums;
         color: #475569;
      }

      .cs2-wear-float-num--na {
         color: #94a3b8;
      }

      /* Global .cs2-wear-float-bar padding’i --inline ile birleşince bozuluyor; sıfırla */
      .cs2-wear-float-bar.cs2-wear-float-bar--inline {
         padding: 0;
         margin: 0;
         border: 0;
         box-sizing: border-box;
         pointer-events: none;
         line-height: 0;
      }

      .cs2-wear-float-bar--inline {
         display: block;
         width: 100%;
         min-width: 132px;
         max-width: 220px;
      }

      .cs2-wear-float-bar--inline .cs2-wear-float-track {
         position: relative;
         display: block;
         width: 100%;
         height: 8px;
         margin: 0;
         padding: 0;
         border-radius: 999px;
         overflow: hidden;
         box-sizing: border-box;
         background: linear-gradient(to right, #4caf50 0%, #8bc34a 15%, #cddc39 38%, #ffc107 45%, #f44336 100%);
         box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.15);
      }

      .cs2-wear-float-bar--inline .cs2-wear-float-pin {
         position: absolute;
         top: 50%;
         left: 0;
         width: 8px;
         height: 8px;
         margin-left: 0;
         border-radius: 50%;
         background: #ffffff;
         border: 2px solid #0f172a;
         box-shadow: 0 1px 3px rgba(15, 23, 42, 0.25);
         transform: translate(-50%, -50%);
         z-index: 2;
         box-sizing: border-box;
      }

      .cs2-wear-cell--price {
         display: flex;
         align-items: center;
         justify-content: flex-end;
         align-self: center;
         min-width: 0;
         text-align: right;
      }

      .cs2-wear-price-tag {
         display: inline-block;
         padding: 6px 11px;
         border-radius: 10px;
         font-size: clamp(11px, 2.1vw, 13px);
         font-weight: 800;
         font-variant-numeric: tabular-nums;
         color: #047857;
         background: rgba(16, 185, 129, 0.12);
         border: 1px solid rgba(16, 185, 129, 0.22);
         white-space: nowrap;
         max-width: 100%;
         overflow: hidden;
         text-overflow: ellipsis;
      }

      .cs2-wear-cell--go {
         display: flex;
         align-items: center;
         justify-content: center;
         align-self: center;
         color: #94a3b8;
         font-size: 20px;
         transition: color 0.15s ease, transform 0.15s ease;
      }

      .cs2-wear-row:not(.cs2-wear-row--empty):hover .cs2-wear-cell--go {
         color: #3d5afe;
         transform: translateX(2px);
      }

      .cs2-wear-row--empty {
         margin: 8px 12px 12px;
         padding: 18px 16px;
         text-align: center;
         font-size: 13px;
         font-weight: 600;
         color: #64748b;
         background: rgba(248, 250, 252, 0.65);
         border-radius: 12px;
         border: 1px dashed rgba(100, 116, 139, 0.35);
      }

      .cs2-wear-empty-inline {
         display: inline-flex;
         align-items: center;
         gap: 8px;
      }

      .cs2-wear-more-wrap {
         padding: 0 12px 12px;
      }

      .cs2-wear-group:not(.is-expanded) .cs2-wear-row--extra {
         display: none;
      }

      .cs2-wear-group.is-expanded .cs2-wear-row--extra {
         display: grid;
      }

      .cs2-wear-more-btn {
         margin-top: 0;
      }

      .cs2-wear-panel-footer {
         border-top: 1px solid rgba(15, 23, 42, 0.08);
         background: linear-gradient(180deg, rgba(61, 90, 254, 0.05) 0%, rgba(248, 250, 252, 0.95) 100%);
         padding: 20px 22px 22px;
      }

      .cs2-wear-panel-footer-inner {
         display: flex;
         flex-wrap: wrap;
         align-items: center;
         justify-content: space-between;
         gap: 16px 24px;
      }

      .cs2-wear-panel-footer-copy {
         flex: 1 1 260px;
         min-width: 0;
      }

      .cs2-wear-panel-footer-copy strong {
         display: block;
         font-size: 16px;
         font-weight: 800;
         color: #0f172a;
         letter-spacing: -0.02em;
         margin-bottom: 6px;
      }

      .cs2-wear-panel-footer-copy p {
         margin: 0;
         font-size: 13px;
         line-height: 1.45;
         color: #475569;
      }

      .cs2-wear-panel-footer-cta {
         flex-shrink: 0;
         display: inline-flex;
         align-items: center;
         justify-content: center;
         gap: 8px;
         padding: 12px 22px;
         border-radius: 12px;
         font-size: 14px;
         font-weight: 700;
         color: #fff !important;
         text-decoration: none !important;
         background: linear-gradient(135deg, #3d5afe 0%, #283cb4 100%);
         box-shadow: 0 4px 14px rgba(61, 90, 254, 0.35);
         transition: box-shadow 0.15s ease, filter 0.15s ease;
      }

      .cs2-wear-panel-footer-cta:hover {
         filter: brightness(1.05);
         box-shadow: 0 6px 20px rgba(61, 90, 254, 0.4);
         color: #fff !important;
      }

      @media (max-width: 639.98px) {
         .cs2-wear-row:not(.cs2-wear-row--empty) {
            grid-template-columns: 36px minmax(0, 1fr);
            grid-template-areas:
               "w s"
               "m m";
            align-items: center;
            column-gap: 12px;
            row-gap: 12px;
            margin: 6px 6px;
            padding: 12px 12px;
         }

         .cs2-wear-cell--wear {
            grid-area: w;
            align-self: center;
         }

         .cs2-wear-cell--seller {
            grid-area: s;
            display: flex;
            align-items: center;
            min-width: 0;
            align-self: center;
         }

         .cs2-wear-cell--go { display: none; }

         .cs2-wear-row-meta {
            display: grid;
            grid-template-columns: minmax(0, 1fr) auto;
            grid-template-rows: auto;
            grid-area: m;
            align-items: center;
            column-gap: 14px;
            row-gap: 8px;
            width: 100%;
         }

         .cs2-wear-cell--float {
            grid-column: 1;
            grid-row: 1;
            align-items: flex-start;
            text-align: left;
            justify-content: center;
         }

         .cs2-wear-cell--price {
            grid-column: 2;
            grid-row: 1;
            justify-content: flex-end;
            align-self: center;
         }

         .cs2-wear-float-stack {
            align-items: flex-start;
            max-width: none;
            width: 100%;
         }

         .cs2-wear-float-bar--inline {
            min-width: 0;
            max-width: none;
            width: 100%;
         }

         .cs2-wear-panel-footer-inner {
            align-items: stretch;
         }

         .cs2-wear-panel-footer-cta {
            width: 100%;
         }

         .cs2-wear-grouphead-count {
            margin-left: 0;
         }
      }

      /* Dark: site paleti (--bg-header, --bg-light, --border-color, --primary-blue, --success-green) */
      body.dark-mode .cs2-wear-unified-panel {
         border-color: var(--border-color);
         background: var(--bg-header);
      }

      body.dark-mode .cs2-wear-unified-panel--stack {
         background: linear-gradient(180deg, var(--bg-light) 0%, var(--bg-header) 45%, var(--bg-header) 100%);
         box-shadow: var(--box-shadow);
         border-color: var(--border-color);
      }

      body.dark-mode .cs2-wear-group {
         border-color: var(--border-color);
         background: var(--bg-header);
         box-shadow: none;
      }

      body.dark-mode .cs2-wear-group-head {
         background: linear-gradient(180deg, rgba(61, 90, 254, 0.07) 0%, transparent 100%);
         border-bottom-color: var(--border-color);
      }

      body.dark-mode .cs2-wear-group--empty .cs2-wear-group-head {
         border-bottom: none;
      }

      body.dark-mode .cs2-wear-grouphead-title {
         color: var(--dark-text);
      }

      body.dark-mode .cs2-wear-grouphead-desc,
      body.dark-mode .cs2-wear-grouphead-count {
         color: var(--gray-text);
      }

      body.dark-mode .cs2-wear-grouphead-count {
         background: var(--input-bg);
         border-color: var(--border-color);
      }

      body.dark-mode .cs2-wear-row:not(.cs2-wear-row--empty) {
         background: var(--input-bg);
         border-color: var(--border-color);
      }

      body.dark-mode .cs2-wear-row:not(.cs2-wear-row--empty):hover {
         background: rgba(61, 90, 254, 0.12);
         border-color: rgba(61, 90, 254, 0.35);
         box-shadow: 0 6px 24px rgba(0, 0, 0, 0.35);
      }

      body.dark-mode .cs2-wear-float-num {
         color: var(--gray-text);
      }

      body.dark-mode .cs2-wear-float-bar--inline .cs2-wear-float-track {
         background: linear-gradient(to right, #1b5e20 0%, #33691e 14%, #827717 32%, #e65100 46%, #b71c1c 100%);
         box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.5);
      }

      body.dark-mode .cs2-wear-float-bar--inline .cs2-wear-float-pin {
         background: var(--bg-header);
         border-color: var(--dark-text);
      }

      body.dark-mode .cs2-wear-row--empty {
         background: var(--input-bg);
         color: var(--gray-text);
         border-color: var(--border-color);
      }

      body.dark-mode .cs2-wear-panel-footer {
         border-top-color: var(--border-color);
         background: linear-gradient(180deg, rgba(61, 90, 254, 0.06) 0%, var(--bg-light) 100%);
      }

      body.dark-mode .cs2-wear-panel-footer-copy strong {
         color: var(--dark-text);
      }

      body.dark-mode .cs2-wear-panel-footer-copy p {
         color: var(--gray-text);
      }

      body.dark-mode .cs2-wear-price-tag {
         color: var(--success-green);
         background: rgba(17, 211, 119, 0.1);
         border-color: rgba(17, 211, 119, 0.28);
      }

      body.dark-mode .cs2-wear-seller-name {
         color: var(--dark-text);
      }

      body.dark-mode .cs2-wear-skin-title {
         color: var(--gray-text);
      }

      body.dark-mode .cs2-wear-st-pill--yes {
         color: var(--warning-orange);
         background: rgba(255, 179, 0, 0.12);
         border-color: rgba(255, 179, 0, 0.32);
      }

      body.dark-mode .cs2-wear-acc-img {
         background: var(--input-bg);
         border-color: var(--border-color);
      }

      body.dark-mode .cs2-wear-acc-img--charm {
         border-color: rgba(61, 90, 254, 0.45);
         box-shadow: 0 0 0 1px rgba(61, 90, 254, 0.12);
      }

      body.dark-mode .cs2-wear-cell--go {
         color: var(--gray-text);
      }

      body.dark-mode .cs2-wear-row:not(.cs2-wear-row--empty):hover .cs2-wear-cell--go {
         color: var(--primary-blue);
      }

      .cs2-wear-groups {
         display: grid;
         grid-template-columns: repeat(auto-fill, minmax(min(100%, 272px), 1fr));
         align-items: stretch;
         gap: 18px;
      }

      .cs2-wear-section {
         display: flex;
         flex-direction: column;
         height: 100%;
         min-height: 0;
         padding: 18px;
      }

      .cs2-wear-section-body {
         flex: 1;
         display: flex;
         flex-direction: column;
         min-height: 0;
         gap: 10px;
      }

      .cs2-wear-section-head {
         display: flex;
         align-items: center;
         justify-content: space-between;
         gap: 8px;
         margin-bottom: 20px;
      }

      .cs2-wear-section-title {
         display: flex;
         align-items: center;
         gap: 8px;
      }

      .cs2-wear-section-title h3 {
         margin: 0;
         color: #0f172a;
         font-size: 15px;
         font-weight: 800;
         line-height: 1.2;
         letter-spacing: -0.02em;
      }

      .cs2-wear-section-title p {
         margin: 2px 0 0 0;
         font-size: 11px;
         line-height: 1.35;
         color: #64748b;
      }

      .cs2-wear-badge {
         min-width: 38px;
         height: 38px;
         display: inline-flex;
         align-items: center;
         justify-content: center;
         border-radius: 10px;
         font-size: 12px;
         font-weight: 900;
         color: #fff;
      }

      .cs2-wear-badge-fn { background: #2dc653; }
      .cs2-wear-badge-mw { background: #84cc16; }
      .cs2-wear-badge-ft { background: #eab308; }
      .cs2-wear-badge-ww { background: #fb923c; }
      .cs2-wear-badge-bs { background: #ef4444; }

      .cs2-wear-card-grid {
         display: flex;
         flex-direction: column;
         gap: 6px;
         flex: 1;
         min-height: 0;
      }


      .cs2-wear-list-head {
         display: grid;
         grid-template-columns: 36px minmax(0, 1fr) minmax(4.25rem, auto) minmax(5.5rem, 1fr);
         align-items: center;
         gap: 8px 10px;
         padding: 0 12px 10px 12px;
         border-bottom: 1px solid rgba(15, 23, 42, 0.08);
      }

      .cs2-wear-th {
         font-size: 10px;
         font-weight: 800;
         letter-spacing: 0.04em;
         text-transform: uppercase;
         color: #64748b;
         line-height: 1.2;
      }

      .cs2-wear-th--seller {
         min-width: 0;
      }

      .cs2-wear-th--float {
         text-align: right;
         font-variant-numeric: tabular-nums;
      }

      .cs2-wear-th--price {
         text-align: right;
      }

      .cs2-wear-card-grid .cs2-wear-card--extra {
         display: none;
      }

      .cs2-wear-card-grid.is-expanded .cs2-wear-card--extra {
         display: block;
      }

      .cs2-wear-more-btn {
         display: inline-flex;
         align-items: center;
         justify-content: center;
         gap: 6px;
         width: 100%;
         margin-top: 2px;
         padding: 8px 12px;
         border-radius: 10px;
         border: 1px dashed rgba(100, 116, 139, 0.45);
         background: rgba(241, 245, 249, 0.65);
         color: #475569;
         font-size: 12px;
         font-weight: 700;
         cursor: pointer;
         transition: background .15s ease, border-color .15s ease, color .15s ease;
      }

      .cs2-wear-more-btn:hover {
         background: rgba(226, 232, 240, 0.95);
         border-color: rgba(71, 85, 105, 0.45);
         color: #1e293b;
      }

      .cs2-wear-more-btn.is-expanded {
         border-style: solid;
         border-color: rgba(15, 23, 42, 0.1);
      }

      .cs2-wear-more-btn i {
         font-size: 15px;
         opacity: 0.85;
      }

      .cs2-wear-card.cs2-wear-card--compact {
         --cs2-wear-line: #94a3b8;
         display: block;
         border-radius: 12px;
         overflow: hidden;
         background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
         border: 1px solid rgba(15, 23, 42, 0.07);
         border-left: 3px solid var(--cs2-wear-line);
         text-decoration: none;
         color: inherit;
         box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
         transition: box-shadow .16s ease, border-color .16s ease, background .16s ease;
      }

      .cs2-wear-card.cs2-wear-card--compact.cs2-wear-card--fn { --cs2-wear-line: #2dc653; }
      .cs2-wear-card.cs2-wear-card--compact.cs2-wear-card--mw { --cs2-wear-line: #84cc16; }
      .cs2-wear-card.cs2-wear-card--compact.cs2-wear-card--ft { --cs2-wear-line: #ca8a04; }
      .cs2-wear-card.cs2-wear-card--compact.cs2-wear-card--ww { --cs2-wear-line: #ea580c; }
      .cs2-wear-card.cs2-wear-card--compact.cs2-wear-card--bs { --cs2-wear-line: #dc2626; }

      .cs2-wear-card.cs2-wear-card--compact:hover {
         box-shadow: 0 10px 28px rgba(15, 23, 42, 0.09);
         border-color: rgba(15, 23, 42, 0.1);
         background: #fff;
      }

      .cs2-wear-row-main {
         display: grid;
         grid-template-columns: 36px minmax(0, 1fr) minmax(4.25rem, auto) minmax(5.5rem, 1fr);
         align-items: center;
         gap: 8px 10px;
         padding: 10px 12px;
      }

      @media (max-width: 420px) {
         .cs2-wear-list-head {
            grid-template-columns: 36px minmax(0, 1fr);
            grid-template-rows: auto auto;
            row-gap: 4px;
         }

         .cs2-wear-list-head .cs2-wear-th--float,
         .cs2-wear-list-head .cs2-wear-th--price {
            grid-column: 2;
            text-align: left;
         }

         .cs2-wear-list-head .cs2-wear-th--price {
            grid-row: 2;
         }

         .cs2-wear-row-main {
            grid-template-columns: 36px minmax(0, 1fr);
            grid-template-rows: auto auto auto;
            row-gap: 6px;
         }

         .cs2-wear-row-main .cs2-wear-float-num {
            grid-column: 2;
            text-align: left;
         }

         .cs2-wear-row-main .cs2-wear-price {
            grid-column: 1 / -1;
            justify-self: stretch;
            text-align: center;
         }
      }

      .cs2-wear-avatar-wrap {
         display: flex;
         align-items: center;
         justify-content: center;
         width: 36px;
         flex-shrink: 0;
      }

      .cs2-wear-avatar-img {
         width: 32px;
         height: 32px;
         border-radius: 9px;
         object-fit: cover;
         flex-shrink: 0;
      }

      .cs2-wear-seller-name {
         min-width: 0;
         font-size: 13px;
         font-weight: 600;
         color: #334155;
         overflow: hidden;
         text-overflow: ellipsis;
         white-space: nowrap;
      }

      .cs2-wear-float-num {
         font-size: 11px;
         font-weight: 700;
         font-variant-numeric: tabular-nums;
         color: #475569;
         white-space: nowrap;
         text-align: right;
      }

      .cs2-wear-float-num--na {
         color: #94a3b8;
         font-weight: 600;
      }

      .cs2-wear-row-main .cs2-wear-price {
         padding: 4px 8px;
         border-radius: 8px;
         font-size: clamp(10px, 2.4vw, 12px);
         font-weight: 700;
         line-height: 1.25;
         font-variant-numeric: tabular-nums;
         color: #047857;
         background: rgba(16, 185, 129, 0.12);
         border: 1px solid rgba(16, 185, 129, 0.22);
         text-align: right;
         justify-self: end;
         min-width: 0;
         max-width: 100%;
         white-space: normal;
         word-break: normal;
         overflow-wrap: anywhere;
         hyphens: none;
      }

      /* Kompakt kart — padding sadece kart içi (ilan satırındaki --inline etkilenmesin) */
      .cs2-wear-card .cs2-wear-float-bar:not(.cs2-wear-float-bar--inline) {
         padding: 2px 12px 10px 12px;
         pointer-events: none;
         box-sizing: border-box;
      }

      .cs2-wear-card .cs2-wear-float-track {
         position: relative;
         display: flex;
         width: 100%;
         height: 10px;
         margin: 0;
         padding: 0;
         border-radius: 999px;
         overflow: hidden;
         box-sizing: border-box;
         background: linear-gradient(to right, #4caf50 0%, #8bc34a 15%, #cddc39 38%, #ffc107 45%, #f44336 100%);
         box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.16);
      }

      .cs2-wear-card .cs2-wear-float-track .seg {
         display: none;
      }

      .cs2-wear-card .cs2-wear-float-pin {
         position: absolute;
         top: 50%;
         left: 0;
         width: 8px;
         height: 8px;
         margin: 0;
         padding: 0;
         border-radius: 50%;
         background: #ffffff;
         border: 2px solid #0f172a;
         box-shadow: 0 1px 3px rgba(15, 23, 42, 0.25);
         transform: translate(-50%, -50%);
         z-index: 2;
         box-sizing: border-box;
      }

      .cs2-wear-empty {
         flex: 1;
         width: 100%;
         justify-content: center;
         display: flex;
         flex-direction: column;
         align-items: center;
         padding: 18px 14px;
         text-align: center;
         border: 1px dashed rgba(148, 163, 184, 0.45);
         border-radius: 12px;
         background: rgba(241, 245, 249, 0.55);
         box-shadow: none;
      }

      .cs2-wear-empty i {
         display: inline-flex;
         width: 38px;
         height: 38px;
         align-items: center;
         justify-content: center;
         border-radius: 50%;
         background: rgba(148, 163, 184, 0.2);
         color: #64748b;
         font-size: 18px;
         margin-bottom: 10px;
      }

      .cs2-wear-empty h4 {
         margin: 0 0 6px 0;
         color: #475569;
         font-size: 14px;
         font-weight: 700;
         line-height: 1.35;
      }

      .cs2-wear-empty p {
         margin: 0 auto 12px auto;
         max-width: 360px;
         color: #64748b;
         font-size: 13px;
         line-height: 1.5;
         font-weight: 500;
      }

      .cs2-wear-empty .cs2-empty-cta {
         display: inline-flex;
         align-items: center;
         justify-content: center;
         gap: 6px;
         width: auto;
         max-width: 100%;
         padding: 6px 12px;
         border-radius: 8px;
         font-size: 12px;
         font-weight: 600;
         line-height: 1.2;
         text-decoration: none;
         box-sizing: border-box;
         background: #e2e8f0;
         color: #475569 !important;
         border: 1px solid #cbd5e1;
         transition: background .15s ease, color .15s ease, border-color .15s ease;
      }

      .cs2-wear-empty .cs2-empty-cta:hover {
         background: #cbd5e1;
         color: #334155 !important;
         border-color: #94a3b8;
      }

      .cs2-wear-empty .cs2-empty-cta i {
         font-size: 14px;
         margin: 0;
         width: auto;
         height: auto;
         padding: 0;
         border-radius: 0;
         background: transparent;
         color: inherit;
      }

      @media (max-width: 991.98px) {
         .cs2-trade-side .hero-img-box .bg {
            min-height: 280px;
         }

         .cs2-gallery-stack {
            position: static;
         }

         .cs2-wear-groups {
            grid-template-columns: repeat(auto-fill, minmax(min(100%, 240px), 1fr));
         }

         .cs2-detail-grid {
            grid-template-columns: 1fr;
         }

         .cs2-section-head,
         .cs2-wear-section-head {
            flex-direction: column;
            align-items: flex-start;
         }
      }

      @media (max-width: 575.98px) {
         .cs2-wear-groups {
            grid-template-columns: 1fr;
         }

         .cs2-showcase-panel,
         .cs2-surface-card,
         .cs2-wear-section,
         .cs2-wear-empty {
            border-radius: 16px;
         }

         .cs2-showcase-panel,
         .cs2-surface-card,
         .cs2-wear-section {
            padding: 16px;
         }

         .cs2-wear-row-main .cs2-wear-price {
            width: 100%;
            justify-self: stretch;
            text-align: center;
         }
      }

      body.dark-mode .cs2-showcase-panel,
      body.dark-mode .cs2-surface-card,
      body.dark-mode .cs2-trade-side .hero-img-box,
      body.dark-mode .cs2-wear-section,
      body.dark-mode .cs2-wear-card:not(.cs2-wear-card--compact) {
         background:var(--bg-header);
         border-color:var(--border-color);
         box-shadow:var(--box-shadow);
      }

      body.dark-mode .cs2-tag,
      body.dark-mode .cs2-addon-chip {
         background:var(--bg-light);
         border-color:var(--border-color);
         box-shadow:none;
      }

      body.dark-mode .cs2-wear-card.cs2-wear-card--compact {
         background: linear-gradient(180deg, #1c1e24 0%, #14161b 100%);
         border: 1px solid rgba(255, 255, 255, 0.07);
         border-left-width: 3px;
         border-left-color: var(--cs2-wear-line);
         box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
      }

      body.dark-mode .cs2-wear-card.cs2-wear-card--compact:hover {
         background: linear-gradient(180deg, #22242c 0%, #181a20 100%);
         border-color: rgba(255, 255, 255, 0.1);
         border-left-color: var(--cs2-wear-line);
      }

      body.dark-mode .cs2-wear-more-btn {
         background: rgba(255, 255, 255, 0.04);
         border-color: rgba(148, 163, 184, 0.28);
         color: #cbd5e1;
      }

      body.dark-mode .cs2-wear-more-btn:hover {
         background: rgba(255, 255, 255, 0.08);
         border-color: rgba(148, 163, 184, 0.4);
         color: #f1f5f9;
      }

      body.dark-mode .cs2-wear-more-btn.is-expanded {
         border-style: solid;
         border-color: rgba(255, 255, 255, 0.12);
         background: rgba(255, 255, 255, 0.06);
      }

      body.dark-mode .cs2-wear-empty {
         background: rgba(255, 255, 255, 0.03);
         border: 1px dashed rgba(148, 163, 184, 0.25);
         box-shadow: none;
      }

      body.dark-mode .cs2-wear-empty i {
         background: rgba(148, 163, 184, 0.12);
         color: #94a3b8;
      }

      body.dark-mode .cs2-wear-empty h4 {
         color: #cbd5e1;
      }

      body.dark-mode .cs2-wear-empty .cs2-empty-cta {
         background: rgba(255, 255, 255, 0.06);
         border-color: rgba(255, 255, 255, 0.1);
         color: #cbd5e1 !important;
      }

      body.dark-mode .cs2-wear-empty .cs2-empty-cta:hover {
         background: rgba(255, 255, 255, 0.1);
         border-color: rgba(255, 255, 255, 0.14);
         color: #f1f5f9 !important;
      }

      body.dark-mode .cs2-wear-empty .cs2-empty-cta i {
         background: transparent;
         color: inherit;
      }

      body.dark-mode .cs2-display-title .cs2-weapon-type {
         color: #cbd5e1;
      }

      body.dark-mode .cs2-display-title .cs2-title-separator {
         color: #64748b;
      }

      body.dark-mode .cs2-display-title,
      body.dark-mode .cs2-section-head h3,
      body.dark-mode .cs2-section-head h4,
      body.dark-mode .cs2-detail-item span,
      body.dark-mode .cs2-tag,
      body.dark-mode .cs2-stat-pill strong,
      body.dark-mode .cs2-wear-section-title h3 {
         color: #e2e8f0;
      }

      body.dark-mode .cs2-wear-list-head {
         border-bottom-color: rgba(255, 255, 255, 0.08);
      }

      body.dark-mode .cs2-wear-th {
         color: #94a3b8;
      }

      body.dark-mode .cs2-wear-float-num {
         color: var(--gray-text);
      }

      body.dark-mode .cs2-float-track-lg {
         background: linear-gradient(to right, #2e7d32 0%, #558b2f 15%, #827717 32%, #f57f17 44%, #c62828 100%);
         box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.45);
      }

      body.dark-mode .cs2-wear-float-track {
         background: linear-gradient(to right, #2e7d32 0%, #558b2f 15%, #827717 32%, #f57f17 44%, #c62828 100%);
         box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.45);
      }

      body.dark-mode .cs2-wear-float-pin {
         background: #1e293b;
         border-color: #f1f5f9;
         box-shadow: 0 1px 4px rgba(0, 0, 0, 0.45);
      }

      body.dark-mode .cs2-float-marker-lg {
         color: #f8fafc;
         filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.65));
      }

      body.dark-mode .cs2-float-meta {
         color: #cbd5e1;
      }

      body.dark-mode .cs2-wear-row-main .cs2-wear-price {
         color: #6ee7b7;
         background: rgba(16, 185, 129, 0.14);
         border-color: rgba(52, 211, 153, 0.28);
      }

      body.dark-mode .cs2-subtitle,
      body.dark-mode .cs2-detail-item label,
      body.dark-mode .cs2-float-scale,
      body.dark-mode .cs2-wear-section-title p,
      body.dark-mode .cs2-wear-card-meta,
      body.dark-mode .cs2-wear-float-num--na,
      body.dark-mode .cs2-wear-empty p,
      body.dark-mode .cs2-addon-chip span,
      body.dark-mode .cs2-stat-pill label {
         color: #94a3b8;
      }

      body.dark-mode .cs2-pill.dark,
      body.dark-mode .cs2-detail-item,
      body.dark-mode .cs2-stat-pill {
         background: rgba(255,255,255,0.03);
         border-color: rgba(255,255,255,0.06);
         color: #e2e8f0;
      }

      .cs2-bottom-grid {
         margin-top: 4px;
      }

      .cs2-trade-side .sticky-sidebar {
         display: flex;
         flex-direction: column;
         gap: 16px;
      }

      .cs2-gallery-stack {
         position: sticky;
         top: 24px;
      }

      .cs2-gallery-actions {
         display: grid;
         grid-template-columns: repeat(2, minmax(0, 1fr));
         gap: 10px;
         align-items: stretch;
      }

      /* Dar sidebar: 2+2 satırlar (yan yana ikişer) */
      .cs2-trade-side .cs2-gallery-actions {
         width: 100%;
         min-width: 0;
      }

      .cs2-gallery-btn {
         display: inline-flex;
         align-items: center;
         justify-content: center;
         gap: 8px;
         min-height: 44px;
         padding: 0 14px;
         border-radius: 12px;
         border: 1px solid rgba(15, 23, 42, 0.08);
         background: rgba(255,255,255,0.86);
         color: #1f2937;
         font-size: 13px;
         font-weight: 800;
         text-decoration: none;
         transition: .2s ease;
         cursor: pointer;
         box-sizing: border-box;
      }

      .cs2-trade-side .cs2-gallery-btn {
         width: 100%;
         max-width: 100%;
         min-width: 0;
         justify-content: center;
         text-align: center;
         white-space: normal;
         line-height: 1.25;
      }

      .cs2-trade-side .cs2-gallery-btn span {
         min-width: 0;
      }

      .cs2-gallery-btn:hover {
         border-color: rgba(61, 90, 254, 0.28);
         color: #2443c2;
      }

      .cs2-gallery-btn.active {
         background: rgba(61, 90, 254, 0.08);
         border-color: rgba(61, 90, 254, 0.18);
         color: #2443c2;
      }

      .cs2-gallery-btn.danger {
         color: #dc2626;
      }

      .cs2-trade-side .m-store-info .meta {
         display: block;
         color: #64748b;
         font-size: 13px;
         line-height: 1.6;
      }

      .cs2-trade-side .hero-img-box > .heart-advert,
      .cs2-trade-side .hero-img-box > .btn-user.steam,
      .cs2-trade-side .hero-img-box > .btn-user.steam-market,
      .cs2-trade-side .hero-img-box > .btn-report- {
         display: none !important;
      }

      .cs2-seller-surface .seller-box {
         padding: 0;
         border: 0;
         background: transparent;
         align-items: flex-start !important;
      }

      .cs2-seller-surface .u-avatar-name {
         text-decoration: none;
      }

      .cs2-seller-surface .u-name {
         color: #0f172a;
         font-size: 18px;
         font-weight: 800;
      }

      .cs2-seller-surface .success-operation,
      .cs2-seller-surface .last-seen {
         display: block;
         color: #64748b;
      }

      .cs2-buy-surface .feat-horizontal.feat-prominent {
         margin-bottom: 14px;
      }

      @media (max-width: 767.98px) {
         .cs2-buy-surface .saas-advert-card .feat-horizontal,
         .cs2-buy-surface .feat-horizontal {
            flex-wrap: nowrap;
            overflow-x: auto;
            overflow-y: hidden;
            -webkit-overflow-scrolling: touch;
            scrollbar-width: none;
            -ms-overflow-style: none;
            padding-bottom: 2px;
         }
         .cs2-buy-surface .saas-advert-card .feat-horizontal::-webkit-scrollbar,
         .cs2-buy-surface .feat-horizontal::-webkit-scrollbar {
            display: none;
         }
         .cs2-buy-surface .feat-prominent {
            gap: 8px !important;
            margin-bottom: 12px !important;
         }
         .cs2-buy-surface .feat-prominent .feat-pill {
            flex: 0 0 auto;
            min-width: 0;
            padding: 9px 12px !important;
            font-size: 12px !important;
            justify-content: center;
            text-align: center;
            white-space: nowrap;
         }
         .cs2-buy-surface .feat-prominent .feat-pill i {
            font-size: 1.05em !important;
         }
      }

      .cs2-buy-surface .cs2-adv-buy-box {
         width: 100%;
         margin-top: 4px;
      }

      @media (max-width: 575.98px) {
         .cs2-buy-surface .adv-buy-box.saas-buy-box.buybox {
            flex-direction: column;
            align-items: stretch;
         }
         .cs2-buy-surface .adv-buy-box .buy-actions.p-cart-row {
            width: 100%;
            justify-content: stretch;
         }
         .cs2-buy-surface .adv-buy-box .buy-actions .btn-buy-now {
            flex: 1;
            max-width: none;
         }
      }

      .cs2-buy-surface .cs2-summary-stats {
         margin: 0 0 16px 0;
      }

      .cs2-bottom-grid > .col-lg-4 {
         display: none;
      }

      .cs2-bottom-grid > .col-lg-8 {
         flex: 0 0 100%;
         max-width: 100%;
      }

      body.dark-mode .cs2-seller-surface .u-name {
         color: #f8fafc;
      }

      body.dark-mode .cs2-seller-surface .success-operation,
      body.dark-mode .cs2-seller-surface .last-seen {
         color: #94a3b8;
      }


      body.dark-mode .cs2-gallery-btn {
         background: rgba(255,255,255,0.04);
         border-color: rgba(255,255,255,0.08);
         color: #e2e8f0;
      }

      body.dark-mode .cs2-trade-side .hero-img-box .bg {
         background:
            radial-gradient(circle at top, rgba(96, 165, 250, 0.18), transparent 45%),
            linear-gradient(180deg, #111827 0%, #0f172a 100%);
         border-color: rgba(96, 165, 250, 0.12);
      }

      body.dark-mode .cs2-trade-side .hero-img-box .gallery-slick img {
         background: linear-gradient(180deg, #1f2937 0%, #111827 100%);
         border-color: rgba(255,255,255,0.08);
      }

      body.dark-mode .cs2-gallery-btn.active {
         background: rgba(61, 90, 254, 0.18);
         border-color: rgba(61, 90, 254, 0.28);
         color: #dbe4ff;
      }

      body.dark-mode .buyer-protection-banner.side {
         background:
            radial-gradient(circle at top right, rgba(59, 130, 246, 0.20), transparent 40%),
            linear-gradient(180deg, #171b24 0%, #121722 100%);
         border-color: rgba(96, 165, 250, 0.20);
         box-shadow: none;
      }

      body.dark-mode .buyer-protection-banner.side .bp-title {
         color: #f8fafc;
      }

      body.dark-mode .buyer-protection-banner.side .bp-desc {
         color: #cbd5e1;
      }

      body.dark-mode .buyer-protection-banner.side .bp-note {
         color: #93c5fd;
      }

      body.dark-mode .buyer-protection-banner.side .bp-chip {
         background: rgba(59, 130, 246, 0.16);
         color: #bfdbfe;
      }

      body.dark-mode .buyer-protection-banner.side .bp-art {
         background: linear-gradient(135deg, rgba(255,255,255,0.04) 0%, rgba(59, 130, 246, 0.10) 100%);
         border-color: rgba(96, 165, 250, 0.14);
      }

      body.dark-mode .buyer-protection-banner.side .bp-art::after {
         background: linear-gradient(180deg, rgba(15,23,42,0) 0%, rgba(15,23,42,0.46) 100%);
      }

      body.dark-mode .cs2-trade-side .m-store-info .meta {
         color: #94a3b8;
      }

/* advert-trade: koyu tema tamamlayıcı + responsive */
body.dark-mode .cs2-info-label{
   color:var(--dark-text);
}
body.dark-mode .cs2-info-value{
   color:var(--gray-text);
}
body.dark-mode .seller-box{
   background:rgba(255,255,255,0.04);
   border-color:var(--border-color);
}
body.dark-mode .buyer-protection-banner:not(.side){
   background:linear-gradient(135deg, rgba(37, 99, 235, 0.22) 0%, rgba(14, 165, 233, 0.12) 100%);
   border-color:rgba(96, 165, 250, 0.35);
}
body.dark-mode .buyer-protection-banner:not(.side) .bp-title{
   color:#f8fafc;
}
body.dark-mode .buyer-protection-banner:not(.side) .bp-desc{
   color:#cbd5e1;
}
body.dark-mode .buyer-protection-banner:not(.side) .bp-icon{
   color:#93c5fd;
}
body.dark-mode .buyer-protection-banner:not(.side) .bp-chip{
   background:rgba(59, 130, 246, 0.28);
   color:#e0f2fe;
}
body.dark-mode .cs2-gallery-btn:hover{
   border-color:rgba(129, 140, 248, 0.35);
   color:#c7d2fe;
}
body.dark-mode .cs2-pill:not(.dark){
   background:rgba(61, 90, 254, 0.14);
   border-color:rgba(129, 140, 248, 0.28);
   color:#c7d2fe;
}
body.dark-mode .cs2-section-note{
   color:#93c5fd;
}
@media (max-width: 767.98px){
   .cs2-trade-side .hero-img-box{
      padding:12px;
      border-radius:var(--radius-panel);
   }
   .cs2-trade-side .hero-img-box .bg{
      min-height:240px;
      padding:14px;
      border-radius:var(--radius-surface);
   }
   .cs2-trade-side .cs2-gallery-actions{
      gap:8px;
   }
   .cs2-trade-side .cs2-gallery-btn{
      min-height:42px;
      padding:8px 12px;
      font-size:12px;
      gap:6px;
   }
   .cs2-stat-pill{
      flex:1 1 100%;
      min-width:0;
   }
   .buyer-protection-banner.side{
      padding:14px;
      gap:12px;
   }
   .buyer-protection-banner.side .bp-art{
      min-height:120px;
   }
}
@media (max-width: 1199.98px) and (min-width: 992px){
   .cs2-wear-groups{
      grid-template-columns: repeat(auto-fill, minmax(min(100%, 252px), 1fr));
   }
}

.offcanvas {
    z-index: 2147483639!important;
}

#oxochat{
    z-index: 2147483638!important;
}

.p-required-fields {
    display: flex;
    flex-direction: column;
    font-size: 11px;
    margin-top: -8px;
    margin-bottom: -8px;
}

.p-rf-item {
    display: flex;
    align-items: center;
    gap: 6px;
}
.p-rf-icon {
    color: #22c55e;
    font-size: 13px;
    flex-shrink: 0;
}
.p-rf-label {
    font-weight: 600;
    opacity: 0.75;
}