:root {
    --primary-bg: #0f141a;
    --primary-color: #141c27;
    --secondary-color: #1a2432;
    --primary-text-color: #fff;
    --secondary-text-color: #ddd;
    --primary-highlight-color: #0192ef;
    --transition-fast: 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
    --transition-slow: 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
    --transition-timing: cubic-bezier(0.215, 0.61, 0.355, 1);
    --box-shadow: 0 4px 15px rgba(0, 0, 0, 0.25);
    --shadow-inline-start: -10px;
    --ta-start: left;
    --ta-end: right;
    --float-start: left;
    --float-end: right;
    --chat-width: 400px;
    --success-color: #2DA44E;
    --danger-color: #f14646;
    --warning-color: #D29922;
    --transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    --border-radius: 10px;
}

:dir(rtl) {
    --shadow-inline-start: 10px;
    --ta-start: right;
    --ta-end: left;
    --float-start: right;
    --float-end: left;
}

@font-face {
    font-family: 'Galano Regular';
    font-weight: bold;
    src: url("https://cdn.plyr.com/Content/fonts/GalanoGrotesqueAltRegular.otf?v=20260604154148") format("opentype");
}
@font-face {
    font-family: 'Galano Medium';
    font-weight: bold;
    src: url("https://cdn.plyr.com/Content/fonts/GalanoGrotesqueAltMedium.otf?v=20260604154148") format("opentype");
}
@font-face {
    font-family: 'Galano Bold';
    font-weight: bold;
    src: url("https://cdn.plyr.com/Content/fonts/GalanoGrotesqueAltBold.otf?v=20260604154148") format("opentype");
}
::-webkit-scrollbar {
    width: 6px;
}

::-webkit-scrollbar-track {
    background: rgba(15, 23, 42, 0.5);
}

::-webkit-scrollbar-thumb {
    background: rgba(59, 130, 246, 0.5);
}

    ::-webkit-scrollbar-thumb:hover {
        background: rgba(59, 130, 246, 0.7);
    }
    html{overflow-x:hidden !important;}
a{text-decoration: none !important;}
.nomargin{margin-bottom:0 !important}
.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}
.table {
    --bs-table-bg: transparent !important;
    border-color: var(--secondary-color) !important;
}
.mfp-wrap {
    z-index: 99999999 !important;
}
.tipso_bubble{z-index:999999999 !important;}
.container-fluid {
    padding-inline-start: 15px !important;
    padding-inline-end: 15px !important;
}
.nopaddingfromright{padding-inline-end:0px !important;}
.nopaddingfromleft{padding-inline-start:0px !important;}
.colpad{padding-inline-start:7.5px !important;padding-inline-end:7.5px !important;}
body{margin:0;padding:0;background-color:var(--primary-bg) !important;width:100%;height:100%;overflow-x:hidden !important;}
.noscroll {
    overflow: hidden !important;scrollbar-gutter: stable !important;
}
.body-background{background-color:var(--primary-bg);width:100%;height:100%;position:fixed;z-index:-1;left:0;top:0;right:0;bottom:0;
                 background-repeat:no-repeat;background-size:cover;filter: blur(7px);
  -webkit-filter: blur(7px);
}
.body-background-overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-color: var(--primary-bg);
    opacity: 0.75;
}
header{margin:0;padding:0;}
.align-items-center{align-items:center;}

html[dir="ltr"] .left-panel-container {
    left: 0;
    right: auto;
    transform: translateX(-100%);
}

html[dir="ltr"] .left-panel-container.active {
    transform: translateX(0);
}

html[dir="rtl"] .left-panel-container {
    right: 0;
    left: auto;
    transform: translateX(100%);
}

html[dir="rtl"] .left-panel-container.active {
    transform: translateX(0);
}

html[dir="ltr"] .right-panel-container {
    right: 0;
    left: auto;
    transform: translateX(100%);
}

    html[dir="ltr"] .right-panel-container.active {
        transform: translateX(0);
    }

html[dir="rtl"] .right-panel-container {
    left: 0;
    right: auto;
    transform: translateX(-100%);
}

    html[dir="rtl"] .right-panel-container.active {
        transform: translateX(0);
    }


.left-panel-container {
    width: 350px;
    max-width:100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10001;
    background-color: var(--primary-color);
    box-shadow: 0px 0px 50px 0px #000;
    transform: translateX(-100%);
    transition: transform 0.3s ease, opacity 0.3s ease, visibility 0.3s ease;
    opacity: 0;
    overflow:hidden;
    visibility: hidden;
}

    .left-panel-container.active {
        transform: translateX(0);
        opacity: 1;
        visibility: visible;
    }

.left-panel-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 10000;
    display: none;
}

    .left-panel-overlay.active {
        display: block;
    }

.left-panel-inner {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.left-panel-header {
    display: flex;
    align-items: center;
    background: var(--secondary-color);
    padding: 10px 20px;
    height: 60px;
    border-bottom: 1px solid var(--primary-bg);
}

.right-panel-header {
    display: flex;
    align-items: center;
    padding: 20px;
    background: #000000;
    background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(26, 36, 50, 1) 100%);
    background: -moz-linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(26, 36, 50, 1) 100%);
    background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(26, 36, 50, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#1A2432", GradientType=0);
}

label.change-user-avatar {
    cursor: pointer;
    position: relative;
    overflow: hidden;
    flex-shrink: 0;
    border-radius: 100px;
}

label.change-user-avatar:hover > .uploadAvatarOverlay{display:flex;}

    .right-panel-f {
        top: 70px !important;
    }

.left-panel-logo {
    height: 35px;
}

    .left-panel-logo img {
        height: 100%;
    }

.left-panel-back {
    display: none;
    align-items: center;
    color: var(--primary-text-color);
    font-size: 16px;
    cursor: pointer;
    gap: 6px;
    font-family:'Galano Regular', sans-serif;
}

.left-panel-close {
    position: absolute;
    color: #fff;
    height: 60px;
    display: flex;
    align-items: center;
    font-size: 22px;
    cursor: pointer;
    right: 20px;
}

html[dir="rtl"] .left-panel-close {
    left: 20px;
    right: auto;
}

.left-panel-search {
    display: none;
}

.left-panel-inner .search-input {
    width: 100%;
    padding: 10px 20px;
    border: none !important;
    outline:none !important;
    background: var(--primary-bg);
    color: var(--primary-text-color);
    font-size: 14px;
    font-family:'Galano Regular', sans-serif;
}

.left-panel-inner .search-input::placeholder {
    color: var(--secondary-text-color);
}

.left-panel-list {
    position: absolute;
    width: 100%;
    top: 60px;
    left: 0;
    padding: 10px 20px;
    flex: 1;
    overflow-y: auto;
    transition: transform 0.3s ease, opacity 0.3s ease;
    transform: translateX(100%);
    opacity: 0;
    pointer-events: none;
}

    .left-panel-list.active {
        transform: translateX(0%);
        opacity: 1;
        pointer-events: all;
        z-index: 1;
    }

    .left-panel-list.slide-out-left {
        transform: translateX(-100%);
        opacity: 0;
        pointer-events: none;
    }

    .left-panel-list.slide-out-right {
        transform: translateX(100%);
        opacity: 0;
        pointer-events: none;
    }

.left-panel-list-item {
    margin-top: 15px;
}

    .left-panel-list-item a {
        font-family: 'Galano Regular', sans-serif;
        color: var(--primary-text-color);
        display: flex;
        align-items: center;
        text-decoration: none;
        font-size:14px;
    }

        .left-panel-list-item a:hover {
            color: var(--primary-highlight-color);
        }

.left-panel-item-has-sub a i {
    font-size: 18px;
    width: 26px;
    text-align: center;
}

html[dir="rtl"] .left-panel-item-has-sub a i.fa-angle-right, html[dir="rtl"] .left-panel-back i.fa-angle-left,
html[dir="rtl"] .left-panel-item-has-sub a i.fa-chevron-right, html[dir="rtl"] .left-panel-back i.fa-chevron-left
html[dir="rtl"] .left-panel-item-has-sub a i.fa-caret-right, html[dir="rtl"] .left-panel-back i.fa-caret-left
html[dir="rtl"] .left-panel-item-has-sub a i.fa-arrow-right, html[dir="rtl"] .left-panel-back i.fa-arrow-left {
    transform: scaleX(-1);
}

.left-panel-icon{width:30px;margin-inline-end:10px;}

.right-panel-container {
    width: 350px;
    max-width: 100%;
    height: 100%;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 10001;
    background-color: var(--primary-color);
    box-shadow: 0px 0px 50px 0px #000;
    transform: translateX(100%);
    transition: transform 0.3s ease, opacity 0.3s ease, visibility 0.3s ease;
    opacity: 0;
    overflow: hidden;
    visibility: hidden;
}

    .right-panel-container.active {
        transform: translateX(0);
        opacity: 1;
        visibility: visible;
    }

.right-panel-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 10000;
    display: none;
}

    .right-panel-overlay.active {
        display: block;
    }

.right-panel-close {
    position: absolute;
    color: #fff;
    height: 60px;
    display: flex;
    align-items: center;
    font-size: 22px;
    right:20px;
    cursor: pointer;
}

html[dir="rtl"] .right-panel-close {
    left: 20px;
    right: auto;
}

.right-panel-inner {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.right-panel-list {
    position: absolute;
    width: 100%;
    top: 60px;
    left: 0;
    padding: 10px 20px;
    flex: 1;
    overflow-y: auto;
    transition: transform 0.3s ease, opacity 0.3s ease;
    transform: translateX(100%);
    opacity: 0;
    pointer-events: none;
}

.right-panel-balance-container {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 10px 15px;
    background-color: var(--secondary-color);
    position:relative;
}

.right-panel-balance {
    color: #fff;
}

.right-panel-balance-container a {
    position: absolute;
    color: #fff !important;
    right: 15px;
    font-size: 12px !important;
    background-color: var(--primary-highlight-color);
    padding: 5px 10px;
}
html[dir="rtl"] .right-panel-balance-container a {
    right: auto;
    left: 15px;
}

.right-panel-balance-container a i{margin-inline-end:5px;}

.right-panel-balance {
    display: flex;
    flex-direction: column;
}

.right-panel-balance small{font-size:12px;font-family:'Galano Regular', sans-serif;color:var(--secondary-text-color);}
.right-panel-balance span{font-size:16px;font-family:'Galano Medium', sans-serif;color:var(--primary-text-color);}

.right-panel-list.active {
    transform: translateX(0%);
    opacity: 1;
    pointer-events: all;
    z-index: 1;
}

    .right-panel-list.slide-out-left {
        transform: translateX(-100%);
        opacity: 0;
        pointer-events: none;
    }

    .right-panel-list.slide-out-right {
        transform: translateX(100%);
        opacity: 0;
        pointer-events: none;
    }

.right-panel-list-item {
    margin-top: 15px;
}

    .right-panel-list-item a {
        font-family: 'Galano Regular', sans-serif;
        color: var(--primary-text-color);
        display: flex;
        align-items: center;
        text-decoration: none;
        font-size: 14px;
        margin-inline-start:5px;
    }

        .right-panel-list-item a:hover {
            color: var(--primary-highlight-color);
        }

.right-panel-nl {
    width: 100%;
    padding: 20px;
    background: #000000;
    background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(26, 36, 50, 1) 100%);
    background: -moz-linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(26, 36, 50, 1) 100%);
    background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(26, 36, 50, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#1A2432", GradientType=0);
}

.right-panel-login {
    padding: 5px 10px;
    border: 1px solid #fff;
    outline: none !important;
    color: #fff;
    width: 200px;
    text-decoration: none;
    text-align: center;
    font-family: 'Galano Regular', sans-serif;
    margin-bottom: 10px;
}

.right-panel-register {
    padding: 5px 10px;
    border:1px solid transparent;
    outline:none !important;
    color: #fff;
    background-color:var(--primary-highlight-color);
    text-decoration:none;
    width: 200px;
    text-align: center;
    font-family: 'Galano Regular', sans-serif;
}

.right-panel-content {
    padding: 20px;
    color: #fff;
    font-family: 'Galano Regular', sans-serif;
}

.right-panel-wdc {
    width: 100%;
    float:var(--float-start);
    display:flex;
    align-items:center;
    justify-content:center;
}

.right-panel-user {
    display: flex;
    flex-direction: column;
    margin-inline-start: 15px;
    width:100%;
    padding-inline-end:35px;
    overflow:hidden;
}

.right-panel-username {
    font-family: 'Galano Medium', sans-serif;
    color: var(--primary-text-color);
    font-size: 16px;
    line-height: 16px;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
}
.right-panel-mail {
    font-family: 'Galano Regular', sans-serif;
    color: var(--secondary-text-color);
    font-size: 12px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.right-panel-avatar{width:50px;height:50px;border-radius:50px;overflow:hidden;object-fit:cover;flex-shrink:0;}

.slider-wrapper {
    width: 100%;
    float:var(--float-start);
    background-color: var(--primary-color);
    position: relative;
}
.slider{width:100%;
    height: 800px !important;background-size:cover;background-position:center top;position:relative;z-index:0;float:var(--float-start);}
.slider-overlay{width:100%;height:100%;position:absolute;left:0;top:0;right:0;bottom:0;background-color:var(--secondary-color);opacity:0.75;z-index:2;}
.slider-attachment{width:100%;height:100%;position:absolute;left:0;top:0;right:0;bottom:0;z-index:0;}
.slider-attachment video{width:100%;height:100%;object-fit:cover;}
.slider-image{width:100%;float:var(--float-start);}
.slider-image img{width:100%;height:100%;max-height:500px;object-fit: contain;object-position: right;}
.slider-content{width:100%;float:var(--float-start);}
.slider-content h2{font-family: 'Galano Medium', sans-serif;font-size:40px;margin-bottom:20px !important;color:var(--primary-text-color);}
.slider-content h2 strong{font-family: 'Galano Bold', sans-serif;color: var(--primary-highlight-color);}
.slider-content p{width:100%;float:var(--float-start);padding:0 30px;
    font-family: 'Galano Regular', sans-serif;color:var(--primary-text-color);margin-bottom:0 !important;font-size:18px;}
.slider .col{display: flex;align-items: center;}
.slider-actions{width:100%;float:var(--float-start);margin-top:45px;}
.slider-actions a{width: 200px;padding:10px 15px;color:#fff !important;background-color:var(--primary-highlight-color);border-radius: 5px;font-family: 'Galano Medium', sans-serif;
    -webkit-box-shadow: 0px 0px 30px -10px var(--primary-highlight-color);
    -moz-box-shadow:  0px 0px 30px -10px var(--primary-highlight-color);
    box-shadow:  0px 0px 30px -10px var(--primary-highlight-color);}

.content-wrapper{width:100%;float:var(--float-start);position: relative;padding:100px;}
.heading-wrapper{width:100%;float:var(--float-start);display: flex;align-items: center;margin-bottom:25px;position:relative;z-index:1;}
.heading-wrapper h1,h2,h3,h4,h5{color:var(--primary-text-color);margin:0px;font-family: 'Galano Regular', sans-serif !important;margin:0 !important}
.heading-wrapper strong{font-family: 'Galano Bold', sans-serif;}
.heading-wrapper a{margin-inline-start:auto;color:var(--primary-text-color);}
.featured-items{width:100%;float:var(--float-start);margin-bottom:60px;}
.sale-item{width:100%;float:var(--float-start);border-radius: 5px;overflow: hidden;box-shadow: 0px 4px 10px -5px #000;margin-bottom:15px;}
.sale-item:hover .sale-price-wrapper{top:-50px;}
.sale-item:hover .sale-item-image img{transform:scale(1.1);}
.sale-item-image{width:100%;float:var(--float-start);background-color:var(--primary-color);position:relative;padding-top:90%;}
.sale-item-image img{max-width: 100%;max-height: 100%;position: absolute;left: 0;right: 0;bottom: 0;top: 0;margin: auto;box-shadow:0px 0px 100px 0px #000;-moz-transition: all .2s;
     -o-transition: all .2s;
        transition: all .2s;}
.sale-item-details{width:100%;float:var(--float-start);padding:10px;padding-top:25px;background-color:var(--primary-bg);position: relative;box-shadow: 10px 0px 20px 10px #000;}
.sale-item-heading{width:100%;float:var(--float-start);display: flex;align-items: center;}
.sale-item-category{width:25px;height:25px;float:var(--float-start);}
.sale-item-category img{width:100%;height:100%;object-fit: cover;object-position: center;border-radius: 50px;}
.sale-item-info{width: calc(100% - 25px);float:var(--float-start);padding-inline-start:15px;}
.sale-item-title{width:100%;float:var(--float-start);}
.sale-item-title a{width:100%;float:var(--float-start);font-family: 'Galano Medium', sans-serif;color:var(--primary-text-color) !important;white-space: nowrap;text-overflow: ellipsis;font-size:14px;}
.sale-item-category-name{width:100%;float:var(--float-start);margin-top:-8px;}
.sale-item-category-name a{font-family: 'Galano Regular', sans-serif;color:var(--secondary-text-color) !important;font-size:12px;}
.sale-rank-wrapper{width:100%;float:var(--float-start);margin-top:15px;}
.sale-rank-bar{width:100%;float:var(--float-start);height:4px;background-color:rgba(255,255,255, 0.2);border-radius: 10px;margin-bottom:3px;}
.sale-rank-bar .progress-bar{float:var(--float-start);background-color:var(--primary-highlight-color);height: 100%;overflow: hidden;}
.sale-rank-content{width:100%;float:var(--float-start);display: flex;}
.sale-rank-content .left{font-family: 'Galano Regular', sans-serif;color:var(--secondary-text-color);font-size:10px;}
.sale-rank-content .right{font-family: 'Galano Regular', sans-serif;color:var(--secondary-text-color);margin-inline-start:auto;font-size:10px;}
.sale-owner-wrapper{width:100%;float:var(--float-start);position: absolute;left:0;top:-14px;display: flex;align-items: center;justify-content: center;}
.sale-owner{background-color: var(--secondary-color);padding-inline-end:15px;border-radius: 30px;display: flex;align-items: center;box-shadow: 0px 3px 5px 0px #000;}
.sale-owner-avatar{float:var(--float-start);}
.sale-owner-avatar img{width: 24px;height: 24px;object-fit: cover;object-position: center;margin-inline-end:10px;border-radius: 24px;}
.sale-owner-username{float:var(--float-start);}
.sale-owner-username a{color:var(--secondary-text-color) !important;font-family: 'Galano Regular', sans-serif;font-size: 14px;}

.featured-games{width:100%;float:var(--float-start)}
.featured-game-lg{width:100%;float:var(--float-start);position:relative;border-radius: 5px;overflow: hidden;margin-bottom:15px;-moz-box-shadow: 0 10px 10px -10px #000000;
    -webkit-box-shadow: 0 10px 10px -10px #000000;
    box-shadow: 0 10px 10px -10px #000000;cursor:pointer;}
.featured-game-lg-image{width:100%;float:var(--float-start);position: relative;}
.featured-game-lg-image img{width:100%;height:100%;object-fit: cover;object-position: center top;}
.featured-game-lg-image-overlay{width:100%;height:100%;position:absolute;-moz-box-shadow: inset 0 -30px 30px 10px #000000;
    -webkit-box-shadow: inset 0 -30px 30px 10px #000000;
    box-shadow: inset 0 -30px 30px 10px #000000}
.featured-game-lg-details{width:100%;position:absolute;left:0;bottom:0;padding:15px;}
.featured-game-lg-title{width:100%;float:var(--float-start);}
.featured-game-lg-title a{font-family: 'Galano Bold', sans-serif;color:#fff !important;}
.featured-game{width:100%;float:var(--float-start);position:relative;display: flex;align-items: center;background-color:var(--secondary-color);margin-bottom:15px;padding:15px 25px;border-radius: 5px;overflow: hidden;-moz-box-shadow: 0 10px 10px -10px #000000;
    -webkit-box-shadow: 0 10px 10px -10px #000000;
    box-shadow: 0 10px 10px -10px #000000;cursor: pointer;}
.featured-game-list{padding:0;margin:0;width:100%;float:var(--float-start);list-style: none;}
.featured-game-image{width:40px;height:40px;float:var(--float-start);}
.featured-game-image img{width:100%;height:100%;object-fit: cover;object-position: center;border-radius: 40px;}
.featured-game-details{width: calc(100% - 40px);float:var(--float-start);padding-inline-start:15px;}
.featured-game-title{width:100%;float:var(--float-start);}
.featured-game-title a{font-family: 'Galano Medium', sans-serif;color:var(--primary-text-color) !important;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;float:var(--float-start);width:100%;}

.reviews-wrapper{width:100%;float:var(--float-start);position: relative;overflow: hidden;}
.featured-comments{width:70%;float:var(--float-start);margin-top:30px;margin-inline-start:15%;margin-inline-end:15%;}
.featured-comments .slick-dots li button:before{color:var(--primary-text-color) !important}
.featured-comments .slick-dots li button:after{color:var(--primary-text-color) !important}
.home-comment{width:100%;float:var(--float-start);background-color:var(--secondary-color);padding:30px 60px;margin:50px 0;border-radius: 10px;}
.home-comment-avatar{width: 100%;
    height: 100px;
    float:var(--float-start);
    text-align: center;
    margin-top: -80px;
    margin-bottom: 15px;}
.home-comment-avatar img{width:100px;height:100px;object-fit: cover;object-position: center;border-radius: 100px;display: inline-block !important;}
.home-comment-user{width:100%;float:var(--float-start);text-align: center;font-family: 'Galano Medium', sans-serif;font-size:20px;color:var(--primary-text-color);}
.home-comment-content{width:100%;float:var(--float-start);margin-top:20px;}
.home-comment-content p{width:100%;float:var(--float-start);text-align:center;margin:0;font-family: 'Galano Regular', sans-serif;color:var(--secondary-text-color);font-size:14px;}

.bubble-wrapper{height:100%;width:100%;position:absolute;opacity: 0.33;}
.bubble-wrapper div{height:60px;width:60px;border-radius:60px;position:absolute;top:10%;left:10%;animation:4s linear infinite;}
.bubble-wrapper div:nth-child(1){top:20%;left:20%;animation:animate 8s linear infinite}
.bubble-wrapper div:nth-child(2){top:60%;left:80%;animation:animate 10s linear infinite}
.bubble-wrapper div:nth-child(3){top:40%;left:40%;animation:animate 3s linear infinite}
.bubble-wrapper div:nth-child(4){top:66%;left:30%;animation:animate 7s linear infinite}
.bubble-wrapper div:nth-child(5){top:90%;left:10%;animation:animate 9s linear infinite}
.bubble-wrapper div:nth-child(6){top:30%;left:60%;animation:animate 5s linear infinite}
.bubble-wrapper div:nth-child(7){top:70%;left:20%;animation:animate 8s linear infinite}
.bubble-wrapper div:nth-child(8){top:75%;left:60%;animation:animate 10s linear infinite}
.bubble-wrapper div:nth-child(9){top:50%;left:50%;animation:animate 6s linear infinite}
.bubble-wrapper div:nth-child(10){top:45%;left:20%;animation:animate 10s linear infinite}
.bubble-wrapper div:nth-child(11){top:10%;left:90%;animation:animate 9s linear infinite}
.bubble-wrapper div:nth-child(12){top:20%;left:70%;animation:animate 7s linear infinite}
.bubble-wrapper div:nth-child(13){top:20%;left:20%;animation:animate 8s linear infinite}
.bubble-wrapper div:nth-child(14){top:60%;left:5%;animation:animate 6s linear infinite}
.bubble-wrapper div:nth-child(15){top:90%;left:80%;animation:animate 9s linear infinite}
@keyframes animate{0%{transform:scale(0) translateY(0) rotate(70deg)}100%{transform:scale(1.3) translateY(-100px) rotate(360deg)}}

.join-us-wrapper{width:100%;float:var(--float-start);text-align: center;margin-top:150px;}
.join-us-wrapper h4{font-family: 'Galano Medium', sans-serif;color:var(--primary-text-color);margin-bottom:10px !important}
.join-us-wrapper h4 strong{font-family: 'Galano Bold', sans-serif;}
.join-us-wrapper p{font-family: 'Galano Regular', sans-serif;color:var(--secondary-text-color);margin-bottom: 30px;}
.join-us-actions{width:100%;float:var(--float-start);text-align: center;}
.join-us-actions a{width: 200px;padding:10px 15px;color:#fff !important;background-color:var(--primary-highlight-color);border-radius: 5px;font-family: 'Galano Medium', sans-serif;
    -webkit-box-shadow: 0px 0px 30px -10px var(--primary-highlight-color);
    -moz-box-shadow:  0px 0px 30px -10px var(--primary-highlight-color);
    box-shadow:  0px 0px 30px -10px var(--primary-highlight-color);}

footer{width:100%;float:var(--float-start);padding:54px 0 48px;background:var(--primary-color);border-top:1px solid var(--secondary-color);}
footer.site-footer{position:relative;overflow:hidden;}
footer.site-footer:before{content:"";position:absolute;top:0;right:0;left:0;height:1px;background:linear-gradient(90deg, transparent 0%, var(--primary-highlight-color) 50%, transparent 100%);opacity:.55;}
footer .content-wrapper{padding-top: 50px;padding-bottom:50px;}
.footer-corp-details{width:100%;float:var(--float-start);padding-inline-end:28px;}
.footer-logo{float:var(--float-start);width:100%;text-align: var(--ta-start);margin-bottom:18px;}
.footer-logo img{max-width: 174px;}
.footer-company-name{width:100%;float:var(--float-start);font-size: 16px;font-family: 'Galano Medium', sans-serif;color:var(--primary-text-color);letter-spacing:0;}
.footer-company-desc{width:100%;float:var(--float-start);max-width:260px;margin-top:10px;margin-bottom:20px;font-family:'Galano Regular', sans-serif;font-size:14px;line-height:1.65;color:var(--secondary-text-color);}
.footer-company-address{font-family: 'Galano Regular', sans-serif;color:var(--secondary-text-color);margin-bottom:10px}
.footer-social-media{width:100%;float:var(--float-start);}
.footer-social-media ul{padding:0 !important;margin:0;list-style: none !important;display:flex;gap:10px;}
.footer-social-media ul li{display: inline-block;margin-inline-end:0;}
.footer-social-media ul li a{width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:var(--primary-text-color);font-size:17px;background:var(--primary-bg);border:1px solid var(--secondary-color);transition:color .18s ease,border-color .18s ease,background-color .18s ease;}
.footer-social-media ul li a:hover{color:var(--primary-highlight-color);border-color:var(--primary-highlight-color);background:var(--secondary-color);}
.footer-menu{row-gap:30px;}
.footer-menu-group{width:100%;float:var(--float-start);padding-inline-start:18px;min-height:100%;}
.footer-menu-group h5{font-family: 'Galano Medium', sans-serif;font-size:15px !important;color:var(--primary-text-color);margin-bottom:18px !important;letter-spacing:0;text-transform:none;}
.footer-menu-group ul{width:100%;float:var(--float-start);padding:0 !important;margin:0;list-style: none !important;}
.footer-menu-group ul li{margin-bottom:7px;line-height:1.25;}
.footer-menu-group ul li:last-child{margin-bottom:0;}
.footer-menu-group ul li a{font-family: 'Galano Regular', sans-serif;font-size:14px;color:var(--secondary-text-color);transition:color .18s ease,padding-inline-start .18s ease;}
.footer-menu-group ul li a:hover{color:var(--primary-highlight-color);padding-inline-start:4px;}

.games{width:100%;float:var(--float-start);}
.a-search-container {
    width: 100%;
    float:var(--float-start);
    background-color: var(--primary-color);
    padding: 20px 30px;
    padding-bottom:15px;
    border-radius: 5px;
    box-shadow: 0px 0px 80px -30px #000;
    margin-bottom:60px;
}
.a-search-container .input-container{
    width: 100%;float:var(--float-start);position:relative;display:flex;align-items:center;
}
.a-search-container .input-container label{position:absolute;left:15px;font-size:18px;color:var(--primary-text-color);margin:0;}
    .a-search-container .input-container input {
        width: 100%;
        float:var(--float-start);
        height: 45px;
        background-color: var(--primary-bg);
        border: none !important;
        outline: none !important;
        padding-inline-start: 45px;
        border-radius: 30px;
        color: #fff;
        font-family: 'Galano Regular', sans-serif;
    }

.center-warning.store-warning{background-color:var(--primary-color);border:1px solid var(--secondary-color);}

.dutty-panel-card .center-warning {
    width: 100%;
    float:var(--float-start);
    padding: 20px;
    display: none;
    background-color: var(--primary-color);
    border: 1px solid var(--secondary-color);
}

.dutty-add-new-sale {
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-inline-end:auto;
}

    .dutty-add-new-sale a {
        color: var(--primary-text-color);
        padding: 8px 15px;font-size:12px;
        font-family:'Galano Regular', sans-serif;
        border:1px solid var(--primary-text-color);
        white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
    }

    .dutty-add-new-sale a:hover{background-color:var(--primary-highlight-color);border-color:var(--primary-highlight-color);}

.center-warning.with-bg {
    width: 100%;
    float:var(--float-start);
    padding: 20px;
    display: none;
    background-color:var(--primary-color);
    border:1px solid var(--secondary-color);
}
    .center-warning{width:100%;float:var(--float-start);padding:20px;display:none;}
    .center-warning-action{width:100%;display:flex;margin-top:15px;align-items:center;justify-content:center;float:var(--float-start);}
    .center-warning-action button{width:auto !important;font-size:14px !important;padding:5px 10px;}
.cwicon{width:100%;float:var(--float-start);font-size:50px;color:#fff;text-align:center;}
.cwmessage{width:100%;float:var(--float-start);font-size:20px;color:#fff;text-align:center;position:relative;top:-5px;}
.flex-direction-column{flex-direction:column;}
.category-wrapper{width:100%;float:var(--float-start);position:relative;padding-bottom:200px;}
.category-sidebar {
    position: relative;
    width: 200px;
    height: auto;
    float:var(--float-start);
    flex-shrink: 0;
    overflow: visible;
}
.sidebar-inner {
    position: sticky;
    top: 30px;
    background-color: var(--primary-color);
    border: 1px solid var(--secondary-color);
    display: block;
    width: 100%;
    box-sizing: border-box;
    float:var(--float-start);
}
.category-sidebar ul{padding:0;margin:0;list-style:none;width:100%;float:var(--float-start);user-select:none !important}
.category-sidebar ul li {width: 100%;
    float:var(--float-start);
    display: inline-flex;
    flex-direction: column;
    padding: 15px 20px;
    border-inline-start: 2px solid transparent;
    position: relative;
    cursor: pointer;
    justify-content: center;}
.category-sidebar ul li i{color: var(--primary-text-color);font-size:20px;position:absolute;right:20px;padding: 3px 5px;
    background-color: rgba(255, 255, 255, 0.1);top:15px;}
.category-sidebar ul li.root ul{display:none;}
.category-sidebar ul li.root.active-page ul{display:block !important;}
.category-sidebar ul li.root.active-page a{color: var(--primary-highlight-color) !important}
.menu-badge{    width: 20px;
    height: 20px;
    position: absolute;
    color: #fff;
    background-color: var(--primary-highlight-color);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 20px;
    font-family: 'Galano Regular', sans-serif;
    font-size: 14px;
    right: 25px;animation: pulseScale 1s infinite;}
html[dir="rtl"] .menu-badge {
    right: auto;
    left: 25px;
}
html[dir="rtl"] .store-cat .menu-badge{
    left:15px !important;
}
.category-sidebar ul li.root.dropped{background: rgb(0,0,0);
background: -moz-linear-gradient(360deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%);
background: -webkit-linear-gradient(360deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%);
background: linear-gradient(360deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);}
.category-sidebar ul li a{font-family:'Galano Medium', sans-serif;font-size:14px;color:var(--secondary-text-color);display:flex;align-items:center;padding-inline-end:31px;}
.category-content{width: 100%;}
.category-sidebar .active-link{color: var(--primary-highlight-color) !important;}

.nobackground{background:none !important;}
.pl0{padding-inline-start:0 !important;}
.pr0{padding-inline-end:0 !important;}
.category-header{width:100%;float:var(--float-start);padding:30px;position:relative;top:-2px;}
.category-header-fluid{width:100%;min-height:130px;padding:30px;position:absolute;left:0;right:0;
                 background: rgb(26,36,50);z-index:-1;
background: -moz-linear-gradient(180deg, var(--secondary-color) 0%, rgba(0,0,0,0) 100%);
background: -webkit-linear-gradient(180deg, var(--secondary-color) 0%, rgba(0,0,0,0) 100%);
background: linear-gradient(180deg, var(--secondary-color) 0%, rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#"+var(--secondary-color),endColorstr="#000000",GradientType=1);
}
.category-breadcrumb{width:100%;float:var(--float-start);}
.category-breadcrumb ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;}
.category-breadcrumb ul li{display:inline-flex;align-items:center;margin-inline-end:10px;}
.category-breadcrumb ul li a{font-family:'Galano Regular', sans-serif;font-size:12px;color:var(--secondary-text-color);text-decoration:none !important}
.category-breadcrumb ul li{color: var(--secondary-text-color);}
.category-breadcrumb ul li.root a{color:var(--primary-text-color) !important;}
.category-header h1{width:100%;float:var(--float-start);color:var(--primary-text-color);font-family:'Galano Bold', sans-serif;margin-bottom:0px !important}
.category-products{width:100%;float:var(--float-start);padding:30px;}
.category-products-header{width:100%;float:var(--float-start);position:relative;display:flex;align-items:center;margin-bottom:10px;}
.category-products-header h3{font-family:'Galano Medium', sans-serif;font-size:12px;color:var(--secondary-text-color);}
.category-products-header a{margin-inline-start:auto;font-family:'Galano Regular', sans-serif;font-size:12px;color:var(--primary-highlight-color) !important;}
.category-mobile-cats{width:100%;float:var(--float-start);margin-top:25px;display:none;}
.category-mobile-cats ul{padding:0;margin:0;width:100%;float:var(--float-start);}
.category-mobile-cats ul li img{width:26px;margin-inline-end:5px;}
.category-mobile-cats ul li{margin-bottom:10px;display:inline-flex;padding:6px 15px;background-color:var(--primary-highlight-color);border-radius:10px;margin-inline-end:10px;align-items:center;}
.category-mobile-cats ul li a{color:#fff !important;font-family:'Galano Medium', sans-serif;font-size:16px;}
.readonly{outline:none !important;border:none !important;resize:none !important;}

.category-product-list{width:100%;float:var(--float-start);}
.disocunted-product{width:calc(100% - 10px);margin-bottom:15px;display:inline-block;margin-inline-end:10px;cursor:pointer;float:var(--float-start);transition: all 0.25s ease-out;}
.disocunted-product:hover{transform:scale(1.05);}
.product-image{width:100%;height:150px;float:var(--float-start);position:relative;}
.product-image img{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:10px;}
.product-price-c{width:100%;display:flex;margin-top:5px;float:var(--float-start);justify-content:center;align-items:center;flex-direction:column;}
.product-price{font-family:'Galano Bold', sans-serif;color:var(--primary-text-color);font-size:14px;}
.product-discount{padding:0 5px;background-color:#f14646;color:#fff;font-family:'Galano Medium', sans-serif;font-size:12px;display:flex;align-items:center;justify-content:center;}
.game-product-worth{font-family:'Galano Bold', sans-serif;color:#51a351;font-size:16px;margin-top:10px;float:var(--float-start);}
.game-product-worth i{margin-inline-end:5px;font-size:16px;color:var(--primary-text-color);}
.game-product-worth small{font-family:'Galano Regular', sans-serif;color:var(--secondary-text-color) !important;font-size:14px;font-style:italic;}
.product-name {
    width: 100%;
    float:var(--float-start);
    text-align: center;
    background-color: var(--primary-bg);
    margin-top: 5px;
    border-radius: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3px;
}
.product-name a{font-family:'Galano Regular', sans-serif;color:var(--secondary-text-color) !important;font-size:12px;white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;}

.category-tabs-wrapper{width:100%;float:var(--float-start);padding:30px;padding-top:0px;}
.category-rich-content {
    width: 100%;
    float:var(--float-start);
    padding: 30px;
    font-family: 'Galano Regular', sans-serif;
    color: var(--primary-text-color);
}
.category-tabs{width:100%;float:var(--float-start);margin-bottom:20px;}
.category-tabs ul{display:flex;margin:0;padding:0;width:100%;float:var(--float-start);list-style:none;border-bottom:1px solid rgba(255,255,255,0.1);position:relative;}
.category-tabs ul li{padding:10px 5px;border-bottom:1px solid transparent;margin-bottom:-1px;margin-inline-end:20px;}
.category-tabs ul li:last-child{margin-inline-end:0 !important;}
.category-tabs ul li.active{border-color:var(--primary-highlight-color) !important;}
.category-tabs ul li.active a{color:var(--primary-text-color) !important;}
.category-tabs ul li a{font-family:'Galano Regular', sans-serif;font-size:14px;color:var(--secondary-text-color) !important}
.category-tab-content{width:100%;float:var(--float-start);}
.category-tab-content .sale-item-info{width:100% !important;padding-inline-start:0 !important}

.dutty-panel-card .filter-wrapper {
    width: 100%;
    float:var(--float-start);
    margin-bottom: 25px;
    background-color: var(--primary-color);
    border: 1px solid var(--secondary-color);
    box-shadow:none;
    border-radius:0;
}
.dutty-panel-sales {
    min-height: 300px;
    width: 100%;
    float:var(--float-start);
    padding: 0 5px;
}
.filter-wrapper{width:100%;float:var(--float-start);margin-bottom:30px;background-color:var(--primary-bg);box-shadow:0px 20px 20px -10px #000;border-radius:5px;}
.filter-wrapper .col{display:flex;}
.filter-group{width:100%;float:var(--float-start);padding:15px;}
.filter-group label{float:var(--float-start);width:100%;color:var(--secondary-text-color);font-family:'Galano Regular', sans-serif;font-size:12px;margin-bottom:5px;}
.filter-group input,select{background-color:rgba(0,0,0,0.33);color:var(--primary-text-color);
                    font-family:'Galano Medium', sans-serif;border:none;padding:5px 15px;outline:none !important;border:1px solid transparent;border-radius:5px;}
.filter-group input:focus{border-color:var(--primary-highlight-color) !important;}
.filter-group input[type="text"]{width:100%;float:var(--float-start);}
.filter-group-2{display:flex;width:100%;float:var(--float-start);}
.filter-group select{width:100%;float:var(--float-start);}
.filter-group .col{padding-inline-start:5px !important;padding-inline-end:5px !important}
.filter-group-price{width:45%;float:var(--float-start);}
.filter-sep{width:10%;float:var(--float-start);font-family:'Galano Bold', sans-serif;text-align:center;color:var(--secondary-text-color);line-height:34px;}
.filter-order label{text-align:right !important;padding-inline-end:5px !important;}
.filter-order-container{width:100%;float:var(--float-start);padding:0;margin:0;list-style:none;text-align: var(--ta-end);}
.filter-order-item{display:inline-block;margin-bottom:5px;width:auto;padding:5px 15px;background-color:rgba(0,0,0,0.33);
                   font-family:'Galano Regular', sans-serif;color:var(--secondary-text-color);cursor:pointer;border-radius:5px;}
.filter-order-item:hover{background-color:var(--primary-highlight-color) !important;color:#fff !important;}
.filter-order-item.active{background-color:var(--primary-highlight-color) !important;color:#fff !important;}
.filter-button{padding:5px 15px;height:36px;background-color:var(--primary-highlight-color);color:#fff;border:none;outline:none !important;font-family:'Galano Regular', sans-serif;font-size:14px;border-radius:5px;}
.reset-filters{color:#f14646 !important;cursor:pointer;}

.pagination-wrapper{width:100%;float:var(--float-start);margin:50px 0}
.pagination-wrapper ul{padding:0;margin:0;list-style:none;text-align:center;}
.pagination-wrapper ul li{display:inline-block;padding:5px 15px;background-color:var(--primary-bg);margin-bottom:5px;border-radius:5px;}
.pagination-wrapper ul li a{font-family:'Galano Regular', sans-serif;color:var(--secondary-text-color) !important;}
.pagination-wrapper ul li.active{background-color:var(--primary-highlight-color);color:#fff !important;}

.store-cat{}
.conts{width:100%;float:var(--float-start);}

.product{overflow:hidden;width:100%;float:var(--float-start);position:relative;padding:20px;margin-bottom:30px;border-radius:5px;
         background: rgb(26,36,50);
background: -moz-linear-gradient(180deg, var(--primary-bg) 0%, rgba(0,0,0,0) 100%);
background: -webkit-linear-gradient(180deg, var(--primary-bg) 0%, rgba(0,0,0,0) 100%);
background: linear-gradient(180deg, var(--primary-bg) 0%, rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#"+var(--primary-bg),endColorstr="#000000",GradientType=1);
}
.product .product-image{width:120px;height:150px;float:var(--float-start);}
.product .product-image img{width:100%;height:100%;object-fit:cover;object-position:center;}
.product-details{width:calc(100% - 120px);float:var(--float-start);padding-inline-start:20px;}
.product-title{width:100%;float:var(--float-start);}
.product-title a{font-family:'Galano Bold', sans-serif;color:var(--primary-text-color) !important;font-size:22px;}
.product-desc{width:100%;float:var(--float-start);color:var(--secondary-text-color);font-family:'Galano Regular', sans-serif;font-size:14px;margin-bottom:20px;}
.product-price-container{width:100%;float:var(--float-start);display:flex;align-items:center;}
.product-price-container .discount{padding:5px 15px;font-family:'Galano Bold', sans-serif;font-size:20px;color:#fff;background-color:#f14646;margin-inline-end:15px;border-radius:5px;}
    .product-price-container .price {
        font-family: 'Galano Bold', sans-serif;
        color: var(--primary-text-color);
        font-size: 20px;
        white-space: nowrap;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .product-price-container .old-price {
        font-family: 'Galano Regular', sans-serif;
        color: var(--secondary-text-color);
        text-decoration: line-through;
        font-size: 14px;
        height: 15px;
    }
.product-badges{width:100%;float:var(--float-start);padding:0;margin:0;list-style:none;margin-top:10px;}
.product-badge{width:32px;height:32px;display:inline-block;margin-inline-end:10px;box-shadow:0px 45px 30px -42px #000;}
.product-badge img{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:5px;}
.product-actions{width:100%;float:var(--float-start);margin-top:30px;position:relative;}
.buy-container{width:100%;float:var(--float-start);display:flex;gap:10px;}
.buy-button button{padding:0 20px;width:100%;border:none;height:40px;font-family:'Galano Bold', sans-serif;color:#fff;background-color:var(--primary-highlight-color);}
.product-inner{position:relative;z-index:1;float:var(--float-start);}
.product-overlay{filter: blur(2px);
  -webkit-filter: blur(2px);background-size:cover;background-position:center;width:100%;height:100%;left:0;top:0;right:0;bottom:0;position:absolute;z-index:1;}
.product-overlay .dark{background-color:rgba(0,0,0,0.88);width:100%;height:100%;position:absolute;left:0;top:0;right:0;bottom:0;}

.accounts-header{width:100%;float:var(--float-start);display:flex;justify-content:center;align-items:center;}
.accounts-header h1{width:auto !important;font-size:30px;color:var(--primary-text-color);}
.accounts-header .divider{width:1px;height:40px;background-color:rgba(255,255,255,0.078);margin:0 25px;}
.accounts-header .header-button{cursor:pointer;user-select:none;margin:0 30px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.accounts-header .header-button a{font-size:34px;color:var(--primary-text-color) !important;font-family:'Galano Bold', sans-serif;}
.inactive-button{color:var(--secondary-text-color) !important;opacity:0.66;}
.inactive-button a{font-family:'Galano Regular', sans-serif !important;font-size:20px !important;text-decoration:underline;}
.form-container{width:100%;float:var(--float-start);display:flex;justify-content:center;}
.input-icon-group{width:100%;float:var(--float-start);position:relative;display:flex;align-items:center;}
.input-icon-group i{position:absolute;left:15px;color:var(--primary-text-color);}
html[dir="rtl"] .input-icon-group i {
    left: auto;
    right: 15px;
}
html[dir="rtl"] .dutty-cfi-search-container i {
    left: 25px;
    right: unset;
}
.action-form {
    max-width: 600px;
    width: 100%;
    background-color: var(--primary-color);
    padding: 30px;
    border-radius: 5px;
    box-shadow: 0px 20px 25px -10px #000;
    border-top: 3px solid var(--primary-highlight-color);
    position: relative;
}
.action-form-group{width:100%;float:var(--float-start);margin-bottom:20px;}
    .action-form-group small {
        font-family: 'Galano Regular', sans-serif;
        color: var(--secondary-text-color) !important;
        width: 100%;
        float:var(--float-start);
        font-size: 12px;
        margin-top: 5px;
        padding-inline-start: 5px;
        text-align:var(--ta-start);
    }
    .action-flex-form-group {
        width: 100%;
        float:var(--float-start);
        display: flex;
        margin-bottom: 20px;
        gap: 20px;
    }
.action-flex-form-group .flexbox{width:50%;}
.action-flex-form-group .flexbox label{width:100%;float:var(--float-start);padding-inline-start:5px;font-family:'Galano Regular', sans-serif;color:var(--secondary-text-color);font-size:14px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.action-flex-form-group .flexbox input{width:100%;float:var(--float-start);}
.action-form-group label{width:100%;float:var(--float-start);padding-inline-start:5px;font-family:'Galano Regular', sans-serif;color:var(--secondary-text-color);font-size:14px;text-align:var(--ta-start);}
.action-form-group input{width:100%;}
.action-form-group textarea {
    width: 100%;
    min-height: 80px;
    max-width: 100%;
    padding: 10px;
}

.new-sale-container .action-form-group .pr-button{
    width: auto;
    padding: 10px 30px;
    float:var(--float-end);
}

.action-form-group button {
    width: 100%;
    padding: 10px;
    background-color: var(--primary-highlight-color);
    font-family: 'Galano Bold', sans-serif;
    color: #fff;
    border: none;
    outline: none;
}
.action-form-input{border-radius:5px;border:1px solid transparent;background-color:var(--primary-bg);color:var(--primary-text-color);font-family:'Galano Regular', sans-serif;height:44px;padding:0 15px;padding-inline-start:40px;outline:none !important;}
.action-form-input option{background-color:var(--primary-bg) !important;}
.action-form-input:focus{border-color:var(--primary-highlight-color);}
.action-form-input:active{border-color:var(--primary-highlight-color);}
.auth-social-grid{width:100%;float:var(--float-start);display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px;}
.auth-social-button{height:44px;border:1px solid color-mix(in srgb, var(--primary-text-color) 8%, transparent);background-color:var(--primary-bg);color:var(--primary-text-color) !important;display:flex;align-items:center;justify-content:center;font-family:'Galano Regular', sans-serif;font-size:14px;text-decoration:none !important;}
.auth-social-button i{font-size:17px;margin-inline-end:9px;color:var(--primary-highlight-color);}
.auth-social-button:hover{border-color:var(--primary-highlight-color);color:var(--primary-text-color) !important;}
.auth-separator{width:100%;float:var(--float-start);display:flex;align-items:center;margin-bottom:18px;color:var(--secondary-text-color);font-family:'Galano Regular', sans-serif;font-size:12px;text-transform:uppercase;}
.auth-separator:before,.auth-separator:after{content:"";height:1px;background-color:color-mix(in srgb, var(--primary-text-color) 8%, transparent);flex:1;}
.auth-separator span{padding:0 12px;}
.login-mode-tabs{width:100%;float:var(--float-start);display:flex;background-color:var(--primary-bg);border:1px solid color-mix(in srgb, var(--primary-text-color) 6%, transparent);margin-bottom:20px;}
.login-mode-tab{width:50%;height:40px;display:flex;align-items:center;justify-content:center;color:var(--secondary-text-color);font-family:'Galano Regular', sans-serif;font-size:13px;cursor:pointer;user-select:none;}
.login-mode-tab.active{background-color:var(--primary-highlight-color);color:#fff;}
.login-mode-panel{width:100%;float:var(--float-start);}
.magic-login-sent{width:100%;float:var(--float-start);}
.form-notice{width:100%;float:var(--float-start);text-align:center;font-family:'Galano Regular', sans-serif;color:var(--secondary-text-color);margin-top:30px;}
.term-notice{width:100%;float:var(--float-start);font-family:'Galano Regular', sans-serif;font-size:12px;color:var(--secondary-text-color);margin-top:10px;margin-bottom:0;}
.content-overlay{width:100%;height:100%;position:absolute;left:0;right:0;top:0;bottom:0;background-color:rgba(0,0,0,0.8);z-index:0;}
.content-inner{position:relative;z-index:1;}
#moving-background{
                   background:url('https://assets.website-files.com/5c1bb997cb1dd611a0e6c8ce/5f76242f1b8652215f08eb3f_WestStudio-Valorant-44.jpg');
                   background-repeat:no-repeat;background-size:2000px;background-position:-25px -50px;min-height:100vh;position:relative;left:-1px;top:-1px;width:calc(100% + 1px);}
.catpcha-notice{width:100%;float:var(--float-start);font-family:'Galano Regular', sans-serif;color:var(--primary-text-color);text-align:center;margin-bottom:15px;position:relative;z-index:1;}
.register-captcha{width:100%;height:100%;position:absolute;left:0;top:0;right:0;bottom:0;background-color:rgba(0,0,0,0.8);z-index:1;display:none;}
.register-captcha-inner{width:100%;position:absolute;left:0;top:0;right:0;bottom:0;flex-direction:column;align-items:center;justify-content:center;display:flex;}
.captcha-container{width:100%;float:var(--float-start);display:flex;justify-content:center;position:relative;z-index:0;}
.captcha-container .g-recaptcha{box-shadow:0 0 18px 6px rgba(0,0,0,.38);background-color:var(--primary-bg);}
.earea{width:100%;float:var(--float-start);}
#toast-container{padding-top:15px;z-index:999999999 !important;}
#toast-container>div{box-shadow:0 0 12px #000 !important;opacity:1 !important;}
.reg-complete-heading{width:100%;float:var(--float-start);font-family:'Galano Bold', sans-serif;font-size:30px;text-align:center;color:var(--primary-text-color);}
.reg-username{width:100%;float:var(--float-start);text-align:center;font-family:'Galano Medium', sans-serif;color:var(--primary-highlight-color);font-size:20px;margin-bottom:20px;}
.reg-notice{width:100%;float:var(--float-start);text-align:center;font-family:'Galano Regular', sans-serif;color:var(--secondary-text-color);margin-bottom:40px;}
.reg-actions{width:100%;float:var(--float-start);text-align:center;}
.reg-actions a{padding:10px 25px;font-family:'Galano Medium', sans-serif;border:none;color:#fff !important;outline:none;background-color:var(--primary-highlight-color);}
.tfa-container{width:100%;float:var(--float-start);display:none;}
.tfa-icon{width:100%;float:var(--float-start);text-align:center;margin-bottom:20px;font-size:42px;color:var(--primary-text-color);}
.tfa-notice{width:100%;float:var(--float-start);text-align:center;margin-bottom:25px;}
.tfa-notice-title{width:100%;float:var(--float-start);font-family:'Galano Bold', sans-serif;color:var(--primary-text-color);font-size:20px;margin-bottom:10px;}
.tfa-notice-desc{width:100%;float:var(--float-start);font-family:'Galano Regular', sans-serif;color:var(--secondary-text-color);}
.tfa-input{width:100%;float:var(--float-start);}
.user-menu{max-width: 340px;
    position: absolute;
    top: 77px;
    right: 0;background-color:var(--primary-color);padding:5px;box-shadow:-20px 30px 20px -20px #000;display:none;}
.user-menu-item{width:100%;float:var(--float-start);padding:15px;}
.user-alt-menu {
    width: 100%;
    float:var(--float-start);
    border-top: 1px solid var(--secondary-color);
    padding: 15px;
    border-bottom: 1px solid var(--secondary-color);
}
    .user-alt-menu a {
        color: var(--primary-text-color) !important;
        font-family: 'Galano Regular', sans-serif;
        font-size: 14px;
        padding: 5px 15px;
        float:var(--float-start);
        margin-inline-end: 5px;
        margin-bottom: 5px;
        background-color: var(--secondary-color);border-radius: 30px;-webkit-border-radius:30px;-moz-border-radius:30px;
        position:relative;
    }
        .user-alt-menu a i{margin-inline-end:5px;}
        .user-menu-item a {
            color: var(--primary-text-color) !important;
            font-family: 'Galano Regular', sans-serif;
        }
.user-menu-item a.logout{color:#f14646 !important;}

.logged-user-container{display: flex;
    justify-content: flex-end;
    align-items:center;
    position: absolute;
    right: 0;
    top:0;
    height: 100%;}
.logged-user{display:flex;align-items:center;cursor:pointer;padding:0 40px;border-bottom:1px solid transparent;user-select:none;}
.logged-user.dropped{border-bottom:1px solid var(--primary-highlight-color);}
.logged-user-avatar img{width:40px;height:40px;border-radius:40px;object-fit:cover;object-position:center;}
.logged-username{font-family:'Galano Medium', sans-serif;color:var(--primary-text-color);margin-inline-start:15px;}
.logged-angle{color:var(--secondary-text-color) !important;margin-inline-start:10px;}
.logged-icon{display:flex;align-items:center;justify-content:center;font-size:24px;color:var(--secondary-text-color);min-width:50px;cursor:pointer;position:relative;}
.logged-icon:hover{color:var(--primary-text-color);}
.logged-icon span{background-color:var(--primary-highlight-color);font-size:12px;color:#fff;position:absolute;padding:0 6px;border-radius:30px;right:5px;top:20px;font-family:'Galano Regular', sans-serif;}
.header-cart{position:relative;display:flex;height:60px;}
    .header-cart a {
        color: var(--primary-text-color) !important;
    }
.mobile-search-button{display:none;}
.mobile-search-container{width:100%;float:var(--float-start);display:none;position:relative;}
.mobile-search-container input{width:100%;float:var(--float-start);border:none;height:50px;background-color:var(--primary-color);
color:var(--primary-text-color);outline:none;padding:0 15px;
    box-shadow: 0px 20px 30px 0px #000;border-radius:0 !important}
.mobile-search-container input::placeholder{color:var(--secondary-text-color);}
.mobile-search-container input::-moz-placeholder{color:var(--secondary-text-color);}
.mobile-search-container input::-webkit-input-placeholder{color:var(--secondary-text-color);}
.sidebar-mobile-overlay{width:100%;height:100%;position:fixed;left:0;top:0;right:0;bottom:0;z-index:666;background-color:rgba(0,0,0,0.66);display:none;}
.sidebar .mCSB_inside>.mCSB_container{margin-inline-end:0 !important;}
.sidebar .mCS-my-theme.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: transparent !important; }
.sidebar .mCS-my-theme.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent !important; } 

.user-panel{width:100%;float:var(--float-start);position:relative;padding:30px;}
.user-panel-counters{overflow:hidden;white-space:nowrap;margin-bottom:50px;width:100%;float:var(--float-start);padding:0px 20px;padding-top:20px;
                     background-color:var(--primary-color);border-top:1px solid rgba(255,255,255,0.1);
                     position:relative;z-index:1;}
.up-counter{padding:5px 15px;display:flex;align-items:center;background-color:var(--secondary-color);border-radius:50px;margin-inline-end:20px;float:var(--float-start);margin-bottom:20px;}
.up-counter.highlight{background-color:var(--primary-highlight-color);}
.up-counter-icon{font-size:26px;color:var(--primary-text-color);margin-inline-end:10px;}
.up-counter-value{font-family:'Galano Medium', sans-serif;color:var(--primary-text-color);position:relative;top:3px;}
.up-counter-desc{font-family:'Galano Regular', sans-serif;color:var(--secondary-text-color);font-size:12px;position:relative;top:-3px;white-space:nowrap;}

.user-panel-avatar{width:100%;float:var(--float-start);z-index:0;transition:all linear 0.25s;-webkit-transition:all linear 0.25s;-moz-transition: all linear 0.25s;display:flex;align-items:center;justify-content:center;flex-direction:column;user-select:none;-webkit-user-select:none;-moz-user-select:none;}
.user-panel-avatar:hover{top:-100px;}
.user-panel-avatar label:hover .uploadAvatarOverlay{display:flex;}
.user-panel-avatar label{position:relative;cursor:pointer;border-radius:200px;-webkit-border-radius:200px;-moz-border-radius:200px;overflow:hidden;background-color:var(--secondary-color);}
.uploadAvatarOverlay{width:100%;height:100%;position:absolute;left:0;right:0;bottom:0;top:0;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;color:var(--primary-text-color);font-size:14px;display:none;}
.user-panel-avatar img{width:200px;height:200px;box-shadow:0px 0px 50px -30px #000;object-fit:cover;object-position:center;}
.user-panel-info{width: 100%;
    float:var(--float-start);
    font-size: 22px;
    font-family: 'Galano Bold', sans-serif;
    color: var(--primary-text-color);
    margin-bottom: 40px;
    position: relative;
    z-index: 10;
    margin-top: 5px;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;}
.user-panel-info-actions{width:200px;margin-top:15px;}

.last-visit-container{width:100%;float:var(--float-start);}
.last-visit-label{width:100%;float:var(--float-start);color:var(--secondary-text-color);font-family:'Galano Regular', sans-serif;font-size:14px;margin-bottom:10px;}
.last-visit-content{width:100%;float:var(--float-start);margin-bottom:60px;}
.last-visit-content .log-ul{width:100%;float:var(--float-start);padding:0;list-style:none;margin:0;}
.last-visit-content .log-ul li:last-child{margin:0;}
.last-visit-content .log-ul li{display:flex;padding:15px;background-color:var(--primary-color);margin-bottom:15px;gap:10px}
    .last-visit-content .log-ul li .log-date {
        color: var(--secondary-text-color);
    }
.last-visit-content .log-ul li .log-ip{color:var(--secondary-text-color);}
.last-visit-content .log-ul li .log-content{color:var(--primary-text-color);}

.last-visit-profile{width:80px;float:var(--float-start);margin-inline-end:15px;display:flex;flex-direction:column;align-items:center;}
.last-visit-profile img{width:60px;height:60px;border-radius:80px;margin-bottom:5px;cursor:pointer;object-fit:cover;object-position:center;}
.last-visit-profile a{width:100%;float:var(--float-start);overflow:hidden;text-align:center;font-family:'Galano Medium', sans-serif;color:var(--secondary-text-color) !important;font-size:14px;text-overflow:ellipsis;white-space:nowrap;}

.page-desc{width:100%;float:var(--float-start);font-family:'Galano Regular', sans-serif;color:var(--primary-text-color);}

.swal2-icon.swal2-warning{color: var(--primary-text-color) !important;border-color:var(--primary-text-color) !important;}
.swal2-title{font-family:'Galano Bold', sans-serif !important;color: var(--primary-text-color) !important;}
.swal2-html-container{font-family:'Galano Regular', sans-serif !important;color:var(--secondary-text-color) !important;}
.swal2-styled.swal2-confirm{font-family:'Galano Medium', sans-serif !important;color:#fff;background-color:var(--primary-highlight-color);}
.swal2-styled.swal2-cancel{font-family:'Galano Medium', sans-serif !important;color:#fff;background-color:#f14646;}
.swal2-container.swal2-center>.swal2-popup{background-color:var(--primary-color);}
.swal2-styled.swal2-confirm:focus{box-shadow:none !important;}
.swal2-styled.swal2-cancel:focus{box-shadow:none !important;}
.swal2-container.swal2-backdrop-show, .swal2-container.swal2-noanimation{background:rgba(0,0,0,0.66) !important}

.cf tr td{font-family: 'Poppins', sans-serif;font-weight:bold;}
.cf tr .tableno{font-size:18px;font-family:'Open Sans Condensed', sans-serif;}

.single_table2 {width:100%;float:var(--float-start);}
.single_table2 tr td{padding:15px;font-family:'Galano Regular', sans-serif;}
.single_table2 tr{font-family: 'Galano Regular', sans-serif;color:var(--primary-text-color);background-color:var(--primary-color);padding:15px;margin-bottom:15px;}
.table-striped tbody tr:nth-of-type(odd){background-color:var(--secondary-color) !important;}
.single_table2 th{padding:15px !important;font-family:'Galano Bold', sans-serif;color:var(--secondary-text-color);}
.table_content{width:100%;float:var(--float-start);}
.table_content b{font-family:'Galano Bold', sans-serif;}
.table_content a.white{font-family:'Galano Regular', sans-serif;color:var(--primary-text-color) !important;}
.table_state img{width:16px;height:16px;}
.table_infob img{width:24px;height:24px;}

.ourpagination{width:100%;float:var(--float-start);text-align:center;margin-top:30px;margin-bottom:35px;}
.pages{width:100%;float:var(--float-start);margin-top:15px;}
.pages a{display:inline-block;margin:5px;padding:5px 15px;font-size:18px;font-weight:bold;font-family:'Galano Medium', sans-serif;color:var(--primary-text-color);cursor:pointer;background-color:var(--primary-color);}
.pages a:hover{opacity:0.7;}
.current_page{color:#fff !important;background-color:var(--primary-highlight-color) !important;}
.pagination_info{width:100%;float:var(--float-start);font-family:'Galano Medium', sans-serif;color:var(--secondary-text-color);margin-top:10px;}

.detay_mesaj{width:100%;float:var(--float-start);font-size:14px !important;padding-bottom:10px;font-family:'Galano Regular', sans-serif;}
.detay_mesaj a{color:#fff200;}
.canli_destek{width:90%;margin-inline-start:5%;margin-inline-end:5%;padding:5px 10px;background-color:var(--primary-highlight-color);
              border-radius:100px;color:#fff;font-weight:bold;font-family:'Galano Medium', sans-serif;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;outline:none;border:none;margin-top:10px;}

.start_delivery{background-color: #a5d76e;color: #fff;padding: 5px;cursor:pointer;}
.toast-message{font-family:'Galano Regular', sans-serif !important;}

.full-width{width:100%;}
.float-left{float:var(--float-start);}
a:not([href]):not([class]){color:var(--secondary-text-color) !important}
.showcodes{
    color: var(--primary-highlight-color);
    font-weight: bold;
    font-family: 'Galano Bold', sans-serif;
    font-size: 16px;cursor:pointer;text-decoration:none;outline:none !important;border:none !important;}
.ticket-cat-picker{max-width:500px;width:100%;float:var(--float-start);padding:15px;padding-inline-start:40px;margin-bottom:0px !important;}
.ticket-message{max-width:500px;min-height:300px;width:100%;
                background-color: rgba(0,0,0,0.33);
    color: var(--primary-text-color);
    font-family: 'Galano Medium', sans-serif;
    border: none;
    padding: 15px;
    outline: none !important;
    border: 1px solid transparent;
    border-radius: 5px;
}
.ticket-add-attachments{padding:10px 20px;float:var(--float-start);font-family:'Galano Regular', sans-serif;font-size:12px;color:var(--primary-text-color);background-color:var(--primary-color);border-radius:5px;}
.ts_button{border:none;outline:none;max-width:500px;width:100%;float:var(--float-start);padding:10px 20px;font-family:'Galano Bold', sans-serif;font-size:16px;background-color:var(--primary-highlight-color);border-radius:5px;color:#fff;}
.ticket-attachments{width:100%;float:var(--float-start);}
.t-attachment{width:100px;height:100px;display:inline-block;position:relative;background-color:var(--primary-color);margin:5px;border:2px solid var(--secondary-color);}
.t-attachment .img{width:100%;height:100%;float:var(--float-start);}
.t-attachment img{width:100%;height:100%;object-fit:cover;object-position:center;}
.t-attachment i{    position: absolute;
    z-index: 1;
    color: #ffffff;
    right: 0px;
    top: 0px;
    background-color: var(--secondary-color);
    padding: 3px 5px;
    cursor: pointer;}
.ta-source .img img{max-height: 100%;  
    max-width: 100%; 
    width: auto;
    height: auto;
    position: absolute;  
    top: 0;   
    right:0px;
    margin: auto;}
.ticket_cursor{width:100%;float:var(--float-start);display:flex;align-items:center;}
.ticket span{color:var(--secondary-text-color);font-family:'Galano Regular', sans-serif;}
.ticket strong{font-family:'Galano Medium', sans-serif;color:var(--primary-text-color);}
.tickets{width:100%;float:var(--float-start);}
.ticket{width:100%;float:var(--float-start);border:1px solid var(--primary-color);padding:10px;position:relative;font-family:'Roboto', sans-serif;margin-bottom:10px;background: rgb(26,36,50);
    background: -moz-linear-gradient(180deg, var(--secondary-color) 0%, rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(180deg, var(--secondary-color) 0%, rgba(0,0,0,0) 100%);
    background: linear-gradient(180deg, var(--secondary-color) 0%, rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#"+var(--secondary-color),endColorstr="#000000",GradientType=1);}
.ticket:last-child{margin:0;}
.ticket .angle{position:absolute;right:10px;font-size:20px;color:var(--primary-text-color);}
.ticket_details{width:100%;float:var(--float-start);}
.ticket_state{width:100%;float:var(--float-start);text-align: var(--ta-end);padding-inline-end:20px;}
.ticket_state strong{color:#4caf50;}
.tcontent{padding-top:25px;display:none;}
.ticket_cat{width:100%;float:var(--float-start);}
.ticket_msg_label{width:100%;float:var(--float-start);margin-top:15px;}
.ticket_msg{width:100%;float:var(--float-start);font-size:12px;margin-top:5px;margin-bottom:10px;font-family:'Galano Medium', sans-serif;color:var(--primary-text-color);}
.ticket_open_state{color:var(--primary-highlight-color) !important;}

.security-info-c{width:100%;float:var(--float-start);}
.seci_title{width:100%;float:var(--float-start);font-size:18px;font-family:'Galano Bold', sans-serif;font-weight:bold;color:var(--primary-text-color);}
.seci_ul_d{width:100%;float:var(--float-start);font-family:'Galano Regular', sans-serif;color: var(--secondary-text-color);font-size:16px;}
.seci_ul_d span{color:#f14646;}
.seci_ul{list-style:none;width:100%;float:var(--float-start);margin:0px;color:var(--secondary-text-color);font-family:'Galano Regular', sans-serif;font-weight:bold;}

.security_options{width:100%;float:var(--float-start);margin-top:25px;display:flex;}
.security_option{float:var(--float-start);text-align:center;font-family:'Galano Regular', sans-serif;font-size:20px;margin-bottom:20px;margin-top:20px;margin-inline-end:100px;}
.security_option:last-child{margin-inline-end:0;}
.security_option strong{font-weight:bold;font-size:24px !important;font-family:'Galano Bold', sans-serif;color:var(--primary-text-color);}
.security_option span{color:#0f94ff !important;font-family:'Galano Medium', sans-serif;font-weight:bold;}
.security_option button{font-size:16px;font-family:'Galano Bold', sans-serif;border:none;background-color:#51a351;padding:5px 25px;color:#fff;font-weight:bold;outline:none;margin-top:10px;}
.security_option button.disabled{background-color:#f14646;}
.highlightext{color:var(--primary-highlight-color);;font-size:16px;font-weight:bold;}

.registered_number{width:100%;float:var(--float-start);margin-top:15px;font-size:16px;font-weight:bold;font-family:'Galano Bold', sans-serif;color:var(--secondary-text-color);}
.registered_number span{color:var(--primary-text-color);}
.registered_number span img{width:18px;height:18px;position:relative;left:10px;}
.rpstate{position:relative;font-weight:bold;font-size:18px !important;color:#51a351 !important;top:-2px;cursor:pointer;}
.rpstate img{width:22px;height:22px;margin-inline-end:10px;position:relative;top:-2px;}

.colorfail{color:#d75a4a !important;}

.locationicon{width:50px;height:80px;float:var(--float-start);}
.locationicon img{height:80px;width:50px;}
.willaddip{width:100%;float:var(--float-start);}

.ourgroup2{width:100%;float:var(--float-start);text-align: var(--ta-start);position: relative;}
.ourgroup2 input[type="text"]{border:none;font-size:18px;font-family: 'Galano Regular', sans-serif;text-align: var(--ta-start);color:var(--primary-text-color);outline: none !important;width:100%;float:var(--float-start);padding:5px 10px;background-color:rgba(0,0,0,0.33);border:1px solid transparent;}
.ourgroup2 input[type="text"]:focus{border-color:var(--primary-highlight-color);}
.oglabel2{width:100%;text-align: var(--ta-start);font-size: 14px;color:var(--secondary-text-color);font-family: 'Galano Regular', sans-serif;font-weight: bold;position: relative;margin-bottom:5px;
}
.increase-padding .col{padding-inline-start:5px !important;padding-inline-end:5px !important}

.mt10{margin-top:10px;}
.addnewipcontainer{position:relative !important;height:60px;}
.add-new-ip{float:var(--float-start);background-color:var(--primary-highlight-color);border:none;color:#fff;width:100%;outline:none;padding:5px 10px;border:1px solid transparent;}
.add-new-ip:hover{opacity:0.7;}

.delete_ip{padding:3px 20px;font-size:16px;font-family:'Galano Regular', sans-serif;font-weight:bold;text-align:center;color:#fff;background-color:#f14646;border:none;outline:none;}
.delete_ip:hover{opacity:0.7;}

.padding30{padding:30px;}
.padding20{padding:20px;}
.full-width{width:100%;}
.isrelative{position:relative !important;}
.noavailableoverlay{width:100%;height:100%;position:absolute;left:0px;top:0px;right:0px;z-index:999;cursor:not-allowed;background: rgb(26,36,50);
    background: -moz-linear-gradient(180deg, var(--secondary-color) 0%, rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(180deg, var(--secondary-color) 0%, rgba(0,0,0,0) 100%);
    background: linear-gradient(180deg, var(--secondary-color) 0%, rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#"+var(--secondary-color),endColorstr="#000000",GradientType=1);}
.noavailableoverlay .overlayicon{width:100%;float:var(--float-start);font-size:50px;text-align:center;color:var(--primary-text-color);}
.noavailableoverlay .overlaycontent{width:100%;float:var(--float-start);font-size:18px;text-align:center;color:var(--secondary-text-color);font-family:'Galano Medium', sans-serif;}
.overlaycenter{width:100%;float:var(--float-start);position: relative;
    top: 50%;
    transform: translateY(-50%);padding:30px;}

.account-setting-wrapper{width:100%;float:var(--float-start);}
.account-setting-group{width:100%;float:var(--float-start);padding:15px;border:1px solid var(--secondary-color);background-color:var(--primary-color);}
.setting-group-label{width:100%;float:var(--float-start);font-family:'Galano Medium', sans-serif;color:var(--primary-text-color);font-size:18px;margin-bottom:20px;}
.setting-group{width:100%;float:var(--float-start);display:flex;align-items:center;font-family:'Galano Regular', sans-serif;color:var(--secondary-text-color);padding:15px 0;cursor:pointer;position:relative;border:1px solid var(--secondary-color);border-inline-start:none;border-inline-end:none;}
.setting-group:hover{background-color:var(--primary-bg);width:calc(100% + 30px);position:relative;left:-15px;padding:15px;border-top:1px solid var(--secondary-color) !important;border-bottom:1px solid var(--secondary-color) !important;}
.setting-group:nth-of-type(1){border-top:1px solid transparent;top:1px;}
.setting-group:last-child{border-bottom:1px solid transparent;top:-1px;}
.setting-group-name{width:20%;}
.setting-group-value{width:60%;overflow-wrap: break-word;padding: 0 15px;}
.setting-group-value i{color:var(--primary-highlight-color) !important;}
.setting-group-value img{width:16px;height:16px;}
.setting-group-action{width:20%;text-align: var(--ta-end);}
.setting-group-action button{font-family:'Galano Medium', sans-serif;color:#fff;background-color:var(--primary-highlight-color);border:none;outline:none;padding:3px 10px;font-size:12px;}
.verification-notice{width:100%;float:var(--float-start);font-family:'Galano Regular', sans-serif;font-size:14px;color:var(--secondary-text-color);margin-bottom:0;margin-top:5px;}

.user-input-modal-wrapper{width:100%;height:100%;position:absolute;left:0;top:0;right:0;bottom:0;display:flex;justify-content:center;z-index:99999;display:none;align-items:center;}
.user-input-modal-wrapper .mfp-close{display:none !important;}
.user-imw-overlay{width:100%;position:fixed;left:0;bottom:0;right:0;top:0;background-color:rgba(0,0,0,0.66);}
.user-input-modal {
    max-width: 450px;
    width: 100%;
    padding: 30px;
    padding-top: 40px;
    background-color: var(--primary-color);
    position: relative;
    z-index: 100;
    border: 1px solid var(--secondary-color);
    box-shadow: 0px 0px 50px 10px #000;
    -webkit-box-shadow: 0px 0px 50px 10px #000;
    -moz-box-shadow: 0px 0px 50px 10px #000;
}
.user-input-modal .modal-desc{width:100%;float:var(--float-start);margin-bottom:20px;font-family:'Galano Regular', sans-serif;color:var(--primary-text-color);font-size:14px;}
.user-input-modal-content{width:100%;float:var(--float-start);display:none;}
.user-input-modal-close{position:absolute;right:13px;top:5px;color:var(--secondary-text-color);font-size:24px;cursor:pointer;}
html[dir="rtl"] .user-input-modal-close {
    right: auto;
    left: 13px;
}
.user-input-modal-close:hover {
    transform: scale(1.05);
}

.product-content {
    width: 100%;
    height:100%;
    float:var(--float-start);
    position:relative;
    display:flex;
    flex-direction:column;
}

.product-content-wrapper {
    width:100%;float:var(--float-start);display:flex;
}

    .product-content-wrapper .left {
        width: 40%;
    }

    .product-content-wrapper .right {
        width: 60%;
    }

.product-image-container {
    width: 100%;
    float:var(--float-start);
    display: flex;
    height: calc(100vh - 77px);
    position: relative;
    overflow:hidden;
}

    .product-image-container .product-background {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }

.product-image-overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0,0,0,0.66);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index:2;
}

    .product-image-overlay img {
        box-shadow: 0px 0px 100px 50px #000;
        max-width:80%;
    }

.product-content .product-details {
    width: 100%;
    float:var(--float-start);
    padding:30px;
    padding-top:0;
}

.product-attrs {
    width: 100%;
    float:var(--float-start);
    padding: 0;
    margin: 0;
    margin-bottom: 20px;
    display: flex;
    flex-flow: wrap;
}

.product-attr {
    align-items: center;
    display: flex;
    background-color: rgba(255,255,255,0.05);
    padding: 10px;
    width: calc(50% - 7.5px);
    margin-bottom: 7.5px;
    margin-inline-end: 7.5px;
}

.attr-image {
    width: 50px;
    margin-inline-end:10px;
}

    .attr-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }

.attr-details {
    display:flex;
    flex-direction:column;
}

.attr-label {
    font-family: 'Galano Regular', sans-serif;
    color: var(--secondary-text-color);
    font-size:12px;
}

.attr-desc {
    font-family: 'Galano Medium', sans-serif;
    color: var(--primary-text-color);
    font-size:14px;
}

.product-content .product-details p {
    font-family: 'Galano Regular', sans-serif;
    width: 100%;
    float:var(--float-start);
    color: var(--secondary-text-color);
    font-size: 18px;
}

.related-products {
    width: 100%;
    float:var(--float-start);
    margin-top:50px;
}

    .related-products h4 {
        width: 100%;
        float:var(--float-start);
        font-family: 'Galano Medium', sans-serif;
        font-size: 16px;
        color: var(--secondary-text-color);
        margin-bottom:10px !important;
    }

.related-product{
    width:120px;float:var(--float-start);
}

.product-content .price {
    font-size: 30px;
}

.sale-content {
    width: 100%;
    float:var(--float-start);
    padding-bottom: 125px !important;
}

.delivery-container {
    background-image: url('https://cdn.plyr.com/Content/images/dutty/dutty-bg-pattern.png');
    background-color: var(--primary-bg);
}

.sale-fluid{width:100%;padding:15px 0px;background-color:rgba(0,0,0,0.1);float:var(--float-start);}
.sf-row{align-items:center;}

.sale-attrs{width:100%;float:var(--float-start);display:flex;align-items:center;flex-wrap:wrap;}
.sale-attr{padding:0px 20px;min-height:55px;display:flex;align-items:center;float:var(--float-start);background-color:rgba(255,255,255,0.05);border-radius:50px;margin-inline-end:10px;overflow:hidden;position:relative;padding-inline-end:30px;margin-bottom:5px;margin-top:5px;}
.sale-attr.highlight{background-color:var(--primary-highlight-color) !important;}
.sale-attr:last-child{margin:0;}
.sale-attr .attr-icon{width:32px;height:32px;font-size:20px;color:var(--primary-text-color);line-height:32px;margin-inline-end:10px;text-align:center;position:relative;}
.sale-attr .attr-value{width: 100%;float:var(--float-start);font-family:'Galano Bold', sans-serif;color:var(--primary-text-color);font-size:16px;position:relative;white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;}
.sale-attr .attr-label{width: 100%;float:var(--float-start);font-family:'Galano Regular', sans-serif;color:var(--secondary-text-color);margin-top:-5px;font-size:12px;position:relative;white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}}
.sale-actions{width:100%;float:var(--float-start);padding:20px;background-color:rgba(255,255,255,0.01);}
.pr-a-button {
    border: none;
    outline: none;
    padding: 8px 16px;
    width: auto;
    float:var(--float-start);
    background-color: transparent;
    border: 1px solid #fff;
    color: #fff;
    font-size: 14px;
    font-family: 'Galano Medium', sans-serif;
    text-align: center;
    cursor: pointer !important;
    transition: all linear 0.1s;
    -webkit-transition: all linear 0.1s;
    -moz-transition: all linear 0.1s;
}
.pr-a-button:hover{
    background-color:var(--primary-highlight-color);
    border-color:transparent;
}
.a-flex{display:flex;align-items:center;justify-content:center;flex-direction:column;}
.basic-p{font-family:'Galano Regular', sans-serif;color:var(--secondary-text-color);}
.pr-button{border:none;outline:none;padding:8px;width:100%;float:var(--float-start);background-color:var(--primary-highlight-color);color:#fff;font-size:18px;font-family:'Galano Bold', sans-serif;text-align:center;cursor:pointer !important;}
.pr-button-hovered{background-color:#fff !important;color:#000 !important;}
.pr-button:hover{background-color:#fff;color:#000;}
.pr-small{width:auto !important;font-size:14px;float:none;}
.sale-price{float:var(--float-start);
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
    background-color: rgba(255,255,255,.1);
    padding: 10px;
    text-align: center;width:100%;}
.sale-price label{width:100%;font-family:'Galano Regular', sans-serif;color:var(--secondary-text-color);margin-bottom:-5px;}
.sale-price span{width:100%;font-family:'Galano Bold', sans-serif;color:var(--primary-text-color);font-size:20px;}
.sale-actions .buy-notice{width:100%;float:var(--float-start);margin-top:10px;font-family:'Galano Regular', sans-serif;color:var(--secondary-text-color);font-size:12px;}

.sale-comments{width:100%;float:var(--float-start);display:flex;justify-content:flex-end;user-select:none;-webkit-user-select:none;cursor:pointer;}
.sale-comments-counter{display:flex;flex-direction:column;justify-content:center;}
.sale-comments-label{font-family:'Galano Medium', sans-serif;color:var(--primary-text-color);text-align: var(--ta-end);font-size:14px;}
.sale-comments-label span{color:var(--primary-highlight-color);cursor:pointer;}
.sale-comments-counter-value{font-family:'Galano Regular', sans-serif;color:var(--primary-text-color);text-align: var(--ta-end);font-size:18px;line-height:20px;}
.sale-comments-counter-value i{color:gold;}
.sale-comments-avatars{margin-inline-start:30px;display:flex;}
.sale-comments-avatars img{width:50px;height:50px;border-radius:50px;margin-inline-start:-15px;padding:3px;background-color:var(--primary-color);object-fit:cover;object-position:center;}

.sale-details{width:100%;float:var(--float-start);padding:30px 0;padding-bottom:150px;}
.sale-details-review-summary {
    margin-inline-start: 10px;
    font-size: 14px;
    color: var(--secondary-text-color);
    background-color: var(--secondary-color);
    padding: 3px 10px;
}
.sale-details-review-summary i{color:yellow;}
.sale-profile{width:100%;float:var(--float-start);background-color:rgba(255,255,255,0.01);margin-bottom:30px;}
.sale-profile-avatar{width:100%;float:var(--float-start);display:flex;align-items:center;justify-content:center;position:relative;}
.sale-profile-avatar img{width:100px;height:100px;object-fit:cover;object-position:center;border-radius:200px;}
.sale-profile-username{width:100%;float:var(--float-start);display:flex;justify-content:center;margin-top:20px;}
.sale-profile-username a{font-family:'Galano Bold', sans-serif;color:var(--primary-text-color) !important;font-size:20px;}
.sale-profile-sincer{width:100%;float:var(--float-start);font-family:'Galano Regular', sans-serif;color:var(--secondary-text-color);font-size:12px;text-align:center;}
.user-level-container{width:32px;height:32px;overflow:hidden;border-radius:32px;align-items:center;justify-content:center;position:absolute;display:flex;border:3px solid var(--secondary-color);bottom:-15px;background-color:var(--primary-color);box-shadow:0px 5px 15px -5px #000}
.user-level-progress{width:100%;height:auto;background-color:var(--primary-highlight-color);position:absolute;bottom:0;left:0;right:0;}
.user-level{font-family:'Galano Bold', sans-serif;color:var(--primary-text-color);position:relative;z-index:1;}
.profile_stickers{width:100%;float:var(--float-start);margin-top:10px;text-align:center;}
.profile_sticker {
    width: 32px;
    height: 32px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    border-radius: 50px;
    margin-bottom: 5px;
    margin-inline-end: 2.5px;
    margin-inline-start: 2.5px;
    border-radius:40px;-webkit-border-radius:40px;-moz-border-radius:40px;overflow:hidden;
}
.sticker_asset img {
    width: 60px !important;
    height: 60px !important;
    background-color: #fff !important;
    border-radius: 60px !important;
    padding: 5px !important;
}
.profile_sticker img {
    max-width: 100%;
    max-height: 100%;
}
.profile-stats{width:100%;float:var(--float-start);}
.profile-stat{width:100%;float:var(--float-start);display:flex;padding:5px 20px;align-items:center;}
.profile-stat:nth-of-type(even) {
      background-color:rgba(0,0,0,0.2);
    }
.profile-stat-name{font-family:'Galano Regular', sans-serif;color:var(--secondary-text-color);font-size:12px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.profile-stat-value{font-family:'Galano Bold', sans-serif;margin-inline-start:auto;text-align: var(--ta-end);color:var(--primary-text-color);font-size:14px;}

.text-green{color:#51a351 !important;}
.text-red{color:#f14646 !important;}
.text-orange {
    color: #f93 !important;
}
.text-blue{color:var(--primary-highlight-color) !important;}

.bg-blue{background-color:var(--primary-highlight-color) !important;}
.bg-green{background-color:#51a351 !important;}
.bg-red{background-color:#f14646 !important;}
.bg-orange{background-color:#f93 !important;}



.sale-image-container{width: 100%;
    height: 400px;
    float:var(--float-start);
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    background-color: rgba(255,255,255,.01);}
.sale-image-container img{z-index: 1;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    position: absolute;
    background-color: var(--primary-bg);
    box-shadow: 0px 0px 100px 0px #000;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;}
.sale-image-container-overlay{
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.33);
    z-index: 0;
    position: absolute;
    background-repeat: no-repeat;
    background-size: cover;
    filter: blur(7px);
    -webkit-filter: blur(7px);background-position:center;
}
.sale-description{width:100%;float:var(--float-start);margin-top:30px;padding:10px;}
.sale-description p{font-family:'Galano Regular', sans-serif;color:var(--secondary-text-color);word-break:break-word;}
.sale-description p strong{font-family:'Galano Bold', sans-serif;}
.trumbowyg-editor strong{font-family:'Galano Bold', sans-serif;}

.sale-tabs-container{width:100%;float:var(--float-start);padding:20px 0;background-color:rgba(255,255,255,0.01);}
.sale-tabs{width:100%;float:var(--float-start);padding:0;margin:0;list-style:none;display:flex;align-items:center;}
.sale-tab{display:inline-block;font-family:'Galano Regular', sans-serif;color:var(--secondary-text-color);font-size:14px;margin-inline-end:25px;cursor:pointer;}
.sale-tab.active{font-size:16px;color:var(--primary-text-color);font-family:'Galano Bold', sans-serif}

.report-container{width:100%;float:var(--float-start);margin-top:15px;text-align:center;}
.report-container a{background:none;outline:none;border:none;width:100%;float:var(--float-start);font-family:'Galano Medium', sans-serif;color:#f14646 !important;font-size:12px;}

.delivery-faqs{width:100%;float:var(--float-start);}
.delivery-question{width:100%;float:var(--float-start);overflow:hidden;padding:10px;background: rgb(26,36,50);
    background: -moz-linear-gradient(180deg, var(--secondary-color) 0%, rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(180deg, var(--secondary-color) 0%, rgba(0,0,0,0) 100%);
    background: linear-gradient(180deg, var(--secondary-color) 0%, rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#"+var(--secondary-color),endColorstr="#000000",GradientType=1);margin-bottom:10px;border:1px solid var(--secondary-color);border-radius:5px;}
.delivery-question-content.opened{display:block !important;}
.delivery-question-head{width:100%;float:var(--float-start);font-family:'Galano Bold', sans-serif;color:var(--primary-text-color);cursor:pointer;}
.delivery-question-content{width:100%;float:var(--float-start);color:var(--secondary-text-color);padding:15px 0;font-family:'Galano Regular', sans-serif;display:none;}

.ajax-container {
    max-width: 500px;
    float:var(--float-start);
    background-color: var(--primary-bg);
    height: 100%;
    box-shadow:0px 0px 50px 10px #000;
}

.ac-product-img {
    width: 100%;
    float:var(--float-start);
    height: 123px;
    text-align: center;
    position: relative;
}

.ac-product-img img {
    max-height: 100%;
    max-width: 100%;
    width: auto;
    height: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    border: 1px solid #000;
    box-shadow: 0px 0px 45px -5px #000;
}

.ac-product-name {
    width: 90%;
    float:var(--float-start);
    height: auto;
    text-align: center;
    font-size: 18px;
    font-family: 'Galano Bold', sans-serif;
    margin-top: 15px;
    font-weight: bold;
    color: #fff;
    margin-inline-end: 5%;
    margin-inline-start: 5%;
}

.ac-content {
    width: 100%;
    height: auto;
    float:var(--float-start);
    position: relative;
    background: rgb(26,36,50);
    background: -moz-linear-gradient(180deg, var(--secondary-color) 0%, rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(180deg, var(--secondary-color) 0%, rgba(0,0,0,0) 100%);
    background: linear-gradient(180deg, var(--secondary-color) 0%, rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#"+var(--secondary-color),endColorstr="#000000",GradientType=1);
    padding: 30px 0px;
}

.ac-product-category {
    width: 100%;
    float:var(--float-start);
    font-size: 20px;
    font-family: 'Galano Medium', sans-serif;
    text-align: center;
    color: var(--primary-highlight-color);
}

.ac-user-inputs {
    width: 100%;
    float:var(--float-start);
    padding:30px;
    padding-top:0;
}

.ac-user-inputs p {
    width:100%;float:var(--float-start);font-family:'Galano Regular', sans-serif;color:var(--primary-text-color);font-size:12px;margin-bottom:10px;text-align:var(--ta-start);
}

.ac-user-inputs input, select, textarea {
        background-color: var(--primary-color);
        width: 100%;
        padding: 8px 15px;
        border: none;
        outline: none;
        color: var(--primary-text-color);
        border-radius: 5px;
        border: 1px solid transparent;
        font-family: 'Galano Regular', sans-serif;
        margin-bottom:10px !important;
}

.ac-user-inputs input:focus{
    border-color:var(--primary-highlight-color) !important;
}

.ac-user-inputs select:focus{
    border-color:var(--primary-highlight-color) !important;
}

.ac-user-inputs textarea:focus{
    border-color:var(--primary-highlight-color) !important;
}

.ac-user-inputs input:last-child{margin-bottom:0 !important;}
.ac-user-inputs select:last-child{margin-bottom:0 !important;}
.ac-user-inputs textarea:last-child{margin-bottom:0 !important;}

.ac-user-inputs span {
    width:100%;float:var(--float-start);text-align:center;font-family:'Galano Regular', sans-serif;color:var(--secondary-text-color);margin-bottom:10px;font-size: 14px;border: 1px solid var(--primary-highlight-color);padding: 10px;}

.ac-product-price{width: 100%;float:var(--float-start);display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top: 20px;}
.ac-product-price small{font-family:'Galano Regular', sans-serif;color:var(--secondary-text-color);height:13px;}
.ac-product-price span{
    font-family: 'Galano Bold', sans-serif;
    color: var(--primary-text-color);
    font-size: 24px;
    text-shadow: 0px 0px 3px #000;}

.delivery-role{width:100%;float:var(--float-start);text-align:center;font-family:'Galano Bold', sans-serif;font-size:20px;color:var(--primary-text-color);text-transform:uppercase;margin-bottom:15px;}
.delivery-seperator{width:100%;float:var(--float-start);font-family:'Galano Regular', sans-serif;font-size:14px;color:var(--secondary-text-color);margin-bottom:10px;}

.fail-highlight{background-color:#f14646;}
.done-highlight{background-color:#51a351;}

.timeline-content{width:100%;float:var(--float-start);position:relative;overflow:hidden;}
.timeline-step{width: 100%;
    float:var(--float-start);
    display: flex;position:relative;}
.timeline-step-container{width:100%;float:var(--float-start);}
.timeline-step-short{    width: 80px;
    font-size: 30px;
    color: var(--primary-text-color);
    display: flex;
    align-items: center;
    flex-direction: column;position:relative;}

.timeline-step-short .line{width: 5px;
    height: 100%;
    background-color: var(--primary-bg);
    position: absolute;}

.timeline-step-short .line-icon{position: relative;
    z-index: 1;
    background-color: var(--primary-bg);
    height: 60px;
    width: 60px;border-radius:60px;-webkit-border-radius:60px;-moz-border-radius:60px;
    display: flex;
    align-items: center;
    justify-content: center;}

.timeline-step-desc{    width: calc(100% - 80px);
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 0 15px;margin-bottom:30px;}

.timeline-step-desc b{font-family: 'Galano Bold', sans-serif;
    color: var(--primary-text-color);
    font-size: 20px;
    width: 100%;
    float:var(--float-start);}

.timeline-step-desc p{width: 100%;
    float:var(--float-start);
    font-family: 'Galano Regular', sans-serif;
    color: var(--secondary-text-color);}

.done-step .line{background-color:#51a351 !important;}
.done-step .line-icon{background-color:#51a351 !important;}
.active-step .line-icon{background-color:var(--primary-highlight-color) !important;}
.timeline-step.waiting-step .timeline-step-desc {
    opacity: 0.1;
    cursor: no-drop;
}
.step-lock{width:100%;height:100%;position:absolute;left:0;top:0;right:0;bottom:0;cursor:no-drop;z-index:999;display:none;}
.timeline-step.waiting-step .step-lock{display:block;}

.sale-profile-action{padding: 0px 15px;
    float:var(--float-start);
    width: 100%;
    margin-top: 15px;}

.small-red-btn{border:none;outline:none;background-color:#f14646;color:#fff;font-family:'Galano Medium', sans-serif;font-size:14px;}
.red-btn{border:none;outline:none;background-color:#f14646;color:#fff;font-family:'Galano Medium', sans-serif;font-size:14px;}
.small-green-btn{border:none;outline:none;background-color:#51a351;color:#fff;font-family:'Galano Medium', sans-serif;font-size:14px;}

.delivery-userinputs{
        width: 100%;
    float:var(--float-start);
    padding: 15px;
    background-color: rgba(0,0,0,0.2);
    border: 1px dashed var(--primary-color);
    color:var(--secondary-text-color);margin-bottom:15px;
}

.delivery-userinputs .ac-user-inputs{padding:0;}
.delivery-userinputs span:last-child{margin:0 !important;}

.delivery-userinputs span{width:100%;float:var(--float-start);font-family:'Galano Bold', sans-serif;font-size:18px;color:var(--primary-text-color);margin-bottom:15px;}
.delivery-userinputs span.delivery-span{font-size:14px !important;margin-bottom:0;color:var(--secondary-text-color);}
.delivery-userinputs span.delivery-span.active{color:var(--primary-text-color);font-size:18px !important;}
.delivery-userinputs .custom{font-family:'Galano Medium', sans-serif;color:var(--primary-text-color);}
.delivery-userinputs .prefix{width:100%;float:var(--float-start);font-family:'Galano Medium', sans-serif;color:var(--secondary-text-color);font-size:14px;user-select:none !important;}
.delivery-userinputs .value{width:100%;float:var(--float-start);font-family:'Galano Bold', sans-serif;color:var(--primary-highlight-color);margin-bottom:15px;}
.delivery-userinputs .value:last-child{margin-bottom:0 !important;}
.delivery-userinputs textarea{width:100%;margin:0 !important;border-radius:0;background-color:transparent;border:none;min-height:200px;font-family:'Galano Regular', sans-serif;}
.delivery-actions{width:100%;float:var(--float-start);margin-top:10px;display:flex;gap:10px;}
.delivery-actions button{width:50%;float:var(--float-start);padding:5px;text-overflow:ellipsis;overflow:hidden;}

.delivery-alert{width:100%;float:var(--float-start);margin-bottom:30px;padding-bottom:30px;border-bottom:1px solid rgba(255,255,255,.1);}
.delivery-alert-icon{width:100%;float:var(--float-start);text-align:center;font-size:54px;color:var(--primary-text-color);}
.delivery-alert-title{width:100%;float:var(--float-start);font-family:'Galano Bold', sans-serif;color:#f14646;font-size:24px;text-align:center;}
.delivery-alert-desc{width:100%;float:var(--float-start);font-family:'Galano Regular', sans-serif;color:var(--secondary-text-color);font-size:18px;text-align:center;}

.delivery-left-time-for-case{width:100%;float:var(--float-start);padding:15px;background-color:rgba(0,0,0,0.2);border:1px dashed var(--secondary-color);}
.delivery-left-time-for-case small{font-family:'Galano Regular', sans-serif;color:var(--secondary-text-color);width:100%;float:var(--float-start);}
.delivery-left-time-for-case span{width:100%;float:var(--float-start);font-family:'Galano Bold', sans-serif;font-size:16px;color:var(--primary-text-color);margin-bottom:20px;}
.delivery-left-time-for-case input[type=file]{display:none;}
.delivery-left-time-for-case label{margin-top:15px;}
.delivery-attachments{width:100%;float:var(--float-start);}
.delivery-attachment{width:100%;float:var(--float-start);font-family:'Galano Bold', sans-serif;color:var(--primary-text-color);position:relative;display:flex;align-items:center;padding:10px;border:1px solid var(--primary-bg);margin-top:10px;}
.delivery-attachment i{width:30px;height:30px;background-color:#f14646;color:#fff;text-align:center;font-size:20px;position:absolute;right:10px;display: flex;
    align-items: center;
    justify-content: center;}
.delivery-attachment .file-name{width: 100%;
    float:var(--float-start);
    text-overflow: ellipsis;
    overflow: hidden;
    padding-inline-end: 40px;}
.delivery-attachment .file-name a{color:var(--primary-text-color) !important;}
.delivery-attachments-title{width:100%;float:var(--float-start);font-family:'Galano Regular', sans-serif;color:var(--secondary-text-color);font-size:14px;}

.delivery-attachment .progress-bar{height:100%;position:absolute;z-index:-1;background-color:var(--primary-bg);left:0;bottom:0;top:0;-webkit-transition: width 1s ease-in-out;
    -moz-transition: width 1s ease-in-out;
    -o-transition: width 1s ease-in-out;
    transition: width 1s ease-in-out;}

.delivery-attachment .progress-bar.completed{background-color:#51a351;}

.contact_header{width:100%;float:var(--float-start);padding:15px;font-family:'Open Sans Condensed', sans-serif;}
.contact_header span{font-size:24px;width:100%;float:var(--float-start);font-family:'Galano Bold', sans-serif;color:var(--primary-text-color);}
.contact_header small{font-size:16px;width:100%;float:var(--float-start);font-family:'Galano Regular', sans-serif;color:var(--secondary-text-color);}
.contact-search{width:100%;float:var(--float-start);padding:15px;position: relative;
    display: flex;
    align-items: center;box-sizing:border-box;}
.contact-search i{left: 30px;
    color: var(--secondary-text-color);
    position: absolute;}
html[dir="rtl"] .contact-search i {
    left: auto;
    right: 30px;
}
.contact-search input{background-color: var(--primary-color);
    width: 100%;
    padding: 8px 15px;
    border: none;
    outline: none;
    padding-inline-start: 40px;
    color: var(--primary-text-color);
    border-radius: 5px;
    border: 1px solid transparent;
    font-family: 'Galano Regular', sans-serif;}
.contact-search input:focus{border-color: var(--primary-highlight-color) !important;}
.chat_close_btn{font-size:30px !important;color:#fff;position:absolute;right:15px;cursor:pointer;}
html[dir="rtl"] .chat_close_btn {
    right: auto;
    left: 15px;
}
.chat_close_btn:hover{transform:scale(1.1);}
.chat_close_right{color: var(--primary-text-color);
    width: 50px;
    font-size: 24px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;}
.chat_close_right:hover{font-size:30px;}
.chat_menu_right{color: var(--primary-text-color);
    width: 50px;
    font-size: 24px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;}
.chat_menu_right.active{background-color: var(--primary-color);
    border-inline-start: 1px solid var(--secondary-color);
    border-inline-end: 1px solid var(--secondary-color);font-size:30px;z-index:9999999;}
.chat_menu{position: absolute;
    top: 60px;
    right: 40px;
    background-color: var(--primary-color);
    padding: 10px 20px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border: 1px solid var(--secondary-color);z-index:9999999;display:none;transition: all linear .25s;
-webkit-transition: all linear .25s;
-moz-transition: all linear .25s;box-shadow:0px 25px 20px -20px #000;-webkit-box-shadow:0px 25px 20px -20px #000;-moz-box-shadow:0px 25px 20px -20px #000;}
.chat_menu.active{display: flex !important;}
.chat_menu_item{font-family:'Galano Medium', sans-serif;color:var(--primary-text-color);font-size:14px;padding:5px;cursor:pointer;}
.chat_overlay{width:100%;height:100%;position:fixed;background-color:rgba(0,0,0,0.6);top:0px;z-index:5555;display:none;}
.chat_contact{width:100%;float:var(--float-start);cursor:pointer;position:relative;}
.chat_contact:hover > .chat-right-context{display:flex !important;}
    .chat_contact:hover > .pinned_contact{display:none;}
    .nchat_stranger {
        width: calc(100% - 50px);
        height: 100%;
        float:var(--float-start);
        box-sizing: border-box;
        display: flex;
        align-items: center;
        padding: 15px;
        padding-inline-start: 0;
    }
.contacts .chat_contact:hover {
    background-color: var(--secondary-color);
}
.chat_contact .nchat_stranger{padding:15px !important;width:100%;}
.contacts{width:100%;float:var(--float-start);height:calc(100% - 162px);position:relative;padding-bottom:150px;}
.pinned_contact{width: auto;
    height: 24px;
    position: absolute;
    right: 15px;
    top: 25px;
    overflow: hidden;
    border-radius: 24px;
    text-align: center;
    line-height: 24px;
    color: #fff;
    font-size: 14px;
    background-color: var(--primary-highlight-color);
    padding-inline-start: 5px;
    padding-inline-end: 5px;
    min-width: 24px;}
.spstatus{font-size: 16px;
    position: absolute;
    z-index: 2;
    right: -7px;
    color:#999;
    top: 12px;
    -webkit-text-stroke: 3px var(--primary-bg);}
.spstatus.online{color: #51a351 !important;}
.ncsn{width:100%;float:var(--float-start);font-family:'Galano Medium', sans-serif;font-size:18px;color:var(--primary-text-color);height:24px;}
.ncsn a{color:var(--primary-text-color) !important;}
.ncsn_small{width:80%;float:var(--float-start);font-family:'Galano Regular', sans-serif;font-size:12px;color:var(--secondary-text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.ncsn_small.online{color:#51a351;}
.chat_contants{width:100%;height:100%;float:var(--float-start);    background: rgb(26,36,50);
    background: -moz-linear-gradient(180deg, var(--secondary-color) 0%, rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(180deg, var(--secondary-color) 0%, rgba(0,0,0,0) 100%);
    background: linear-gradient(180deg, var(--secondary-color) 0%, rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#"+var(--secondary-color),endColorstr="#000000",GradientType=1);position:relative;}
.chat-wrapper {
    width: var(--chat-width);
    height: calc(100% - 50px);
    position: fixed;
    top: 25px;
    z-index: 9999999;
    display: none;
    box-shadow: -30px 0px 200px 0px #000;
    overflow: hidden;
    border: 2px solid var(--secondary-color);
    border-inline-end: 0;
    background-color: #000;
}


html[dir="ltr"] .chat-wrapper {
    right: calc(-1 * var(--chat-width));
    left: auto;
}


html[dir="rtl"] .chat-wrapper {
    left: calc(-1 * var(--chat-width));
    right: auto;
}
.chat_container {
    width: 100%;
    height: 100%;
    position:absolute;
    left:0;right:0;top:0;bottom:0;
}
.chat_button{position:relative;}

.c_collapse{width:100%;float:var(--float-start);}
.c_messages{width: 100%;
    float:var(--float-start);
    padding: 0 15px;
    height: calc(100% - 150px);
    position: relative;}
.c_messages.with-meta{height:calc(100% - 237px);}
.c_message_c{width:100%;float:var(--float-start);margin-bottom:6px;}
.c_message{border-radius: 15px;
    float:var(--float-end);
    padding-inline-start: 10px;
    color: #000;
    max-width: 87%;
    background-color: #dcf8c6;
    position: relative;
    padding: 10px;border:2px solid transparent;}

.n_message{border-radius: 15px;
    float:var(--float-end);
    padding-inline-start: 10px;
    width:100%;
    color: #fff;
    position: relative;
    padding: 10px;border:2px solid transparent;}
.n_message .message{min-width:100% !important;text-align:center !important;}
.message a{color:#fff;font-weight:bold !important;}
.n_message .m_owner{position: absolute;
    display: block !important;
    left: -29px;
    color: #000 !important;
    top: 5px;
    font-size: 18px;
    width:auto !important;
    min-width: inherit !important;display:none;}
.pb15{padding-bottom:15px;}
.n_message .time{width:auto;position:absolute;right:3px;bottom:-18px;font-size:10px;font-weight:bold;font-family:'Open Sans Condensed', sans-serif;color:#000;user-select:none;display:none;}
.c_message_c:hover > .n_message .time{display:block;}
.ilc{display:flex;display:-webkit-flex;flex-wrap:wrap;-webkit-flex-wrap:wrap;justify-content:center;-webkit-justify-content: center;margin-top:10px;width:100%;float:var(--float-start);}
.int_link{width:auto;padding:5px 20px;color:#fff !important;text-align:center;font-size:16px;font-family:'Galano Medium', sans-serif;font-weight:bold;background-color:#fff;border-radius:10px;margin:5px;font-size:14px;background-color:var(--primary-highlight-color);}
.chat_asset_items{width: 100%;
    float:var(--float-start);
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    flex-direction:column;
    justify-content: center;}
.chat_asset_items a{font-family:'Galano Medium', sans-serif;color:var(--primary-text-color) !important;font-size:18px;}
.chat_asset_items img{    border: 1px solid rgba(0,0,0,0.5);
    margin: 5px;
    box-shadow: 0px 0px 40px -13px #000;
    height: 100px;
    width: 150px;
    object-fit: cover;
    object-position: center;}

.n_message .message{font-family:'PT Sans', sans-serif !important;}
.n_message .message span{width:100%;float:var(--float-start);}

.message{font-family:'Roboto', sans-serif;min-width:50%;max-width:100%;float:var(--float-start);font-size:12px;}
.c_message .time{width:auto;position:absolute;left:-33px;bottom:6px;font-size:11px;font-weight:bold;font-family:'Open Sans Condensed', sans-serif;color:#000;display:none;}

.c_message_c:hover > .c_message{border:2px solid #b3d09d;}
.c_message_c:hover > .a_message{border:2px solid transparent !important;}
.c_message_c:hover > .c_message .time{display:block;}

.m_owner{max-width:100%;min-width:60%;float:var(--float-start);font-weight:bold;font-size:14px;font-family:'Open Sans Condensed', sans-serif;display:none;}

.a_message{background-color: #fff;
    color: #060606;
    float:var(--float-start);border:2px solid transparent;}
.a_message .time{left:inherit !important;right:-33px !important;display:block !important;color:#000;}
.a_message a{    color: #00f9ff;}
.a_message .m_owner{display:block !important;}

.c_delimiter{    width: 130px;
    font-family: 'Open Sans Condensed',sans-serif;
    font-style: italic;
    text-align: center;
    background-color: #fff;
    margin: 0 auto;
    top: -10px;
    position: relative;}
.c_line{    width: 100%;
    height: 1px;
    background-color: #aaa;
    margin: 20px 0px;}

.c_bottom{width: 100%;
    position: absolute;
    bottom: 0px;
    padding: 15px;}
.c_bottom input{
    padding: 15px;
    width: calc(100% - 60px);
    border: 1px solid transparent;
    height: 50px !important;
    background-color:var(--primary-color);
    outline: none !important;
    box-shadow: none !important;
    font-family:'Galano Regular', sans-serif;
    color:var(--primary-text-color);
}
.c_bottom input:focus{border-color:var(--primary-highlight-color);}
    .c_bottom label#btnSendMessage {
        width: 50px !important;
        float:var(--float-end);
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 20px;
        background-color: #f14646;
        height: 50px !important;
        color: #fff;
        outline: none !important;
        text-indent: 0px !important;
        border: none !important;
        margin: 0;
        cursor:pointer !important;
    }
.chat_attachment_link {
    color: var(--primary-text-color) !important;
    text-decoration: underline !important
}

.c_bottom label#btnSendMessage:hover {
    font-size: 25px;
}

.c_bottom textarea::-webkit-input-placeholder{
                color:#000;
            }

            .c_bottom textarea::-moz-placeholder { /* Firefox 19+ */
  color: #000;
}
.c_bottom textarea:-ms-input-placeholder { /* IE 10+ */
  color: #000;
}
.c_bottom textarea:-moz-placeholder { /* Firefox 18- */
  color: #000;
}

.chat_header{width: 100%;
    float:var(--float-start);
    background-color: #64b5f6;
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: bold;
    font-size: 24px;
    height: 70px;
    border-bottom: 2px solid #66a5d8;
    position: relative;
    overflow:hidden;
    color: #fff;}

.mb100{margin-bottom:100px;}
.need_help{display:none;}
.need_help img{    position: absolute;
    left: -300px;
    top: -285px;}
.chat_close{background-color:#f14646 !important;}
.chat_close:hover{font-size:40px;}
.havenm {
    position: absolute;
    width: 20px;
    background-color: var(--primary-highlight-color);
    z-index: 1;
    color: #fff;
    border-radius: 100px;
    height: 20px;
    font-family: 'Galano Regular', sans-serif;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    right: -10px;
    top: 0px;
    font-size: 10px;
}
.havenn {
    position: absolute;
    width: 20px;
    background-color: var(--primary-highlight-color);
    z-index: 1;
    color: #fff;
    border-radius: 100px;
    height: 20px;
    font-family: 'Galano Regular', sans-serif;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    right: -10px;
    top: 0px;
    font-size: 10px;
}
.cart-badge {
    position: absolute;
    width: 20px;
    background-color: var(--primary-highlight-color);
    z-index: 1;
    color: #fff;
    border-radius: 100px;
    height: 20px;
    font-family: 'Galano Regular', sans-serif;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    right: -10px;
    top: 0px;
    font-size: 10px;
}

.coloroffline{color:#999 !important;}
.chat_area{display:none;width:100%;float:var(--float-start);height:100%;background: rgb(26,36,50);
    background: -moz-linear-gradient(180deg, var(--secondary-color) 0%, rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(180deg, var(--secondary-color) 0%, rgba(0,0,0,0) 100%);
    background: linear-gradient(180deg, var(--secondary-color) 0%, rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#"+var(--secondary-color),endColorstr="#000000",GradientType=1);display:none;}
.pship_content{width:100%;float:var(--float-start);font-size:16px;font-family:'Roboto', sans-serif;}
.pship_code a{color:#000;}
.pline{width:100%;margin-top:20px;margin-bottom:20px;height:1px;background-color:#eaeaea;float:var(--float-start);}
.nchat_header{width:100%;float:var(--float-start);height:70px;-webkit-user-select:none !important;user-select:none !important;display:flex;align-items:center;justify-content:center;}
.go_to_chats{width:50px;height:100%;;font-size:36px;color:var(--secondary-text-color);cursor:pointer;float:var(--float-start);display:flex;align-items:center;justify-content:center;}
html[dir="rtl"] .go_to_chats i.fa-angle-left {
    transform: scaleX(-1);
}
html[dir="rtl"] .add-attachment-container{
    right: unset;
}
html[dir="rtl"] .message-reply {
    align-items: flex-start;
}
html[dir="rtl"] .message-reply.stranger {
    align-items: flex-end;
}
    html[dir="rtl"] .message-reply .time {
        right: auto;
        left: 8px;
    }
html[dir="rtl"] .chat_menu {
    right: auto;
    left: 40px;
}
.go_to_chats i {
    width: 100%;
    text-align: center;
}
    .stranger_pic {
        width: 40px;
        height: 40px;
        float:var(--float-start);
        position: relative;
        margin-top: 3px;
    }
.stranger_pic img{width: 40px;
    height: 40px;
    border-radius: 100%;
    object-fit: cover;
    object-position: center;}
.stranger_info{width: 100%;
    float:var(--float-end);
    padding-inline-start: 15px;}

.contact-group{width:100%;float:var(--float-start);}
.contact-group-name{width:100%;float:var(--float-start);font-family:'Galano Medium', sans-serif;background-color:rgba(0,0,0,0.2);color:var(--secondary-text-color);padding:10px 15px;font-size:14px;}
.contact-group-items{width:100%;float:var(--float-start);}

.system-message-label{width: 100%;
    float:var(--float-start);
    font-size: 10px;
    font-family: 'Galano Medium', sans-serif;
    font-style: italic;
    color: #eee;
    height: 12px;margin-bottom:5px;}
.system-message-label i{color:var(--primary-text-color) !important;}
.message-reply{width:100%;display:flex;justify-content:flex-end;flex-direction:column;align-items:flex-end;margin-bottom:10px;word-break: break-word;}
.message-reply .reply i{-webkit-transition: color 1s, font-size 1s;
   -moz-transition: color 1s, font-size 1s;
     -o-transition: color 1s, font-size 1s;
        transition: color 1s, font-size 1s;}
.reply .text{position:relative;z-index:1;}
.message-reply.system .reply {
    width: 100%;
    max-width: 100%;
    padding-inline-end: 8px !important;
}
.message-reply.system .time{color:var(--primary-text-color);}
.message-reply.system.success .reply{background-color:#51a351 !important;}
.message-reply.system.success .reply{background-color:#51a351 !important;}
.message-reply.system.success a{color:var(--primary-text-color) !important;}
.message-reply.system.danger .reply{background-color:#f14646 !important;}
.message-reply.system.warning .reply{background-color:#f1a246 !important;}
.message-reply.system.info .reply{background-color:var(--secondary-color) !important;}
.message-reply .reply i.seen{color:var(--primary-text-color) !important;font-size:14px;}
.message-reply .reply{font-family:'Galano Medium', sans-serif;color:var(--primary-text-color);background-color:var(--primary-highlight-color);padding:8px;border-radius:5px;padding-inline-end:60px;position:relative;max-width:90%;padding-bottom:30px;}
.message-reply .time{font-family: 'Galano Regular', sans-serif;
    color: var(--secondary-text-color);
    font-size: 12px;
    position: absolute;
    bottom: 8px;
    right: 8px;}
    .message-reply.note .reply {
        max-width: 100%;
        background-color: transparent;
        padding-inline-end: 8px;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        text-align: center;
    }
    .message-reply.date-sep .reply {
        max-width: 100%;
        background-color: transparent;
        padding-inline-end: 8px;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        text-align: center;
        font-size:12px;color:var(--secondary-text-color);
    }
    .message-meta-wrapper {
        width: 100%;
        float:var(--float-start);
    }
.c_messages .remove-message-meta{display:none;}
.c_messages .message-meta{background-color:var(--primary-highlight-color);border:none;border-radius:5px;}
.c_messages .message-meta.stranger{background-color:var(--secondary-color);}
.remove-message-meta{    position: absolute;
    right: 5px;
    top: -10px;
    color: var(--primary-text-color);
    font-size: 16px;
    cursor: pointer;
    background-color: #f14646;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 24px;
    width: 20px;
    height: 20px;
    font-size: 12px;}
.message-meta{width: 100%;padding: 10px;display: flex;align-items: center;border: 1px solid var(--primary-highlight-color);background-color:var(--secondary-color);z-index:2;margin-bottom:10px;max-height:82px;position:relative;}
.message-meta-icon{width: 60px;height: 60px;float:var(--float-start);background-color:var(--primary-color);}
.message-meta-icon img{width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;}
.message-meta-details{margin-inline-start: 10px;width:calc(100% - 75px);}
.message-meta-name{font-family: 'Galano Bold', sans-serif;
    color: var(--primary-text-color);
    width: 100%;
    float:var(--float-start);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.message-meta-name a{color:var(--primary-text-color) !important;}
.message-meta-desc{font-family: 'Galano Regular', sans-serif;
    color: var(--secondary-text-color);
    font-size: 12px;}

.c_messages .stranger .message-meta{background-color:var(--secondary-color) !important;}
.message-reply.stranger{align-items:flex-start;}
.message-reply.stranger .reply{background-color:var(--secondary-color);}
.unread-status{font-family:'Galano Bold', sans-serif;color:var(--primary-highlight-color) !important}
.contact-group .not-found{width: 100%;
    float:var(--float-start);
    font-family: 'Galano Medium', sans-serif;
    font-size: 14px;
    color: var(--secondary-text-color);
    padding: 15px;}

.chat_search{
    width: calc(100% - 30px);
    position: absolute;
    left:0;
    bottom:0;right:0;
    display:none;
    background-color: var(--primary-bg);
    padding:30px 20px;
    padding-bottom:20px;
    margin:0 auto;
    border-top-left-radius:5px;border-top-right-radius:5px;z-index:10;-moz-transition: all .2s;
     -o-transition: all .2s;
        transition: all .2s;
}
.chat_search_overlay{width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    z-index: 9;
    position: absolute;display:none;}
.chat_main_overlay{width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    z-index: 9;
    position: absolute;display:none;}
.chat_new_button{width: 60px;
    height: 60px;
    background-color: var(--primary-highlight-color);
    bottom: 20px;
    right: 20px;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 26px;
    border-radius: 60px;-moz-transition: font-size .5s;
     -o-transition: font-size .5s;
        transition: font-size .5s;cursor:pointer;box-shadow:0px 0px 30px -10px var(--primary-highlight-color);-webkit-box-shadow:0px 0px 30px -10px var(--primary-highlight-color);-moz-box-shadow:0px 0px 30px -10px var(--primary-highlight-color)}
html[dir="rtl"] .chat_new_button {
    right: auto;
    left: 20px;
}
.chat_new_button:hover{font-size:30px;}
.chat_search_error{width:100%;float:var(--float-start);padding:5px;font-family:'Galano Regular', sans-serif;color:#f14646;font-size:14px;}

.chat_search_notice{font-family:'Galano Regular', sans-serif;color:var(--secondary-text-color);margin-bottom:15px;}
.chat_search .contact-search i{left:15px !important;}
html[dir="rtl"] .chat_search .contact-search i {
    left: auto !important;
    right: 15px !important;
}

.ps .ps__rail-x.ps--clicking, .ps .ps__rail-x:focus, .ps .ps__rail-x:hover, .ps .ps__rail-y.ps--clicking, .ps .ps__rail-y:focus, .ps .ps__rail-y{background-color:transparent !important;}
.ps__thumb-y{width:5px !important;right:5px !important;background-color:rgb(255 255 255 / 25%) !important;}

.profile-header{width:100%;float:var(--float-start);display:flex;flex-direction:row;align-items:center;}
.profile-avatar{width:75px;height:75px;}
.profile-avatar img{width:75px;height:75px;border-radius:75px;-webkit-border-radius:75px;-moz-border-radius:75px;object-fit:cover;object-position:center;}
.profile-username{padding-inline-start:20px;font-family:'Galano Bold', sans-serif;font-size:26px;color:var(--primary-text-color);height:30px;line-height:30px;text-overflow:ellipsis;white-space:nowrap;}
.profile-content{width:100%;float:var(--float-start);margin-top:20px;}
.profile-details .profile_stickers{padding-inline-start:20px;text-align: var(--ta-start);}
.content-tab {
    width: 100%;
    float:var(--float-start);
    display: none;
}
.content-tab.active{display:block;}
.exp-overlay{height:100%;position:absolute;left:0;top:0;bottom:0;background-color:var(--primary-highlight-color);}
html[dir="rtl"] .exp-overlay {
    left: auto;
    right: 0;
}
.profile-send-message{width:auto !important;padding:5px 10px;font-size:14px;}
.profile-actions{width:100%;float:var(--float-start);display:flex;justify-content:flex-end;}
.profile-actions button{margin-inline-end:10px;border-radius:50px;}
.profile-actions button:last-child{margin-inline-end:0px;}
.profile-report{width:auto !important;background-color:#f14646;padding:5px 10px;border-radius:30px;-webkit-border-radius:30px;-moz-border-radius:30px;}
.profile-sticker-lg{width:100%;float:var(--float-start);position:relative;display: flex;
    align-items: center;
    padding: 15px;background-color:rgba(0,0,0,0.2);margin-bottom:30px;}
.sticker-icon{width:80px;height:80px;float:var(--float-start);border-radius:80px;-webkit-border-radius:80px;-moz-border-radius:80px;overflow:hidden;display:flex;justify-content:center;align-items:center;}
.sticker-icon img{width:100%;height:100%;object-fit:contain;object-position:center;}
.sticker-details{width:calc(100% - 80px);float:var(--float-start);
    padding-inline-start: 15px;}
.sticker-name{width:100%;float:var(--float-start);font-family:'Galano Bold', sans-serif;color:var(--primary-text-color);}
.sticker-desc{width:100%;float:var(--float-start);font-family:'Galano Regular', sans-serif;color:var(--secondary-text-color);font-size:12px;}
.user-stickers{width:100%;float:var(--float-start);min-height:400px;}
.user-comments{min-height:400px;padding-bottom:200px;}
    .user-comments .user-comment {
        background-color: rgba(0,0,0,0.2);
        border: 1px solid rgba(255,255,255,0.05);
    }
.user-comment { color:var(--primary-text-color);
    width: 100%;
    float:var(--float-start);
    position: relative;
    padding: 15px;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    background-color: var(--secondary-color);
}

.rating-summary {
    width: 100%;
    float:var(--float-start);
    padding: 15px;
    background-color: var(--primary-bg);
    margin-bottom: 10px;
    border: 1px solid var(--secondary-color);
    color:var(--secondary-text-color);
}

.rating-summary i.fa-star{color:yellow;margin-inline-start:5px;}
.rating-summary-next {
    width: 100%;
    float:var(--float-start);
    font-family: 'Galano Regular', sans-serif;
    color: var(--primary-highlight-color);
    text-align: center;
    padding: 10px;
    cursor: pointer;
    -moz-transition: all .33s ease-in-out;
    -ms-transition: all .33s ease-in-out;
    -o-transition: all .33s ease-in-out;
    transition: all .33s ease-in-out;
}
.rating-summary-next:hover{color:#fff;}

.user-comment-left {
    width: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    flex-shrink: 0
}
.user-commnet-right{display:flex;flex-shrink:0;}
.user-comment-avatar{width:40px;height:40px;float:var(--float-start);border-radius:100px;overflow:hidden;}
.user-comment-avatar img{width:100%;height:100%;object-fit:cover;object-position:center;}
.user-comment-details {
    padding-inline-start: 15px;
    width: 100%;
    float:var(--float-start);
}
.user-comment-username{font-family:'Galano Regular', sans-serif;text-align:center;margin-top:5px;}
.user-comment-username a {
    font-family: 'Galano Bold', sans-serif;
    color: var(--primary-text-color) !important;
    font-size: 14px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.user-comment-text{width:100%;float:var(--float-start);margin-bottom:10px;display:flex;flex-direction:column;}
.comment-bought{font-size:12px;margin-bottom:10px;width:100%;}
.comment-bought a{color:var(--primary-highlight-color) !important;text-decoration:none !important;}
.comment-text {
    font-family: 'Galano Regular', sans-serif;
    color: var(--secondary-text-color);
    font-style:italic;
}
.user-comment-rating {
    width: 100%;
    float:var(--float-start);
    color: yellow;
}
.empty-star{color:var(--secondary-text-color) !important;}
.user-comment-date {
    width: 100%;
    float:var(--float-start);
    font-family: 'Galano Regular', sans-serif;
    font-size: 12px;
    color: var(--secondary-text-color);
}
.profile-sales{min-height:400px;}
.new-sale-container{width:100%;float:var(--float-start);min-height:400px;position:relative;margin-top:15px;padding-bottom:50px;}
.new-sale-container .timeline-content{overflow:unset !important;}
.category-list-container{width:100%;float:var(--float-start);}
.category-list{width:100%;float:var(--float-start);overflow:hidden;position:relative;}
.category-item{width:100%;float:var(--float-start);background-color:rgba(255,255,255,0.1);position:relative;margin-bottom:10px;display:flex;align-items:center;cursor:pointer;border:2px solid transparent;user-select:none !important;-webkit-user-select:none;-moz-user-select:none;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;}
.category-item.active{background-color:var(--primary-highlight-color);}
.category-item.destroyed{transform:scale(0);transition: transform all 1s}
.category-list .category-item:hover{border:2px solid var(--primary-highlight-color);}
.category-img{width:60px;height:60px;float:var(--float-start);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;}
.category-img img{width:66%;height:66%;object-fit:cover;object-position:center;}
.category-details{width:calc(100% - 60px);float:var(--float-start);}
.category-name{width:100%;float:var(--float-start);font-family:'Galano Medium', sans-serif;font-size:12px;color:var(--primary-text-color);padding-inline-end:10px;word-break:break-word;overflow:hidden;text-overflow:ellipsis;}
.category-list .col{padding-inline-start:5px !important;padding-inline-end:5px !important;}
.category-list .row{margin-inline-start:0 !important;margin-inline-end:0 !important;}
.timeline-heading{width:100%;float:var(--float-start);padding:0;margin-bottom:10px;}
.timeline-heading-title{width:100%;float:var(--float-start);font-family:'Galano Bold', sans-serif;color:var(--primary-text-color);font-size:20px;}
.timeline-heading p{width:100%;float:var(--float-start);font-family:'Galano Regular', sans-serif;color:var(--secondary-text-color);font-size:14px;}

.selected-category-list{width: 100%;
    float:var(--float-start);padding:5px;
    border-radius: 5px;}

.selected-category-list .category-item{width: auto;padding-inline-end: 10px;border-radius:0px;margin-bottom:0;}
.change-category{width:100%;height:100%;position:absolute;left:0;top:0;right:0;bottom:0;background-color:var(--primary-highlight-color);font-family:'Galano Medium', sans-serif;color:var(--primary-text-color);display:flex;align-items:center;justify-content:center;user-select:none !important;-webkit-user-select:none;-moz-user-select:none;z-index:2;opacity:0;-webkit-transition: opacity .33s ease-in-out;
  -moz-transition: opacity .33s ease-in-out;
  -ms-transition: opacity .33s ease-in-out;
  -o-transition: opacity .33s ease-in-out;
  transition: opacity .33s ease-in-out;}
.change-category i{margin-inline-end:5px;}
.selected-category:hover .change-category{opacity:1;}
.selected-category-sep{width: 46px;
    float:var(--float-start);
    height: 64px;
    font-size: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--secondary-text-color);}
.choose-alt-cat{width:auto;padding:10px 20px;height:64px;display:flex;align-items:center;justify-content:center;font-family:'Galano Medium', sans-serif;color:var(--primary-text-color);background-color:rgba(0,0,0,0.33);float:var(--float-start);font-size:12px;box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);
	transform: scale(1);
	animation: pulse 2s infinite;cursor:pointer;}
.pulse-scale-animation {
    animation: pulse 2s infinite;
    -webkit-animation: pulse 2s infinite;
    -moz-animation: pulse 2s infinite;
}
.alt-categories-title{width:100%;float:var(--float-start);padding:10px 5px;display:flex;align-items:center;}
.alt-categories-label{font-family:'Galano Regular', sans-serif;color:var(--secondary-text-color);}
.alt-categories-search{width:300px;margin-inline-start:auto;position:relative;display:flex;align-items:center;}
.alt-categories-search i{position:absolute;left:15px;color:var(--primary-text-color);}
.alt-categories-search input{width: 100%;
    background-color: rgba(0,0,0,0.5);
    border: none;
    padding: 8px 15px;
    border-radius: 5px;
    font-family: 'Galano Regular', sans-serif;padding-inline-start:40px;
    color: var(--primary-text-color);border:1px solid transparent;outline:none !important;}
.alt-categories-search input:focus{border:1px solid var(--primary-highlight-color) !important;background-color: rgba(0,0,0,0.66);}
.alt-categories-search input::placeholder{color:var(--secondary-text-color);}
.alt-categories-search input::-moz-placeholder{color:var(--secondary-text-color);}
.alt-categories-search input::-webkit-input-placeholder{color:var(--secondary-text-color);}
.category-preview{width:100%;float:var(--float-start);display:none;}
.alt-categories-notice{width:100%;float:var(--float-start);font-family:'Galano Regular', sans-serif;font-size:12px;color:var(--secondary-text-color);padding:0 10px;margin-bottom:30px;}

.sale-details-container{width:100%;float:var(--float-start);margin-top:20px;}
.sale-details-container .action-form-input{background-color:rgba(255,255,255,0.1);height:50px;margin-bottom:0px !important;}
.trumbowyg-dark{width:100%;float:var(--float-start);}
.trumbowyg-textarea{display:none !important;}
.trumbowyg-editor{background-color:rgba(255,255,255,0.1);}

.trumbowyg-dark .trumbowyg-button-pane {
    background-color: rgba(0,0,0,0.33) !important;
    border-bottom-color: #000 !important;
}

.sale-images{width: 100%;
    float:var(--float-start);}
.new-sale-image{width:100%;padding-top:100%;float:var(--float-start);position:relative;overflow:hidden;background-color:var(--primary-bg);cursor:pointer;}
.new-sale-image:hover .change-category{opacity:1;}
.add-new-sale-image{
    width: 100%;
    height:100%;
    background-color: rgba(255,255,255,0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 30px !important;
    color: var(--primary-text-color) !important;
    border: 1px dashed var(--primary-highlight-color);padding-inline-start:0 !important;
}
.add-new-sale-image:hover i{font-size:40px;}
.add-new-sale-image i{text-shadow:0px 0px 20px #000;-webkit-transition: color .25s, font-size 1s;-moz-transition: color 1s, font-size .25s;-o-transition: color 1s, font-size .25s;transition: color 1s, font-size .25s;}
.new-sale-image img{width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;}
.default-sale-image{
    padding: 3px 5px;
    background-color: var(--primary-highlight-color);
    color: var(--primary-text-color);
    font-family: 'Galano Regular', sans-serif;
    position: absolute;
    top: 3px;
    right: 3px;
    font-size: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    box-shadow: 0px 10px 20px -2px #000;
}

.sale-image-action{width:100%;float:var(--float-start);}
.sale-image-action small{width:100%;float:var(--float-start);font-family:'Galano Regular', sans-serif;color:var(--secondary-text-color);margin-top:5px;}
.sale-features-title{width:100%;float:var(--float-start);font-family:'Galano Bold', sans-serif;color:var(--primary-text-color);font-size:18px;margin-bottom:20px;}
.sale-feature{width:100%;float:var(--float-start);padding:15px;background: rgb(26,36,50);
    background: -moz-linear-gradient(180deg, var(--secondary-color) 0%, rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(180deg, var(--secondary-color) 0%, rgba(0,0,0,0) 100%);
    background: linear-gradient(180deg, var(--secondary-color) 0%, rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#"+var(--secondary-color),endColorstr="#000000",GradientType=1);background-repeat:no-repeat;border-radius:10px;border:2px solid transparent;user-select:none;-webkit-user-select:none;-moz-user-select:none;cursor:pointer;position:relative;margin-bottom:15px;}
.sale-feature:hover{border-color:var(--primary-highlight-color);}
.sale-feature.enabled{border-color:var(--primary-highlight-color);}
.sale-feature-icon{width:100%;float:var(--float-start);font-size:36px;text-align:center;margin-bottom:20px;color:var(--primary-text-color);}
.sale-feature-details{width:100%;float:var(--float-start);}
.sale-feature-name{width:100%;float:var(--float-start);font-family:'Galano Medium', sans-serif;color:var(--primary-text-color);text-align:center;margin-bottom:10px;}
.sale-feature-desc{width:100%;float:var(--float-start);font-family:'Galano Regular', sans-serif;color:var(--secondary-text-color);text-align:center;font-size:14px;}
.sale-feature-fee{width:100%;float:var(--float-start);margin-top:20px;font-family:'Galano Bold', sans-serif;text-align:center;}
.sale-feature-enabled{position: absolute;
    right: 15px;
    top: 15px;
    background-color: #51a351;
    color: #fff;
    font-size: 20px;
    width: 30px;
    height: 30px;
    border-radius: 30px;
    display: flex;
    align-items: center;
    transform:scale(0);
    justify-content: center;opacity:0;-webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;}
.sale-feature.enabled .sale-feature-enabled{opacity:1;transform:scale(1);}
.visual-features{width:100%;float:var(--float-start);}
.visual-features .notice{width:100%;float:var(--float-start);font-family:'Galano Regular', sans-serif;font-size:12px;color:var(--secondary-text-color);margin-bottom:25px;}
.visual-feature{width:100%;float:var(--float-start);padding:15px;background-color:rgba(255,255,255,.1);position:relative;display:flex;align-items:center;border-radius:10px;margin-bottom:15px;cursor:pointer;}
.visual-feature-icon{width:50px;height:50px;font-size:30px;color:var(--primary-text-color);align-self:flex-start;margin-inline-end:15px;text-align:center;}
.visual-feature-details{width:100%;float:var(--float-start);}
.visual-feature-details small{width:100%;float:var(--float-start);font-family:'Galano Regular', sans-serif;color:var(--secondary-text-color);margin-top:15px;}
.visual-feature-name{width:100%;float:var(--float-start);font-size:20px;color:var(--primary-text-color);font-family:'Galano Medium', sans-serif;}
.visual-feature-desc{width:100%;float:var(--float-start);font-size:14px;color:var(--secondary-text-color);font-family:'Galano Regular', sans-serif;}
.visual-feature-action{width:100%;float:var(--float-start);margin-top:15px;}
.checkbox-button{width:100%;padding:15px;
    float:var(--float-start);
    background-color: var(--primary-color);
    display: flex;
    align-items: center;
    overflow: hidden;
    font-size: 14px;-webkit-user-select:none;user-select:none;-moz-user-select:none;border:1px solid transparent;}
.checkbox-wrapper {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-inline-start: 5px;
    float:var(--float-start);
    font-size: 20px;
    background-color: var(--secondary-color);
    margin-inline-end: 15px;
    flex-shrink: 0;
}
.visual-feature-action .checkbox-button{background:none !important;}
.checkbox-button.checked .checkbox-wrapper {
    color: var(--primary-highlight-color) !important;
}
.checkbox-text{float:var(--float-start);
    font-family: 'Galano Medium', sans-serif;
    color: var(--primary-text-color);}

.neon-text{text-shadow: 0px 0px 10px #ff00f3}
.neon-border{    border: 1px solid #ff00f3;
    box-shadow: 0px 0px 40px -20px #ff00f3}

.visual-feature-options{width:100%;float:var(--float-start);margin-top:5px;}
.visual-feature-option{width:25px;height:25px;border-radius:25px;float:var(--float-start);margin:3px;border:2px solid transparent;display:flex;align-items:center;justify-content:center;color:#fff;}
.visual-feature-option i{display:none;}
.visual-feature-option.selected{border-color:var(--primary-highlight-color);}
.visual-feature-option.selected i{display:block}
.text-black{color:#000 !important;}
#btnFeaturesDone{width:auto;float:var(--float-end);}
.new-sale-container .pr-button{border-radius:5px;}
.new-sale-container .pr-button span{background-color: #fff;
    padding: 2px 5px;
    margin-inline-start: 10px;
    border-radius: 5px;}

.single-text-container{color:var(--secondary-text-color);font-family:'Galano Regular', sans-serif;width:100%;float:var(--float-start);}
.terms-of-service-new-sale{width:100%;float:var(--float-start);max-height:300px;overflow-y:scroll;background-color:rgba(255,255,255,0.1);padding:15px;}
.sale-notice{width:100%;float:var(--float-start);padding:15px;background-color:var(--primary-color);margin:15px 0px;border:1px solid var(--primary-highlight-color);font-size:14px;}
.sale-notice h3{font-family:'Galano Medium', sans-serif;color:var(--primary-text-color);float:var(--float-start);margin-bottom:15px !important;font-size:22px;}

.category-action{width:auto;float:var(--float-start);margin:20px 0}
.category-action .pr-button{border-radius:5px;max-width:200px;font-size:14px;}

.sale-attachments{width:100%;float:var(--float-start);margin-top:10px;}
.sale-attachments ul{padding: 0;
    list-style: none;
    margin: 0;
    width: 100%;
    float:var(--float-start);
    display: flex;
    align-items: center;
    justify-content: center;gap:10px}
.sale-attachments ul li{float:var(--float-start);
    width: 100px;
    height: 100px;
    position: relative;
    background-color: rgba(255,255,255,.1);display:inline-block;border:1px solid transparent;cursor:pointer;}
.sale-attachments ul li.active{border-color:var(--primary-highlight-color);}
.sale-attachments ul li img{max-width: 80%;
    max-height: 80px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;}
.sale-price-wrapper{position: absolute;
    width: 100%;
    left: 0;
    top: -45px;
    display: flex;-moz-transition: all .2s;
     -o-transition: all .2s;
        transition: all .2s;
    align-items: center;
    justify-content: center;}
.sale-price-text{font-family: 'Galano Bold', sans-serif;
    color: var(--primary-text-color);
    width: auto;
    background-color: var(--primary-highlight-color);
    padding: 2px 8px;
    border-radius: 100px;
    font-size:14px;
    box-shadow: 0px 5px 25px 0px var(--primary-highlight-color);}

.loader-wrapper{width: 100%;
    height: 100%;
    position: fixed;
    background-color: rgba(0,0,0,0.8);
    z-index: 999999999;
    display: flex;
    align-items: center;
    justify-content: center;flex-direction:column;left:0;right:0;top:0;bottom:0;display:none;}
.loader-text{font-family: 'Galano Regular', sans-serif;
    color: var(--primary-text-color);
    margin-top: 25px;display:none;}
.loader-out{width:100px;height:126px;position:relative;}
.loader-out img{user-select:none;-webkit-user-select:none;-webkit-user-drag:none;-moz-user-select:none;width:100%;height:100%;position:absolute;}
.loader-in{width: 100%;
    height: 0%;
    overflow: hidden;
    position: absolute;
    left:0;
    right:0;
    bottom:0;
    animation: loaderFillUp ease-in-out 1.25s infinite;
}
.loader-in img{width: 100px;
    height: 126px;
    position:absolute;
    left:0;
    right:0;
    bottom:0;}

.payment-methods{width:100%;float:var(--float-start);}
.payment-method{position:relative;width:100%;float:var(--float-start);display:flex;align-items:center;justify-content:center;padding:20px;background-color:rgba(255,255,255,.1);border-radius:5px;flex-direction:column;border:2px solid transparent;margin-bottom:30px;}
.payment-method:not(.disabled):hover{border-color:var(--primary-highlight-color);cursor:pointer;}
.payment-method.active{border-color:var(--primary-highlight-color);}
.payment-method.disabled{cursor:no-drop;opacity:0.5;}
.payment-method-icon{width:100%;height:100px;position:relative;}
.payment-method-icon img{max-width:50%;max-height:80%;width:auto;height:auto;left:0;right:0;top:0;bottom:0;margin:auto;position:absolute;}
.payment-method-details{width:100%;float:var(--float-start);margin-top:15px;}
.payment-method-name{width:100%;float:var(--float-start);font-family:'Galano Medium', sans-serif;color:var(--primary-text-color);font-size:18px;text-align:center;}
.payment-method-desc{width:100%;float:var(--float-start);font-family:'Galano Regular', sans-serif;color:var(--secondary-text-color);text-align:center;font-size:14px;}
.payment-method-brands{width:100%;float:var(--float-start);margin-top:15px;}
.payment-method-brands small{width:100%;float:var(--float-start);font-family:'Galano Regular', sans-serif;color:var(--secondary-text-color);text-align:center;font-size:12px;}
.supported-text{width:100%;float:var(--float-start);font-family:'Galano Regular', sans-serif;font-style:italic;color:var(--primary-text-color);text-align:center;font-size:12px;}
.payment-method-fee{width:100%;float:var(--float-start);margin-top:15px;font-family:'Galano Bold', sans-serif;text-align:center;color:var(--primary-highlight-color);}
.payment-method-fee.zero-fee{color:#51a351 !important;text-shadow:0px 0px 20px #51a351;}
.payment-method-disabled{position: absolute;
    top: 10px;
    right: 10px;
    background-color: #fff;
    z-index: 999;
    font-family: 'Galano Medium', sans-serif;
    font-size: 14px;
    padding: 5px;
    border-radius: 5px;
    box-shadow: 0px 5px 10px 0px #000;display:none;}
.payment-method-best{position: absolute;
    top: 10px;
    right: 10px;
    background-color: var(--primary-highlight-color);
    color:var(--primary-text-color);
    font-family: 'Galano Medium', sans-serif;
    font-size: 12px;
    padding: 5px;
    border-radius: 5px;
    box-shadow: 0px 0px 36px -12px var(--primary-highlight-color);}
.payment-method.disabled .payment-method-disabled{display:block;}
.payment-method-brands ul{padding: 0;
    margin: 0;
    list-style: none;
    width: 100%;
    float:var(--float-start);
    display: flex;
    align-items: center;
    justify-content: center;}
.payment-method-brands ul li{    width: 50px;
    height: 30px;
    float:var(--float-start);
    position: relative;opacity:0.66;cursor:pointer;}
.payment-method-brands ul li:hover{opacity:1;}
.payment-method-brands ul li img{max-width: 85%;
    max-height: 85%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;}

.payment-provider-container{width:100%;float:var(--float-start);display:none;}
.amount-container{width:100%;float:var(--float-start);}
.fast-amounts{width:100%;float:var(--float-start);}
.fast-amounts .col{padding-inline-start:7.5px !important;;padding-inline-end:7.5px !important;}
.fast-amount{width: 100%;
    float:var(--float-start);
    padding: 10px;
    background-color: rgba(255,255,255,.1);
    border-radius: 5px;
    display: flex;
    align-items: center;border:2px solid transparent;cursor:pointer;user-select:none;-webkit-user-select:none;margin-bottom:15px;height:53px;position:relative;}
.fast-amount:hover{border-color:var(--primary-highlight-color);}
.fast-amount.active{border-color:var(--primary-highlight-color);}
.fast-amount-value{font-family: 'Galano Bold', sans-serif;
    color: var(--primary-text-color);
    margin-inline-start: 10px;}
.fast-amount-price{font-family: 'Galano Medium', sans-serif;
    color: var(--secondary-text-color);
    margin-inline-start: auto;
    font-size: 14px;
    background-color: rgba(0,0,0,0.33);
    border-radius: 5px;
    padding: 5px 10px;}

.different-amount-container{width:100%;float:var(--float-start);padding-top:15px;margin-top:15px;border-top:3px solid rgba(255,255,255,0.1);display:none;}
.to-pay-container{width:100%;float:var(--float-start);font-family:'Galano Regular', sans-serif;color:var(--secondary-text-color);margin-top:10px;}
.to-pay-container strong{font-family:'Galano Bold', sans-serif;color:var(--primary-text-color);}
.different-amount-container .action-form-input {
    background-color: rgba(255,255,255,0.1);
    height: 50px;
    margin-bottom: 0px !important;
}

.baccounts{width:100%;float:var(--float-start);}
.baccounts .col{padding-inline-start:5px !important;padding-inline-end:5px !important;}
.bacc{width:100%;float:var(--float-start);height:50px;background-color:rgba(255,255,255,.1);position:relative;margin-bottom:10px;border:2px solid transparent;cursor:pointer;border-radius:5px;}
.bacc.active{border-color:var(--primary-highlight-color);}
.bacc:hover{border-color:var(--primary-highlight-color);}
.bacc img{max-height: 80%;
    max-width: 80%; 
    width: auto;
    height: auto;
    position: absolute;  
    top: 0;  
    bottom: 0;  
    left: 0;
    right: 0;  
    margin: auto;}
.bdetails{width:100%;padding:15px;background-color:rgba(255,255,255,0.1);float:var(--float-start);border:2px solid var(--primary-highlight-color);margin-bottom:10px;border-radius:5px;position:relative;min-height:250px;transition: all ease-in-out 0.5s;}
.bdetails-inner{width:100%;float:var(--float-start);display:none;}
.bdetails-overlay{width:100%;height:100%;left:0;top:0;right:0;bottom:0;position:absolute;display:flex;align-items:center;justify-content:center;padding:30px;color:var(--primary-text-color);font-family:'Galano Regular', sans-serif;font-size:18px;text-align:center;cursor:pointer;}
.detail-group{width:100%;float:var(--float-start);margin-bottom:15px;}
.detail-group:last-child{margin-bottom:0px;}
.detail-group label{font-family:'Galano Regular', sans-serif;color:var(--secondary-text-color);width:100%;float:var(--float-start);-webkit-user-select:none;user-select:none;-moz-user-select:none;height:20px;margin-bottom:0px;}
.detail-group .detail-value{width:100%;float:var(--float-start);font-family:'Galano Bold', sans-serif;color:var(--primary-text-color);clear:left;}
.detail-group .detail-value i{margin-inline-start:10px;cursor:pointer;}
.detail-group .detail-value i:hover{font-size:20px;}
.bank-icon{width:160px;height:50px;background-color:rgba(255,255,255,.1);position:relative;margin-top:5px;margin-top:7px;border-radius:5px;}
.bank-icon img{max-width:80%;max-height:80%;left:0;right:0;top:0;bottom:0;position:absolute;margin:auto;width:auto;height:auto;}
.bank-details-title{width:100%;float:var(--float-start);margin-bottom:10px;font-family:'Galano Regular', sans-serif;color:var(--secondary-text-color);font-size:14px;}
.payment-notice{width:100%;float:var(--float-start);padding:20px;background-color:rgba(255,255,255,.1);font-family:'Galano Regular', sans-serif;font-size:18px;color:var(--primary-text-color);border-radius:5px;margin-bottom:10px;}
.payment-notice span{font-family:'Galano Bold', sans-serif;}

.sale-item .sale-owner-menu{margin-top:10px;}
.sale-owner-menu{width: 100%;
    float:var(--float-start);
    padding: 10px;
    background-color: var(--primary-color);
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;}
.sale-owner-menu-item{width:100%;font-family:'Galano Regular', sans-serif;font-size:18px;color:var(--primary-text-color);white-space:nowrap;cursor:pointer;}
.sale-owner-menu-item a{color:var(--primary-text-color) !important;white-space:nowrap;}
.up-content-wrapper{width:100%;float:var(--float-start);padding:30px;}
.sale-attributes{width:100%;float:var(--float-start);display:flex;}
.search_section .body-background{position:absolute;}

.tsearch{
    width: 100%;
    max-height:500px;
    position: absolute;
    background-color: var(--primary-color);
    z-index: 9999;
    top: 50px;
    left: 0;
    overflow: auto;
    display: none;
    box-shadow:0px 50px 70px -20px #000;
    -webkit-box-shadow:0px 50px 70px -20px #000;
    -moz-box-shadow:0px 50px 70px -20px #000;
    outline:none !important;
}

.tsearch .waitMe{opacity:0.75 !important;}

.searches-section{
    width:100%;float:var(--float-start);margin-bottom:20px;
}
.searches-section:last-child{margin:0;}
.searches-list{width:100%;float:var(--float-start);}
.searches-list-action {
    margin-inline-start: auto;
    color: var(--secondary-text-color);
}
.searches-list-action i {padding:5px 10px}
.searches-list-item {
    width: 100%;
    float:var(--float-start);
    font-family: 'Galano Regular', sans-serif;
    color: var(--primary-text-color);
    padding: 10px 20px;
    border-bottom: 1px solid var(--secondary-color);
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: all linear .25s;
    -webkit-transition: all linear .25s;
    -moz-transition: all linear .25s;
}

.searches-list-type {
    width: 100%;
    float:var(--float-start);
    font-family: 'Galano Regular', sans-serif;
    font-size: 10px;
    color: var(--primary-highlight-color);
}

.searches-list-item:hover {
    background-color: var(--secondary-color);
}
.searches-list-icon {
    margin-inline-end:10px;color:var(--secondary-text-color) !important;
}

.searches-list-icon img{width:50px;}

.searches-list-value{color:var(--primary-text-color);}

.searches-section-title {
    width: 100%;
    float:var(--float-start);
    font-family: 'Galano Regular', sans-serif;
    color: var(--secondary-text-color);
    font-size: 12px;
    padding:10px 20px;
    margin:5px 0;
}

.jsearch_overlay {
    width: 100%;
    position: fixed;
    height: 100%;
    left: 0px;
    top: 0px;
    bottom: 0px;
    right: 0px;
    margin: auto;
    display: none;
    z-index: 899;
    background-color: rgba(0,0,0,0.5);
}
.user-balance{
    display: flex;
    align-items: center;
    justify-content: center;position:relative;margin-inline-start:15px;}
.balance-icon{position: absolute;
    width: 30px;
    height: 30px;
    left: -10px;
    border-radius: 30px;}
.balance-icon img{position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    max-width: 80%;
    max-height: 80%;}
.user-balance-inner{padding: 5px 15px;
    background-color: rgba(255,255,255,.1);
    border-radius: 25px;
    color: var(--primary-text-color);
    font-family: 'Galano Bold', sans-serif;
    padding-inline-start:25px;
    font-size: 14px;white-space:nowrap;}
.user-balance .add-balance{position: absolute;
    color: #fff;
    background-color: var(--primary-highlight-color);
    height: 20px;
    width: 20px;
    border-radius: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    right: -10px;
    cursor: pointer;
    font-size: 14px;}
.comment-container{width:100%;float:var(--float-start);margin-bottom:50px;text-align:center;background-color: rgba(255,255,255,.01);
    padding: 20px;}
.comment-container p{width:100%;float:var(--float-start);font-family:'Galano Regular', sans-serif;color:var(--secondary-text-color);}
.comment-container textarea{width:100%;float:var(--float-start);background-color:rgba(255,255,255,.01);border:none;min-height:150px;font-family:'Galano Regular', sans-serif;color:var(--primary-text-color);border:1px solid transparent;outline:none;}
.comment-container textarea:hover{border-color:var(--primary-highlight-color);}
.comment-container textarea::placeholder{color:var(--secondary-text-color);}
.comment-container textarea::-moz-placeholder{color:var(--secondary-text-color);}
.comment-container textarea::-webkit-input-placeholder{color:var(--secondary-text-color);}
.star-container{width:100%;float:var(--float-start);margin-bottom:20px;}
.star-container-label{width:100%;float:var(--float-start);font-family:'Galano Medium', sans-serif;color:var(--primary-text-color);}
.star-wrapper{width:100%;float:var(--float-start);font-size:24px;color:var(--secondary-text-color);}
.header-sticky {
  position: fixed !important;
  background-color:var(--secondary-color) !important;
}

.rating {
  display: inline-block;
  position: relative;
  font-size: 24px;
}

.rating label {
  position: absolute;
  top: 0;
  left: 0;
  margin-bottom:0px !important;
  cursor: pointer;
}

.rating label:last-child {
  position: static;
}

.rating label:nth-child(1) {
  z-index: 5;
}

.rating label:nth-child(2) {
  z-index: 4;
}

.rating label:nth-child(3) {
  z-index: 3;
}

.rating label:nth-child(4) {
  z-index: 2;
}

.rating label:nth-child(5) {
  z-index: 1;
}

.rating label input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.rating label .icon {
  float:var(--float-start);
  color: transparent;
  margin-inline-end:5px;
}

.rating label:last-child .icon {
  color: rgba(255,255,255,0.1)
}

.rating:not(:hover) label input:checked ~ .icon,
.rating:hover label:hover input ~ .icon {
  color: yellow;
}

.rating label input:focus:not(:checked) ~ .icon:last-child {
  color: #000;
  text-shadow: 0 0 5px #09f;
}


.added-comment{width:100%;float:var(--float-start);font-family:'Galano Medium', sans-serif;color:var(--secondary-text-color);font-size:16px;font-style:italic;}
.category-sidebar ul li a img{width:24px;margin-inline-end:7px;}
.search-category{width: 100%;float:var(--float-start);padding:0px 10px;position:relative;display:flex;align-items:center;margin-top:5px;}
.search-category input{width:100%;float:var(--float-start);background-color:var(--primary-color);border:none;padding:5px 15px;padding-inline-start:40px;outline:none;font-family:'Galano Regular', sans-serif;color:var(--primary-text-color);font-size:12px;height:35px;border:1px solid transparent;}
.search-category input:focus{border-color:var(--primary-highlight-color) !important;}
.search-category input::placeholder{color:var(--secondary-text-color);}
.search-category input::-moz-placeholder{color:var(--secondary-text-color);}
.search-category input::-webkit-input-placeholder{color:var(--secondary-text-color);}
.search-category i{position:absolute;color:#fff;left:20px;width: 24px;
    display: flex;
    align-items: center;
    justify-content: center;font-size:14px;
}
.slider-inner{position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;z-index:9;top:-80px;}
.slider-inner img{max-width:80%;max-height:80%;left:0;top:0;bottom:0;right:0;margin:auto;width:auto;height:auto;user-select:none !important;-webkit-user-drag:none !important;cursor:pointer;}
.slide-title{width:auto;float:var(--float-start);font-family:'Galano Bold', sans-serif;font-size:44px;color:var(--primary-text-color);text-align:center;}
.slide-description{width:auto;float:var(--float-start);font-family:'Galano Medium', sans-serif;font-size:24px;color:var(--secondary-text-color);text-align:center;}
.slides{    width: 100%;
    height: 800px;float:var(--float-start);
    overflow: hidden;}

.page-details-content{width:100%;float:var(--float-start);font-family:'Galano Regular', sans-serif;color:var(--secondary-text-color);padding-bottom:100px;}
.page-details-content h1,h2,h3,h4,h5,b,strong{font-family:'Galano Bold', sans-serif;color:var(--primary-text-color);}
.page-details-content a{color:var(--primary-highlight-color) !important;}

.bubble-message-wrapper{width:100%;float:var(--float-start);transition: all linear .25s;
-webkit-transition: all linear .25s;
-moz-transition: all linear .25s;}
.bubble
{
position: relative;
padding: 15px;
float:var(--float-end);
display:flex;
align-items:center;
background: var(--primary-highlight-color);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
cursor:pointer;
transition: all linear .25s;
-webkit-transition: all linear .25s;
-moz-transition: all linear .25s;
margin-top:30px;
-webkit-box-shadow:0px 10px 20px -10px #000;
-moz-box-shadow:0px 10px 20px -10px #000;
box-shadow:0px 10px 20px -10px #000;
}

.bubble:hover{transform:scale(1.05);}

.bubble:after
{
content: '';
position: absolute;
border-style: solid;
border-width: 10px 15px 0;
border-color: var(--primary-highlight-color) transparent;
display: block;
width: 0;
z-index: 1;
bottom: -8px;
right:18px;
}
.bubble-user-avatar{width:30px;height:30px;float:var(--float-start);position:relative;margin-inline-end:10px;align-self:flex-start;}
.bubble-user-avatar img{width:30px;height:30px;object-fit:cover;object-position:center;-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;}
.bubble-message{width:calc(100% - 30px);float:var(--float-start);}
.bubble-message-username{width:100%;font-family:'Galano Medium', sans-serif;color:var(--primary-text-color);font-size:14px;height:15px;}
.bubble-message-text{width:100%;font-family:'Galano Regular', sans-serif;color:var(--primary-text-color);    line-height: 16px;
    margin-top: 8px;font-size:14px;    max-height: 60px;
    overflow: hidden;
    text-overflow: ellipsis;word-break:break-all;}

.chat-tray{max-width:300px;position:fixed;right:25px;bottom:110px;z-index:999;}
.featured-banner{width:100%;float:var(--float-start);margin-bottom:10px;cursor:pointer;position:relative;z-index:1;transition:all linear .123s;box-shadow:0px 20px 20px -20px #000;-webkit-box-shadow:0px 20px 20px -20px #000;-moz-box-shadow:0px 20px 20px -20px #000;}
.featured-banner:hover{transform:scale(1.25);z-index:10;}
.featured-banner img{width:100%;height:100%;object-fit:contain;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
.featured-banners .col{padding-inline-start:5px !important;padding-inline-end:5px !important;}
.featured-banners .row{margin-inline-start:-5px !important;margin-inline-end:-5px !important;}

.game-overview-wrapper{width:100%;min-height:100vh;float:var(--float-start);position:relative;}
.game-overview-wrapper .category-header .game-overview-content{min-height: inherit;
    padding: 0 35px;
    margin-top: 50px;}
.game-overview-background{width:100%;height:100%;position:absolute;left:0;right:0;top:0;bottom:0;background-size:cover;background-repeat:no-repeat;background-position:center;z-index:-1;background-attachment:fixed;}
.game-overview-background-overlay{width:100%;height:100%;position:absolute;left:0;right:0;top:0;bottom:0;background-color:rgba(0,0,0,0.8);}
.game-overview-content{padding:0 100px;width:100%;min-height:100vh;float:var(--float-start);}
.game-overview-menu{width:100%;height:100%;position:relative;float:var(--float-start);margin-top:-85px;}
.game-overview-menu-items{width:100%;float:var(--float-start);position:relative;}
.game-overview-menu-item{width:100%;float:var(--float-start);margin-bottom:25px;-webkit-user-select:none !important;-moz-user-select:none !important;user-select:none !important;cursor:pointer !important;transition:all linear .123s;}
.game-overview-menu-item:hover{transform:scale(1.05);}
.game-overview-menu-item span{height:30px;line-height:30px;width:100%;display:inline-block;}
.game-overview-menu-item span a{text-transform:uppercase;font-family:'Galano Bold', sans-serif;font-size:36px;color:var(--primary-text-color);letter-spacing:0px}
.game-overview-menu-item small{display:inline-block;width:80%;font-family:'Galano Regular', sans-serif;color:var(--secondary-text-color);}
.game-overview-menu-item.active span a{height:40px;line-height:40px;color:var(--primary-highlight-color) !important;font-family:'Galano Bold', sans-serif;}
.game-overview-area{width: 100%;
    float:var(--float-start);padding-bottom:150px;}
    .game-overview-area img{max-width:100%;}
    .game-overview-inner {
        width: 100%;
        float:var(--float-start);
    }
.game-overview-inner h1{font-family:'Galano Bold', sans-serif !important;color:var(--primary-text-color);margin-bottom:30px;}
.game-overview-inner p{margin:0;font-family:'Galano Medium', sans-serif !important;color:var(--secondary-text-color);font-size:18px;}
.game-overview-inner table td{border:none !important;padding:0px;}
.game-overview-inner table{border:none !important;}
.game-overview-inner.game-gallery{}
.game-overview-inner.game-gallery img{width:100%;margin-bottom:15px;}
.game-overview-inner img{max-width:75%;}

.game-product{width:100%;float:var(--float-start);position:relative;background-color:rgba(255,255,255,0.05);padding:10px;overflow:hidden;border:1px solid transparent;margin-bottom:15px;}
.game-products{width:100%;float:var(--float-start);margin-top:30px;}
.game-product:hover .game-product-overlay{width:100%;}
.game-product:hover{border-color:var(--primary-highlight-color);}
.game-product-left{width:100%;float:var(--float-start);}
.game-product-right{width:100%;float:var(--float-start);height:100%;}
.product-icon{width:100%;float:var(--float-start);}
.product-icon img{width:100%;float:var(--float-start);}
.game-product-name{width:100%;float:var(--float-start);line-height:22px;}
.game-product-name a{font-family:'Galano Bold', sans-serif;color:var(--primary-text-color) !important;font-size:22px;}
.game-product-label{width:100%;float:var(--float-start);font-family:'Galano Regular', sans-serif;color:var(--secondary-text-color);font-style:italic;line-height:20px;margin-top:10px;font-size:16px;}
.game-product-action{
    display: flex;
    margin-inline-start:auto;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    color: var(--primary-text-color);
    font-family: 'Galano Bold', sans-serif;}
.game-product-inner{width:100%;height:100%;float:var(--float-start);position:relative;z-index:1;}
.game-product-inner .row{align-items:center;}
.game-product-overlay{background: -moz-linear-gradient(270deg, var(--primary-highlight-color) -150%, rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(270deg, var(--primary-highlight-color) -150%, rgba(0,0,0,0) 100%);
    background: linear-gradient(270deg, var(--primary-highlight-color) -150%, rgba(0,0,0,0) 100%);
    /* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#"+var(--primary-highlight-color),endColorstr="#000000",GradientType=1); */position:absolute;left:0;right:0;top:0;bottom:0;width:200%;height:100%;transition: all ease-in-out 0.3s;-webkit-transition:all ease-in-out 0.3s;-moz-transition:all ease-in-out 0.3s;}
.game-product-piece{text-align:center;-ms-user-select:none !important;-webkit-user-select:none !important;user-select:none !important;width:100%;float:var(--float-start);}
.game-product-piece small{font-family:'Galano Regular', sans-serif !important;margin-bottom:5px;width:100%;float:var(--float-start);color:var(--secondary-text-color);}
.game-product-piece input{background-color:rgba(255,255,255,0.1);color:var(--primary-text-color);outline:none !important;border:1px solid transparent;width:100%;text-align:center;-webkit-appearance:none !important;-moz-appearance:none !important;height:55px;user-select:none;-webkit-user-select:none;-moz-user-select:none;}
.game-product-piece input:focus{border-color:var(--primary-highlight-color);}
.game-product-piece-group{width:100%;float:var(--float-start);display:flex;align-items:center;position:relative;}
.game-product-piece-group button{height:35px;width:35px;border:none;outline:none !important;float:var(--float-start);background-color:rgba(0,0,0,0.2);color:#fff;}
.game-product-piece-group .piece-minus{position:absolute;left:10px}
.game-product-piece-group .piece-plus{position:absolute;right:10px}
.game-product-action-buttons{width:100%;float:var(--float-start);}
.game-product-action-buttons button{width:100%;float:var(--float-start);height:35px;border:none;outline:none;margin-top:8px;font-family:'Galano Medium', sans-serif;font-size:14px;color:#fff !important;}
.game-product-action-buttons a{width:100%;float:var(--float-start);height:35px;border:none;outline:none;margin-top:8px;font-family:'Galano Medium', sans-serif;font-size:14px;display:flex;align-items:center;justify-content:center;color:#fff !important;}
.gp-buy-button{background-color:var(--primary-highlight-color);color:#fff;}
.gp-sell-button{background-color:#f14646 !important;color:#fff;}
.game-product-price{width:100%;float:var(--float-start);font-size:18px;}
.game-product-price small{width:100%;float:var(--float-start);font-family:'Galano Regular', sans-serif;color:var(--secondary-text-color);font-size:12px;margin-top:10px;}
.game-product-price-group{width:100%;float:var(--float-start);display:flex;align-items:center;}
.game-product-price u{font-family:'Galano Medium', sans-serif;color:var(--secondary-text-color);text-decoration:line-through;margin-inline-end:15px;}
.game-product-price strong{font-family:'Galano Bold', sans-serif;color:var(--primary-text-color);font-size:20px;white-space:nowrap;}
.game-product-price span{font-family:'Galano Regular', sans-serif;background-color:#f14646;color:#fff;padding:3px 6px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;font-size:12px;margin-inline-end:15px;}

.mobile-menu-wrapper{position: absolute;
    width: 250px;
    left: 45px;
    top: 60px;
    z-index: 99;background-color:var(--secondary-color);padding:10px;}
.mobile-menu-wrapper a{width:100%;float:var(--float-start);padding:10px;font-family:'Galano Medium', sans-serif;color:var(--primary-text-color);background-color:var(--primary-color);margin-bottom:10px;}
.mobile-menu-wrapper a:last-child{margin-bottom:0px;}
.mobile-menu-container{width:100%;height:100%;position:fixed;background-color:rgba(0,0,0,0.75);left:0;top:0;right:0;bottom:0;z-index:999;padding-top:75px;padding-inline-start:45px;padding-inline-end:45px;display:none;}
.mobile-menu-container a i{font-size:26px;}
.mobile-menu-container a span{width:100%;white-space:nowrap;text-align:center;margin-top:10px;font-size:14px;color:var(--secondary-text-color);}
.mobile-menu-container a{width:calc(50% - 10px);float:var(--float-start);font-family:'Galano Regular', sans-serif;color:var(--primary-text-color) !important;margin-bottom:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px;margin-inline-start:5px;margin-inline-end:5px;background-color:var(--primary-bg);box-shadow:0px 10px 40px -20px #000;border:2px solid var(--secondary-color);cursor:pointer;z-index:1;}
.mobile-menu-container a:hover{transform:scale(1.05);}
.mobile-menu-deadzone{width:100%;height:100%;left:0;right:0;bottom:0;top:0;z-index:0;}
.mobile-menu-title{width:100%;float:var(--float-start);text-align:center;margin-top:25px;font-family:'Galano Medium', sans-serif;color:var(--primary-text-color);margin-bottom:10px;font-size:18px;}

.custom-wrapper{width:100%;float:var(--float-start);padding:50px 0;min-height:100vh;}
.notice-wrapper{width:100%;float:var(--float-start);border:1px solid rgba(255,255,255,0.2);position:relative;background-color:rgba(255,255,255,0.05);margin-bottom:50px;margin-top:25px;}
.notice-bg{width:300px;height:calc(100% + 50px);right:50px;top:-50px;position:absolute;z-index:0;}
.notice-bg img{height:100%;-webkit-user-select:none !important;user-select:none !important;-webkit-user-drag:none !important}
.notice-wrapper-dot{width:10px;height:10px;background-color:var(--primary-highlight-color);position:absolute;top:-5px;left:50px;}
.notice-content{width:66%;float:var(--float-start);padding:50px;position:relative;z-index:1;}
.notice-content strong{width:100%;float:var(--float-start);font-family:'Galano Bold', sans-serif;font-size:28px;color:var(--primary-text-color);margin-bottom:20px;}
.notice-content p{width:100%;float:var(--float-start);font-family:'Galano Regular', sans-serif;color:var(--secondary-text-color);margin:0;}
.letter-filter-container{width:100%;float:var(--float-start);position:relative;}
.letter-filter{width:100%;float:var(--float-start);font-size:14px;align-items:center;justify-content:center;-webkit-user-select:none !important;user-select:none !important;margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;}
.letter-filter .letter{font-family:'Galano Medium', sans-serif;color:var(--primary-text-color);width:auto;padding:0 10px;height:30px;text-align:center;cursor:pointer;display:flex;align-items:center;justify-content:center;float:var(--float-start);}
.letter-filter .letter.active{background-color:var(--primary-highlight-color);}
.letter-filter .letter:hover{background-color:var(--primary-highlight-color);}
.letter-filter .letter-del{font-family:'Galano Regular', sans-serif;color:var(--secondary-text-color);margin:0 5px;height:30px;display:flex;align-items:center;justify-content:center;float:var(--float-start);}

.game-list-contaner{width:100%;float:var(--float-start);padding:30px 15px;margin:20px 0;}
.game-container{width:100%;float:var(--float-start);position:relative;border:1px solid rgba(255,255,255,0.33);margin-bottom:50px;cursor:pointer;}
.game-container:hover {border-color:var(--primary-highlight-color);padding:5px;}
.game-container:hover > img{left:0px !important;top:0px !important;}
.game-container:hover > .game-name{bottom:0px;}
.game-container:hover > .game-name .inner{
    box-shadow:0px 0px 30px -3px #0192ef;-webkit-box-shadow:0px 0px 30px -3px #0192ef;-moz-box-shadow:0px 0px 30px -3px #0192ef;position:relative;left:-5px;
}
.game-container img{position:relative;left:-10px;top:-10px;width:100%;-moz-transition: all .2s;
     -o-transition: all .2s;
        transition: all .2s;-webkit-user-select:none !important;user-select:none !important;-webkit-user-drag:none !important;}
.game-container .game-name{width:100%;float:var(--float-start);display:flex;position:absolute;bottom:-10px;align-items:center;justify-content:center;-moz-transition: all .2s;
     -o-transition: all .2s;
        transition: all .2s;}
.game-container .game-name .inner{padding:3px 10px;background-color:var(--primary-highlight-color);}
.game-container .game-name .inner a{color:var(--primary-text-color) !important;font-family:'Galano Regular', sans-serif;font-size:14px;}

.game-search-container{width:60%;float:var(--float-start);display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,0.2);padding:10px;position:relative;margin-top:25px;margin-inline-start:20%;margin-inline-end:20%;}
.game-search-container input{width:100%;float:var(--float-start);background-color:transparent !important;outline:none !important;border:none !important;font-family:'Galano Regular', sans-serif;color:var(--primary-text-color);text-align:center;}
.games-page{padding-bottom:200px;}

.blog-wrapper{width:100%;float:var(--float-start);padding:50px 0;}
.blog-slider{width:100%;float:var(--float-start);margin-bottom:100px;}
.blog-slide{width:100%;float:var(--float-start);margin-inline-end:50px;}
.blog-slide .slick-prev.hidden,
.blog-slide .slick-next.hidden {
    opacity: 0;
    pointer-events:none;
}
.blog-slider .slick-list{padding-inline-start:0 !important;}
.blog-slider .slick-list.draggable{-webkit-user-select: text !important;
  -khtml-user-select: text !important;
  -moz-user-select: text !important;
  -ms-user-select: text !important;
  user-select: text !important;}
.blog-slide-image{width:100%;float:var(--float-start);position:relative;display:flex;align-items:center;z-index:0;}
.slide-arrow{position:absolute;width:50px;height:50px;background-color:#fff;display:flex;align-items:center;justify-content:center;border-radius:50px;left:-10px;cursor:pointer;z-index:1;}
.slick-current .slide-arrow{display:none;}
.blog-slide-image img{width:100%;object-fit:cover;object-position:center;}
.blog-slide-content{width:100%;float:var(--float-start);}
.blog-slide-content .created-date{width:100%;float:var(--float-start);font-family:'Galano Regular', sans-serif;color:var(--secondary-text-color);text-transform:uppercase;}
.blog-slide-content .post-title{width:100%;float:var(--float-start);margin-bottom:30px;}
.blog-slide-content .post-title h1,h2,h3,h4,h5{font-family:'Galano Medium', sans-serif !important;color:var(--primary-text-color) !important;font-size:28px !important;margin:0 !important;}
.blog-slide-content .post-desc{width:100%;float:var(--float-start);margin-bottom:30px;}
.blog-slide-content .post-desc p{margin:0;font-family:'Galano Regular', sans-serif;color:var(--secondary-text-color);font-size:14px;}
.modern-dot-wrapper{width:100%;float:var(--float-start);}
.modern-dot{width:10px;height:10px;background-color:var(--primary-text-color);margin:20px 0;}
.read-more{width:100%;float:var(--float-start);}
.read-more a{font-family:'Galano Regular', sans-serif;color:var(--primary-text-color) !important;font-size:14px;}
.read-more a i{position:relative;left:10px;-moz-transition: all .31s;
     -o-transition: all .31s;
        transition: all .31s;}
.read-more a:hover > i{left:15px;}
.absolute-category-header{min-height:200px !important;position:absolute !important;}
.position-relative{position:relative;}
.post-view{border:1px solid rgba(255,255,255,0.1);position:relative;padding:50px;margin-bottom:60px;background-color:rgba(255,255,255,0.05);}
.post-view .created-date{color:var(--primary-highlight-color);}
.post-thumbnail{width:130px;height:130px;position:absolute;right:50px;top:-30px;border:1px solid rgba(255,255,255,0.2);box-shadow:0px 0px 50px -25px #fff;}
.post-thumbnail img{width:100%;height:100%;object-fit:cover;object-position:center;}
.post-content{width:100%;float:var(--float-start);margin-top:50px;}
    .post-content img{max-width:100%;}
    .post-content p {
        font-family: 'Galano Regular', sans-serif !important;
        color: var(--secondary-text-color) !important;
        margin-bottom: 0px !important;
    }
.post-content p b{font-family:'Galano Medium', sans-serif !important;color:var(--primary-text-color) !important;}
.post-content p strong{font-family:'Galano Medium', sans-serif !important;}
.post-time{width:100%;float:var(--float-start);font-family:'Galano Regular', sans-serif;color:var(--secondary-text-color);font-style:italic;font-size:14px;position:relative;}
.blog-single{padding-bottom:300px !important;}
.blog-single .heading-wrapper{margin-bottom: 0;
    flex-direction: column !important;
    align-items: flex-start !important;}
.blog-single h1{font-family:'Galano Bold', sans-serif !important;font-size:36px;}

.contact-wrapper{width:100%;float:var(--float-start);padding-bottom:200px;}
.page-full-bg-container{width:100%;min-height:600px;position:relative;overflow:hidden;z-index:0;}
.page-full-bg{width:100%;height:100%;position:absolute;left:0;top:0;right:0;background-size:cover;background-repeat:no-repeat;background-position:center top;-webkit-filter:blur(8px);}
.page-full-bg-subject{width:100%;height:100%;position:absolute;left:0;top:0;right:0;background-size:cover;background-repeat:no-repeat;background-position:center top;}
.page-full-bg-overlay{width:100%;height:100%;position:absolute;left:0;top:0;right:0;bottom:0;background-color:rgba(0,0,0,0.5);z-index:6;display:flex;justify-content:center;align-items:center;}
.contact-header{width:100%;max-width:1400px;float:var(--float-start);height:100%;display:flex;align-items:center;padding:30px;-webkit-user-select:none !important;user-select:none !important;}
.contact-header-inner{width:100%;float:var(--float-start);position:relative;top:-50px;}
.contact-header-inner span{font-family:'Galano Regular', sans-serif;font-size:28px;width:100%;float:var(--float-start);color:var(--secondary-text-color);height:30px;line-height:30px;}
.contact-header-inner strong{font-family:'Galano Bold', sans-serif;font-size:72px;width:100%;float:var(--float-start);color:var(--primary-text-color);height:70px;line-height:70px;}
.contact-header-inner .description{margin-top:15px;font-size:14px;font-style:italic;}
.contact-card{width:100%;float:var(--float-start);display:flex;position:relative;top:-125px;box-shadow:0px 25px 30px -32px #000;-webkit-box-shadow:0px 25px 30px -32px #000;-moz-box-shadow:0px 25px 30px -32px #000;}
.contact-card-map{width:40%;float:var(--float-start);}
.contact-card-map img{width:100%;max-height:450px;height:100%;object-fit:cover;object-position:center;}
.contact-card-content{width:60%;float:var(--float-start);padding:40px;background-color:var(--primary-color);}
.contact-card-content .address-title{width:100%;float:var(--float-start);font-family:'Galano Bold', sans-serif;color:var(--primary-text-color);font-size:36px;margin-bottom:15px;}
.contact-card-content .address-description{width:100%;float:var(--float-start);font-family:'Galano Regular', sans-serif;color:var(--secondary-text-color);font-size:18px;margin-bottom:25px;}
.contact-card-content .address-description a{color:var(--primary-highlight-color);}
.contact-card-content .address-description small{width:100%;float:var(--float-start);}

.error-page-wrapper{width:100%;float:var(--float-start);position:relative;min-height:100%;padding:50px;padding-bottom:150px;}
#form-notice{width: 100%;
             float:var(--float-start);
    font-family: 'Galano Regular', sans-serif;
    color: #fff;
    text-align: center;margin:0;}
#form-notice i{    font-size: 60px;
    color: green;
    margin-bottom: 15px;width:100%;float:var(--float-start);}

.quantityinput{
    background-color: var(--secondary-color);
    border: 1px solid transparent;
    outline:none !important;
    padding: 10px;
    text-align: center;
    color: var(--primary-text-color);
    font-family: 'Galano Bold', sans-serif;
    width: 100px;
    margin-top: 10px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;
}
.quantityinput:focus{border-color:var(--primary-highlight-color) !important;}

.chat-not-logged-container {
    width: 100%;
    position: absolute;
    top:0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 20px;
    text-align: center;
    -webkit-user-select: none !important;
    -webkit-user-drag: none !important;
    user-select: none !important;
    height:420px;
    margin-top:auto;
}
.chat-not-logged-content {
    width: 85%;
    height: 100%;
    position: relative;
    margin: 0 auto;
}
    .chat-not-logged-content img {
        width: 75%;
        -webkit-user-select: none !important;
        -webkit-user-drag: none !important;
        user-select: none !important;
    }
.chat-not-logged-content b{font-family:'Galano Bold', sans-serif;color:var(--primary-text-color);font-size:20px;width:100%;float:var(--float-start);margin-top:15px;}
    .chat-not-logged-content span {
        font-family: 'Galano Regular', sans-serif;
        color: var(--secondary-text-color);
        font-size: 16px;width:100%;float:var(--float-start);
    }
.cnlc-buttons{width:100%;float:var(--float-start);justify-items:center;align-items:center;display:flex;flex-direction:column;}
    .cnlc-buttons a {
        font-size: 14px !important;
        width: auto;
        border-radius: 5px;
        padding: 5px 20px;
        margin-top:15px;
    }

#stranger-is-blocked{display:none;color:#f14646;}
.chat-blocked-user {
    color: #f14646 !important;
    display: none !important;
}
.deleted-chat{display:none;}
.chat-right-context {
    position: absolute;
    right: 0;
    width: 100px;
    height: 100%;
    display: flex;
    align-items: center;
    padding: 0 15px;
    padding-inline-start: 0;
    color: #f14646;
    justify-content: flex-end;
    display: none;
    font-size: 24px;
    background: rgb(0,0,0);
    background: -moz-linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(255,255,255,0.1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(255,255,255,0.1) 100%);
    background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(255,255,255,0.1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#ffffff",GradientType=1);
}
html[dir="rtl"] .chat-right-context {
    right: auto;
    left: 0;
    background: -moz-linear-gradient(270deg, rgba(0,0,0,0) 0%, rgba(255,255,255,0.1) 100%);
    background: -webkit-linear-gradient(270deg, rgba(0,0,0,0) 0%, rgba(255,255,255,0.1) 100%);
    background: linear-gradient(270deg, rgba(0,0,0,0) 0%, rgba(255,255,255,0.1) 100%);
}
.chat-right-context-action {
    position: relative;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
    .chat-right-context-action:hover{font-size:30px !important;color:#fff;}
    .chat-right-context i {
        margin-inline-end: 5px;
    }

    .chat-right-context div{display:flex;align-items:center;}

    .chat-blocked-user.is-blocked {
        display: unset !important;
    }

.chat-security-warning {
    width: 100%;
    height: auto;
    padding: 15px;
    background-color: var(--secondary-color);
    float:var(--float-start);
    border: 1px solid var(--primary-color);
    border-inline-start: none;
    position:relative;
    border-inline-end: none;
}

.chat-security-warning-inner p {
    font-family: 'Galano Regular', sans-serif;
    color: var(--primary-text-color);
    font-size: 12px;
    margin: 0;
    width: calc(100% - 55px);
    padding-inline-end:30px;
    float:var(--float-end);
}
.chat-security-warning-icon {
    width: 40px;
    float:var(--float-start);
    color: orange;
    font-size: 32px;
    text-align: center;
}

.close-csw-button {
    position: absolute;
    right: 0px;
    top: 0px;
    color: #fff;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    cursor:pointer;
}
html[dir="rtl"] .close-csw-button {
    right: auto;
    left: 0;
}

.close-csw-button:hover{font-size:22px;}

.drop-overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: rgba(0,0,0,0.66);
    z-index: 9999;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 30px;
    border: 5px dashed var(--primary-color);
    border-inline-end:none;
    display:none;
}

.drop-hover .drop-overlay{display:flex;}

.drop-inner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.drop-inner i {
    font-size: 50px;
    margin-bottom:15px;
    color:var(--primary-text-color);
}

.reply-progress {
    position: absolute;
    width: 0%;
    height: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-color: rgb(0,0,0,0.3);
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.chat_file {
    display:flex;
}

.chat_file_icon {
    display: flex;
    align-items: center;
    float:var(--float-start);
    flex-direction: column;
    margin-inline-end:10px;
}

    .chat_file_icon i{font-size:40px;}

    .chat_file_icon span {
        color: var(--secondary-text-color);
        font-family: 'Galano Regular', sans-serif;
        font-size: 12px;
    }

.chat_file_name {
    float:var(--float-start);
    font-size: 14px;
    display: flex;
    align-items: center;
}

    .chat_file_name a{color:var(--primary-text-color) !important;text-decoration:underline !important;}
.add-attachment-container {
    position: absolute;
    color: var(--primary-text-color);
    height: 50px;
    align-items: center;
    right: 75px;
    width: 45px;
    display:none;
}

    .add-attachment-container label {
        font-size: 20px;
        margin: 0;
        width: 100%;
        height: 50px;
        text-align: center;
        line-height: 50px;
        cursor: pointer !important;
    }

        .add-attachment-container label:hover{
            font-size:25px;
        }

        .drop-inner span {
            font-size: 20px;
            font-family: 'Galano Regular',sans-serif;
            color: var(--primary-text-color);
            width: 100%;
            text-align: center;
        }

.slide-previews {
    position: absolute;
    right: 100px;
    top: -50px;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.slide-preview {
    width: 75px;
    height: 75px;
    overflow: hidden;
    border-radius: 100px;
    background-color: var(--secondary-color);
    margin: 10px 0;
    -moz-transition: all .31s;
    -o-transition: all .31s;
    transition: all .31s;
    cursor: pointer;
    position: relative;
    border: 3px solid transparent;
    box-shadow: 0px 0px 50px -20px #000;
    -webkit-box-shadow: 0px 0px 50px -20px #000;
    -moz-box-shadow: 0px 0px 50px -20px #000;
}

    .slide-preview:hover {
        width: 100px;
        height: 100px;
    }

    .slide-preview.active {
        width: 100px;
        height: 100px;
        border-color: var(--primary-text-color);
        animation: pulse2 1s infinite;
    }

    .slide-preview img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        border-radius: 100px;
    }

    .slide-navigation{width:40px;height:calc(100% - 200px);position:absolute;display:flex;align-items:center;justify-content:center;font-size:40px;color:var(--secondary-text-color);z-index:1;cursor:pointer;display:none;}
        .slide-navigation.slide-left {
            left: 0;
        }
    .slide-navigation.slide-right{right:0;}


    .flash {
        animation: flash 500ms ease infinite alternate;
    }

.np-product-details-content {
    width: 100%;
    float:var(--float-start);
    margin-bottom:30px;
}
.np-product-details{
    width:100%;float:var(--float-start);
}
.np-product-details h1{font-family:'Galano Medium', sans-serif;color:var(--primary-text-color);margin:0;float:var(--float-start);font-size:32px !important;text-align:var(--ta-start);}
.np-product-ratings{width:100%;float:var(--float-start);cursor:pointer;}
.np-product-rating-label {
    font-family: 'Galano Regular', sans-serif;
    color: var(--secondary-text-color);font-size:14px;margin-inline-end:8px;
}
.np-product-details .stars{color:var(--secondary-text-color);font-size:14px;}
.np-product-details .stars .fa-star{color:yellow !important;}
.category-breadcrumb .stars {
    color: var(--secondary-text-color);
    font-size: 14px;
}

    .category-breadcrumb .stars .fa-star {
        color: yellow !important;
    }
.np-product-rating-tc{font-family:'Galano Bold', sans-serif;color:var(--secondary-text-color);font-size:12px;margin-inline-start:3px;}
.np-product-content{width:100%;float:var(--float-start);margin-top:20px;}
    .np-product-content p{font-family:'Galano Regular', sans-serif;color:var(--primary-text-color);}

.np-product-content-label{width:100%;float:var(--float-start);font-family:'Galano Regular', sans-serif;color:var(--secondary-text-color);font-size:16px;margin-bottom:10px;}

.np-product-details-content .sale-image-container img{max-width:80% !important;max-height:80% !important;}

.product-single {
    width: 100%;
    float:var(--float-start);
    padding-top: 50px;
    padding-bottom:500px;
    position:relative;
    z-index:2;
}

    .product-single .gp-sell-button{font-size:14px !important;}

    .product-single .sale-tabs-container {
        background-color: rgba(255,255,255,0.05)
    }

    .more-info {
        width: 100%;
        float:var(--float-start);
        text-align: var(--ta-end);
        font-family: 'Galano Regular', sans-serif;
        color: var(--secondary-text-color);
        font-size: 14px;
        margin-top: 8px;
        text-align:var(--ta-start);
    }

.more-info a{color:var(--primary-highlight-color) !important;text-decoration:none !important;}

.more-price {
    font-size: 15px;
    color: #ffffff;
    display: flex;
    align-items: center;
    font-family: 'Galano Regular', sans-serif;
    justify-content: center;
    margin-inline-start: 15px;
    padding: 3px 15px;
    border-radius: 50px;
    border: 1px dashed var(--primary-highlight-color);
    clear: both;
    cursor: pointer;
}

.product-options{width:100%;float:var(--float-start);margin-bottom:30px;}
.product-option {
    padding: 5px;
    padding-inline-end: 10px;
    font-family: 'Galano Medium', sans-serif;
    font-size: 16px;
    color: var(--secondary-text-color);
    float:var(--float-start);
    margin-inline-end: 10px;
    border: 1px solid transparent;
    cursor: pointer;
    user-select: none !important;
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    background-color: rgba(255,255,255,0.05);
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    -moz-transition: all .31s;
    -o-transition: all .31s;
    transition: all .31s;
}
    .product-option:hover{transform:scale(1.1);}
    .product-option.active {
        background-color: var(--primary-highlight-color);
        color: var(--primary-text-color) !important;
    }

.product-option-image{max-width:40px;float:var(--float-start);height:40px;position:relative;margin-inline-end:10px;display:flex;justify-content:center;align-items:center;}
.product-option-image img{max-height:30px;height:100%;}

.product-option-details{display:flex;flex-direction:column;}
.product-option-name{width:100%;float:var(--float-start);}
    .product-option-name a {
        font-family: 'Galano Medium', sans-serif;
        font-size: 14px;
        color:var(--primary-text-color) !important;
    }
.product-option-region{width:100%;float:var(--float-start);font-size:12px;}
.product-option-region img{max-width:20px;}
.product-option-price {
    width: 100%;
    float:var(--float-start);
    font-family: 'Galano Regular', sans-serif;
    font-size: 12px;
}

.product-tab-content{width:100%;float:var(--float-start);margin-top:20px;font-family:'Galano Regular', sans-serif;color:var(--secondary-text-color);}

.other-suppliers{width:100%;float:var(--float-start);}
.supplier {
    padding:10px;
    cursor:pointer;
    width: 100%;
    float:var(--float-start);
    margin-bottom:5px;
    border:1px solid transparent;
    background: var(--secondary-color);
    background: -moz-radial-gradient(circle, var(--secondary-color) 0%, transparent 100%);
    background: -webkit-radial-gradient(circle, var(--secondary-color) 0%, transparent 100%);
    background: radial-gradient(circle, var(--secondary-color) 0%, transparent 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1a2432",endColorstr="#000",GradientType=1);
}

.main-supplier {
    background: var(--primary-text-color);
    background: -moz-radial-gradient(circle, var(--primary-highlight-color) 0%, transparent 100%);
    background: -webkit-radial-gradient(circle, var(--primary-highlight-color) 0%, transparent 100%);
    background: radial-gradient(circle, var(--primary-highlight-color) 0%, transparent 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0192ef",endColorstr="#000",GradientType=1);
}

.sp-best-price {
    padding: 3px 10px;
    font-family: 'Galano Regular', sans-serif;
    background-color: #51a351;
    color: var(--primary-text-color);
    font-size: 12px;
    margin-inline-end: 10px;
    border-radius: 20px;
    white-space: nowrap;
}

.sp-go {
    margin-top: 10px;
}
    .sp-go a {
        font-family: 'Galano Regular', sans-serif;
        font-size: 14px;
        color: var(--primary-highlight-color) !important;
        -moz-transition: all .31s;
        -o-transition: all .31s;
        transition: all .31s;
    }
.supplier:hover {
    border-color: var(--primary-highlight-color);
}
    .supplier:hover .sp-go a{
        font-size:18px;
    }
    .supplier-name {
        font-family: 'Galano Bold', sans-serif;
        color: var(--primary-text-color);
    }
.supplier-details {
    display: flex;
    height: 100%;
    padding: 0 15px;
    flex-direction: column;
    justify-content: center;
}
.supplier-price {
    display: flex;
    height: 100%;
    align-items: flex-end;
    flex-direction: column;
    justify-content: center;
}
.supplier-logo {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
    background-color: rgba(255,255,255,0.05);
}
.supplier-logo img{max-width:130px;max-height:100%;}
.sp-price {
    font-family: 'Galano Bold', sans-serif;
    color: var(--primary-text-color);
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
}
.sp-last-update{font-family:'Galano Regular', sans-serif;font-size:12px;}

.product-action-container {
    width: 100%;
    float:var(--float-start);
    text-align: var(--ta-end);
    display: flex;
    flex-direction: row-reverse;
    gap: 5px;
}
    .product-action-container a {
        font-family: 'Galano Regular', sans-serif;
        color: var(--primary-text-color) !important;
        background-color: var(--primary-highlight-color);
        padding: 10px;
        font-size: 18px;
        border: none;
        outline: none !important;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        white-space: nowrap;
        height: 58px;
    }
    .product-action-container button {
        font-family: 'Galano Regular', sans-serif;
        color: var(--primary-text-color) !important;
        background-color: var(--primary-highlight-color);
        padding: 10px;
        font-size: 18px;
        border: none;
        outline: none !important;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        white-space: nowrap;
        height: 58px;
    }

        .product-action-container button img{width:30px;margin-inline-end:10px;}

        .product-action-container a img {
            width: 30px;
            margin-inline-end: 10px;
        }

.cart-wrapper {
    width: 100%;
    float:var(--float-start);
    display: flex;
    align-items: center;
    flex-direction: column;
    position: relative;
    z-index: 1;
    border:1px solid var(--secondary-color);
}

.cart-container {
    width: 100%;
    max-width: 768px;
    float:var(--float-start);
    background-color: var(--secondary-color);
    margin-top: 30px;
    border-top: 3px solid var(--primary-highlight-color);
    border-radius: 5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    box-shadow: 0px 20px 25px -25px #000;
    -webkit-box-shadow: 0px 20px 25px -25px #000;
    -moz-box-shadow: 0px 20px 25px -25px #000;
}
    .cart-wrapper h1 {
        font-family: 'Galano Bold', sans-serif;
        color: var(--primary-text-color);
        width: 100%;
        float:var(--float-start);
        text-align: center;
    }

.cart-heading{width:100%;float:var(--float-start);display:flex;border-bottom:2px solid var(--secondary-color);padding:15px;}
.ch-icon{min-width:64px;height:64px;display:flex;align-items:center;justify-content:center;background-color:var(--primary-color);}
.ch-icon i{font-size:32px;color:var(--primary-text-color);}
.ch-content{font-family:'Galano Regular', sans-serif;font-size:18px;color:var(--primary-text-color);display:flex;padding-inline-start:15px;flex-direction:column;justify-content:center;}

.cart-content{width:100%;height:100%;float:var(--float-start);}
.not-found-product{width:100%;float:var(--float-start);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px;height:100%;}
.nfp-icon img{width:64px;}
.nfp-content{width:100%;float:var(--float-start);display:flex;align-items:center;justify-content:center;flex-direction:column;margin-top:30px;}
.nfp-content strong{font-family:'Galano Medium', sans-serif;color:var(--primary-text-color);font-size:24px;}
.nfp-content p{font-family:'Galano Regular', sans-serif;color:var(--secondary-text-color);margin-top:15px;font-size:16px;text-align:center;max-width:80%;}
    .nfp-content a.pr-button{width:100%;max-width:300px !important;}
.cart-page{padding-bottom:200px;}
    .cart-page .container-fluid{padding-inline-start:15px !important;padding-inline-end:15px !important;}
.cart-item {
    width: 100%;
    float:var(--float-start);
    padding: 15px;
    border: 1px solid var(--secondary-color);
    background-color: rgba(0,0,0,0.2);
    border-inline-start:none;border-inline-end:none;
}
    .cart-item .game-product-piece input {
        background-color: var(--secondary-color) !important;
    }
.cart-item-content {
    width: 100%;
    float:var(--float-start);
    display: flex;
    align-items: center;
    margin-bottom:20px;
}
.cart-item-icon{width:50px;}
.cart-item-icon img{width:100%;}
.cart-item-details {
    width: calc(100% - 50px);
    float:var(--float-start);
    padding: 10px;
    display: flex;
    justify-content: center;
    flex-direction: column;
}
.cart-item-name{font-family:'Galano Medium', sans-serif;font-size:16px;}
    .cart-item-name a {
        color: var(--primary-text-color) !important;
    }
.cart-item-opts{font-family:'Galano Regular', sans-serif;font-size:12px;color:var(--secondary-text-color);}

.cart-item .game-product-piece{margin:0 !important;}
.cart-item-counter {
    color: var(--secondary-text-color);
    float:var(--float-start);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-inline-end: 10px;
    flex-direction: column;
    font-family:'Galano Regular', sans-serif;
    font-size:12px;
}

    .cart-item-counter span {
        font-size: 10px;
        margin-bottom: 3px;
        font-family: 'Galano Regular', sans-serif;color:var(--secondary-text-color);
    }
    .cart-item-counter input:focus{border-color:var(--primary-highlight-color);}
    .cart-item-counter input {
        width: 40px;
        height: 30px;
        padding: 0;
        text-align: center;
        background-color: rgba(0,0,0,0.5);
        color: var(--primary-text-color);
        border: 1px solid transparent;
        outline: none !important;
        font-size: 14px;
    }
.cart-item-right {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    margin-inline-start: auto;
}
.cart-almost-done{width:100%;float:var(--float-start);font-family:'Galano Regular', sans-serif;color:var(--secondary-text-color);font-size:12px;margin-bottom:20px;}

.cart-item-price {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.ci-old-price {
    font-size: 12px;
    color: var(--secondary-text-color);
    display: flex;
    align-items: center;
    text-decoration: line-through;
}
.ci-new-price {
    color: var(--primary-text-color);
    display: flex;
    align-items: center;
}

.cf-payment-status{width:100%;float:var(--float-start);margin:10px 0;}

.cart-item-remove {
    color: #f14646;
    cursor: pointer;
    display: flex;
    align-items: center;
    margin-inline-start: auto;
    font-size:14px;
}

.cart-item-drop {
    padding: 5px;
    background-color: var(--primary-highlight-color);
    margin-inline-start: 10px;
    color: #fff;
    min-width: 30px;
    text-align: center;
    cursor: pointer;
}

.cart-summary{width:100%;float:var(--float-start);padding:30px;}
    .cart-summary textarea{width:100%;border:1px solid transparent;}
    .cart-summary .star-container{margin-bottom:10px;}
    .cart-summary textarea:focus {
        border-color: var(--primary-highlight-color);
    }
    .cart-total {
        width: 100%;
    }
.ct-label{width:100%;float:var(--float-start);font-family:'Galano Regular', sans-serif;font-size:14px;color:var(--secondary-text-color);}
.ct-amount{width:100%;font-family:'Galano Medium', sans-serif;font-size:20px;color:var(--primary-text-color);float:var(--float-start);}
.ct-total-discount{font-family:'Galano Regular', sans-serif;font-size:12px;color:#51a351;margin:5px 0;font-style:italic;float:var(--float-start);width:100%;}
.ct-total-discount strong{color:#51a351 !important;}
.order-codes {
    width: 100%;
    float:var(--float-start);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin-top:15px;
}

.order-code {
    width: auto;
    padding: 5px 15px;
    background-color: rgba(255,255,255,0.05);
    color: var(--primary-text-color);
    float:var(--float-start);
    margin-inline-end: 10px;
    margin-bottom: 10px;
    cursor: pointer;
    -moz-transition: all .31s;
    -o-transition: all .31s;
    transition: all .31s;
    border: 1px solid var(--secondary-color);
}
.order-code:hover > i {color:var(--primary-highlight-color) !important;}
.order-code i{margin-inline-start:10px;font-size:12px;color:var(--secondary-text-color);}

.cart-payment-options {
    width: 100%;
    float:var(--float-start);
    margin-bottom: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.cart-payment-option {
    width: 100%;
    display: flex;
    background-color: var(--primary-color);
    padding: 10px;
    border: 1px solid transparent;
    margin-bottom: 10px;
    align-items: center;
    cursor: pointer;
    -moz-transition: all .31s;
    -o-transition: all .31s;
    transition: all .31s;
    opacity: .66;
    -webkit-user-select:none !important;
    -moz-user-select:none !important;
    user-select:none !important;
}
.cart-checkout img{width:20px;margin-inline-end:5px;}
.cart-payment-option:hover {
    transform: scale(1.05);
    opacity: 1;
}
.cart-payment-option.active{border-color:var(--primary-highlight-color);transform:scale(1.05);opacity:1;}
.payment-option-icon{width:32px;}
.payment-option-icon img{width:28px;}
.payment-option-details{display:flex;flex-direction:column;justify-content:center;padding-inline-start:10px;}
.payment-option-name{font-family:'Galano Medium', sans-serif;color:var(--primary-text-color);font-size:14px;}
.payment-option-desc{font-family:'Galano Regular', sans-serif;color:var(--secondary-text-color);font-size:12px;}

.coupon-wrapper{width:100%;float:var(--float-start);margin:15px 0;display:flex;justify-content:flex-start;}

.use-coupon-button {
    background: none;
    outline: none;
    color: var(--primary-highlight-color);
    font-family: 'Galano Regular', sans-serif;
    font-size: 12px;
    border: 1px dashed var(--primary-highlight-color);
    padding: 1px 5px;
}

div:where(.swal2-icon).swal2-success [class^=swal2-success-line]{background-color:#51a351 !important;}
div:where(.swal2-icon).swal2-success .swal2-success-ring{border-color:#51a351 !important;}

.cf-order-notice{width:100%;float:var(--float-start);font-family:'Galano Regular', sans-serif;color:var(--secondary-text-color);font-size:14px;}

.cart-item-dropdown {
    width: 100%;
    display: none;
    overflow: hidden;
    float:var(--float-start);
    padding: 15px;
    color: var(--primary-text-color);
    background: rgb(26,36,50);
    background: -moz-linear-gradient(180deg, var(--primary-color) 0%, rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(180deg, var(--primary-color) 0%, rgba(0,0,0,0) 100%);
    background: linear-gradient(180deg, var(--primary-color) 0%, rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#"+var(--primary-color),endColorstr="#000000",GradientType=1);
}

    .cart-item-dropdown p{width:100%;float:var(--float-start);text-align:center;font-family:'Galano Regular', sans-serif;font-size:14px;margin-bottom:0;}

    .cart-item-dropped {
        border-bottom: 1px solid #000 !important;
    }

.blog-pagination-container{width:100%;float:var(--float-start);display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:wrap;margin-bottom:150px;}
.blog-pagination {
    background-color: var(--secondary-color);
    margin-inline-end: 10px;
    width: 33px;
    height: 33px;
    text-align: center;
    margin-bottom: 10px;
    -moz-transition: all .31s;
    -o-transition: all .31s;
    transition: all .31s;
    cursor:pointer;
    position:relative;
}
    .blog-pagination a {
        font-family: 'Galano Regular', sans-serif;
        color: var(--primary-text-color) !important;
        font-size: 16px;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
.blog-pagination.active{background-color:var(--primary-highlight-color);}
.blog-pagination:hover{transform:scale(1.25);}

.blog-related-post{width:100%;float:var(--float-start);margin-bottom:20px;}
.brp-thumbnail{width:100%;float:var(--float-start);margin-bottom:15px;height:150px;}
.brp-desc{width:100%;float:var(--float-start);font-family:'Galano Regular', sans-serif;font-size:12px;color:var(--secondary-text-color);margin-top:5px;}
.brp-thumbnail img{max-width:100%;height:100%;object-fit:cover;object-position:center;width:100%;}
.related-posts-list{width:100%;float:var(--float-start);}
.product-target-selector{width:100%;float:var(--float-start);display:flex;margin-bottom:20px;margin-top:20px;justify-content:center;}
.product-target {
    font-family: 'Galano Medium', sans-serif;
    font-size: 18px;
    padding: 5px 15px;
    margin: 10px;
    color: var(--primary-text-color);
    cursor: pointer;
    -moz-transition: all .31s;
    -o-transition: all .31s;
    transition: all .31s;
    display: flex;
    align-items: center;
    flex-direction: column;
    user-select: none !important;
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    width: 50%;
    background-color: rgba(255,255,255,0.05);
}
.product-target:hover{transform:scale(1.025);}
.product-target.active{background-color:var(--primary-highlight-color) !important;}
.product-prices-container{width:100%;float:var(--float-start);display:none;}
.product-target span{font-family:'Galano Medium', sans-serif;text-align:center;}
.product-target small{font-family:'Galano Regular', sans-serif;font-size:12px;text-align:center;}

.order-container{width:100%;float:var(--float-start);margin-bottom:15px;border:1px solid var(--secondary-color);padding:15px;background-color:var(--primary-color);}
    .order-attr {
        width: 100%;
        float:var(--float-start);
        margin-bottom:10px;
        border-bottom:1px solid var(--primary-color);
    }
.order-container .order-attr:last-child{border:none !important;}
.order-attr small {
    width: 100%;
    float:var(--float-start);
    font-family: 'Galano Regular', sans-serif;
    font-size: 12px;
    color: var(--secondary-text-color);
}
    .order-attr span {
        width: 100%;
        float:var(--float-start);
        font-family: 'Galano Medium', sans-serif;
        font-size: 14px;
        color: var(--primary-text-color);
    }
    .order-details{width:100%;float:var(--float-start);}
    .order-details p{font-family:'Galano Regular', sans-serif;color:var(--primary-text-color);font-size:12px;margin:0;}

.order-preview-images{width:100%;float:var(--float-start);display:flex;overflow-x:auto;margin-bottom:15px;}
.order-preview-image{float:var(--float-start);position:relative;}
.order-preview-image img {
    width: 85px;
    float:var(--float-start);
    margin-inline-end: 10px;
    margin-bottom: 10px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
    .order-preview-image span {
        position: absolute;
        left: 0;
        color: #fff;
        background-color: rgba(0,0,0,0.66);
        padding: 0px 6px;
        font-family: 'Galano Regular';
        font-size: 12px;
        border-radius: 10px;
        top: 3px;
        left: 3px;
    }
.order-total-product{font-family:'Galano Regular', sans-serif;font-style:italic;color:var(--secondary-text-color);margin-bottom:5px;float:var(--float-start);width:100%;font-size:12px;}
.order-right{width:100%;float:var(--float-start);display:flex;flex-wrap:wrap;}
.order-right a{margin-top:20px;font-size:14px;}
.order-right span{font-family:'Galano Regular', sans-serif;color:var(--secondary-text-color);font-size:12px;}
    .order-right label {
        font-size: 12px;
        font-family: 'Galano Regular', sans-serif;
        color: var(--primary-text-color);
        padding: 3px 10px;
        max-width: 150px;
        margin-inline-end:5px;margin-bottom:5px;
    }
    .order-right label strong{margin-inline-start:5px;}
    .order-state{width:100%;float:var(--float-start);}
    .order-right .order-state-text{font-family:'Galano Medium', sans-serif;font-size:14px;width:100%;float:var(--float-start);margin-top:20px;padding-top:10px;border-top:1px solid var(--primary-color);}


    .inventory-wrapper{width:100%;float:var(--float-start);position:relative;z-index:1;}
    .ii-heading{width:100%;float:var(--float-start);font-family:'Galano Regular', sans-serif;color:var(--primary-text-color);font-size:16px;margin-bottom:5px;}
.inventory-items {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(20%, 1fr));
    grid-gap: 5px;
    justify-items: center;
    align-items: center;
    margin-bottom:30px;
    position:relative;z-index:55;
    width:100%;
}
.inventory-item {
    background: rgb(0 0 0 / 25%);
    text-align: center;
    border: 3px solid rgba(255,255,255,0.05);
    width: 100%;
    position: relative;
    padding-top: 100%;
    cursor: pointer;
}

.inventory-item:hover > img{transform:scale(1.1);}

    .inventory-item img {
        -webkit-user-drag: none !important;
        user-select: none !important;
        -webkit-user-select: none !important;
        -moz-user-select: none !important;
        -moz-transition: all .31s;
        -o-transition: all .31s;
        transition: all .31s;
    }

    .inventory-item.bronze {
        border-color: #7b5f54;
        background-color: #291f1c;
    }
    .inventory-item.silver {
        border-color: #ababab;
        background-color: #434343;
    }
    .inventory-item.gold {
        border-color: #d49726;
        background-color: #5f4517;
    }
    .inventory-item.diamond {
        border-color: #36bacc;
        background-color: #0a5065;
    }

.inventory-item img{width:auto;height:auto;max-width:66%;max-height:66%;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;}
.inventory-item .ii-piece{position:absolute;bottom:0px;right:5px;color:var(--primary-text-color);font-family:'Galano Medium', sans-serif;font-size:14px;}

.showcase-container {
    width: 100%;
    height: 100%;
    float:var(--float-start);
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index:1;
    flex-direction:column;
}
.showcase.notransition{-o-transition:none !important;-moz-transition: none !important;transition:none !important;}
.showcase {
    width: 100%;
    float:var(--float-start);
    position: relative;
    height: 500px;
}
.showcase-details {
    width: 100%;
    float:var(--float-start);
    margin-bottom: 10px;
    color: var(--secondary-text-color);
    font-size: 12px;
    display: flex;
    font-family: 'Wellfleet', monospace; max-width: 290px;
    align-items: center;
    -webkit-user-select:none;
    user-select:none;
    -moz-user-select:none;
}
    .showcase-details .use-alchemy-item {
        margin-inline-start: auto;
        font-family: 'Galano Medium', sans-serif;
        color: var(--primary-text-color);
        background-color: var(--primary-highlight-color);
        padding: 1px 10px;
        border-radius: 3px;
        cursor: pointer;
        -moz-transition: all .31s;
        -o-transition: all .31s;
        transition: all .31s;
    }
.use-alchemy-item:hover{padding:1px 20px;}
.showcase img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 85%;
    left: 0;
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    -webkit-user-drag: none !important;
    user-select: none !important;
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
}
.showcase-scene-container {
    background: rgb(26,36,50);
    background: -moz-radial-gradient(circle, rgba(26,36,50,1) 0%, rgba(255,255,255,0) 100%);
    background: -webkit-radial-gradient(circle, rgba(26,36,50,1) 0%, rgba(255,255,255,0) 100%);
    background: radial-gradient(circle, rgba(26,36,50,1) 0%, rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1a2432",endColorstr="#ffffff",GradientType=1);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    z-index:0;
}

.inventory-item-details-container{width:100%;float:var(--float-start);position:relative;}
.inventory-item-details{width:100%;float:var(--float-start);}
.ii-name {
    color: var(--primary-text-color);
    font-size: 24px;
    margin-bottom: 24px;
    font-family: 'Wellfleet', monospace;
    font-weight:bold;
}
.ii-desc {
    width: 100%;
    float:var(--float-start);
    color: var(--secondary-text-color);
    font-size: 18px;
    font-family: 'Wellfleet', monospace;
    font-style:italic;
}

.crystal-divider{width:311px;height:30px;float:var(--float-start);background-image:url('https://cdn.plyr.com/Content/images/icons/crystal-divider.png');background-repeat:no-repeat;}

.merger-wrapper {
    width: 100%;
    float:var(--float-start);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.merger-container{width:100%;float:var(--float-start);position:relative;margin:30px 0px;}
.merger-slot{width:120px;height:79px;margin-inline-start:5px;margin-inline-end:5px;position:relative;}
    .merger-slot img {
        -webkit-user-select: none !important;
        user-select: none !important;
        -moz-user-select: none !important;
        -webkit-user-drag: none !important;
        clear:both;
    }
    .merger-slot.full {
        cursor: pointer;
    }
    .merger-slot.full .crystal-frame {
        opacity:1;
    }
    .merger-slot.full:hover > .remove-material{display:flex;}
    .merger-slot .crystal-frame {
        width: 120px;
        height: 79px;
        opacity: 0.5;
    }
.merger-container{display:flex;flex-direction:row;justify-content:center;}
.alchemy-item{width:auto;height:auto;max-width:100%;max-height:65%;position:absolute;left:0;right:0;bottom:0;top:0;margin:auto;}
.remove-material {
    color: var(--primary-text-color);
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    font-size: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 5;
    background: rgb(241,70,70);
    background: -moz-radial-gradient(circle, rgba(241,70,70,0.6) 0%, rgba(255,255,255,0) 50%);
    background: -webkit-radial-gradient(circle, rgba(241,70,70,0.6) 0%, rgba(255,255,255,0) 50%);
    background: radial-gradient(circle, rgba(241,70,70,0.6) 0%, rgba(255,255,255,0) 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f14646",endColorstr="#ffffff",GradientType=1);
    display: none;
    text-shadow: 2px 1px #000000;
}

/*
    new version of game overview start
*/

.game-header {
    width: 100%;
    float:var(--float-start);
    display: flex;
    margin-top:35px;
    margin-bottom:35px;
}
.game-overview-icon{width:96px;height:96px;margin-inline-end:15px;position:relative;}
.game-overview-icon img{width:100%;height:100%;object-fit:contain;object-position:center;}
.game-overview-details{display:flex;flex-direction:column;justify-content:center;}
.game-overview-name{width:100%;float:var(--float-start);}
    .game-overview-name h1 {
        font-family: 'Galano Bold', sans-serif;
        color: var(--primary-text-color);
        font-size: 22px;
        margin:0;
    }
.game-overview-extended{width:100%;float:var(--float-start);font-family:'Galano Regular', sans-serif;color:var(--secondary-text-color);font-size:16px;}
.go-menu-wrapper {
    width: 100%;
    height: 65px;
    float:var(--float-start);
    position: relative;
    z-index: 2;
    margin-top:-63px;
}
.go-new-wrapper {
    background-color: var(--primary-bg);
}
    .go-new-wrapper .category-breadcrumb h1 {
        font-family: 'Galano Bold', sans-serif;
        font-size: 22px;
        color: var(--primary-text-color);
        margin-bottom: 0px;
    }
    .dutty-h1{font-family:'Galano Bold', sans-serif;font-size:30px;color:var(--primary-text-color);margin-bottom:0px;word-break:break-word;}
    .go-menu {
        width: 100%;
        float:var(--float-start);
        position: relative;
        height: 65px;
        overflow: hidden;
    }
    .go-menu ul {
        list-style: none;
        width: 100%;
        padding: 0;
        margin: 0;
        position: absolute;
        height: 100%;
        display: flex;
        flex-direction: row;
        align-items: flex-end;
    }

        .go-menu ul li {
            display: inline-flex;
            width: 33.33%;
            float:var(--float-start);
            justify-content: center;
            color: var(--primary-text-color);
            height: 55px;
            align-items: center;
            font-family: 'Galano Medium', sans-serif;
            cursor: pointer;
            -moz-transition: all .31s;
            -o-transition: all .31s;
            transition: all .31s;
            user-select:none !important;
            -webkit-user-select:none !important;
            -moz-user-select:none !important;
        }

            .go-menu ul li i {
                margin-inline-end: 8px;
                font-size: 20px;
                -moz-transition: all .31s;
                -o-transition: all .31s;
                transition: all .31s;
            }

            .go-menu ul li a {
                font-family: 'Galano Medium', sans-serif;
                color: var(--primary-text-color) !important;
            }

            .go-menu ul li:not(.active):hover {
                font-size: 18px;
            }

                .go-menu ul li:not(.active):hover i{font-size:26px;}

                .go-menu ul li.active {
                    background-color: #0f141a;
                    border-top-right-radius: 10px;
                    border-top-left-radius: 10px;
                    box-shadow: 0px -2px 18px -16px var(--primary-highlight-color);
                    -webkit-box-shadow: 0px -2px 18px -16px var(--primary-highlight-color);
                    -moz-box-shadow: 0px -2px 18px -16px var(--primary-highlight-color);
                }

.go-content{display:none;font-family:'Galano Regular', sans-serif;color:var(--secondary-text-color);}
.go-content.active{display:unset;}

.go-content-wrapper {
    width: 100%;
    float:var(--float-start);
    padding: 30px 0;
    min-height:100vh;
}

.go-products-wrapper{width:100%;float:var(--float-start);position:relative;}
.go-products{width:100%;float:var(--float-start);padding-bottom:50px;margin-top:15px;}
.go-product{width:100%;float:var(--float-start);margin-bottom:30px;background-color:var(--primary-color);border-radius:10px;overflow:hidden;}

    .go-flare{opacity:0.66;pointer-events:none !important;}

    .go-product:hover .go-flare {
        animation-direction: reverse;
        animation: rotateAnimation 22s linear infinite;
    }

.dutty-game-container:hover .go-flare {
    animation-direction: reverse;
    animation: rotateAnimation 22s linear infinite;
}

.dutty-game-container:hover .go-fpic {
    animation: pulseScale2 1s linear infinite;
    opacity: 0.88;
    -moz-transition: all .31s;
    -o-transition: all .31s;
    transition: all .31s;
}

.go-fpic{max-height:100px;}
.go-product:hover .go-fpic {
    animation: pulseScale2 1s linear infinite;
    opacity: 0.88;
    -moz-transition: all .31s;
    -o-transition: all .31s;
    transition: all .31s;
}

    .go-product-image-wrapper {
        width: 100%;
        float:var(--float-start);
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        overflow: hidden;
        min-height: 180px;
        border-bottom-left-radius: 15px;
        border-bottom-right-radius: 15px;
        -webkit-border-bottom-left-radius: 15px;
        -webkit-border-bottom-right-radius: 15px;
        -moz-border-radius-bottomleft: 15px;
        -moz-border-radius-bottomright: 15px;
        cursor: pointer;
        background-color:var(--secondary-color);
    }

.go-product-image-wrapper img {
    object-fit: contain;
    position:relative;
    z-index:1;
}

.go-product-shine {
    width: 100%;
    height: 100%;
    position:absolute;
    top:0;
    left:0;
    right:0;bottom:0;
    display:flex;justify-content:center;align-items:center;
    -webkit-user-drag:none !important;
    user-select:none !important;
    -webkit-user-select:none !important;
    -moz-user-select:none !important;
    z-index:0;
}

img.go-fpic{max-width:75%;}

.go-product-shine-overlay{width:100%;height:100%;left:0;right:0;bottom:0;top:0;position:absolute;background-color:rgba(0,0,0,0.05);z-index:9999;}

.go-product-shine img {
    width: 100%;
    height: 100%;
}
.go-product-details{width:100%;float:var(--float-start);padding:15px;display:flex;align-items:center;flex-direction:column;}
.go-product-unit {
    font-family: 'Galano Medium', sans-serif;
    font-size: 18px;
    clear: both;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
    text-align: center;
    color:var(--primary-text-color);
}
.go-product-name {
    width:100%;text-align:center;margin-bottom:15px;
}
.go-product-name a{font-family:'Galano Regular', sans-serif;color:var(--secondary-text-color) !important;font-size:14px;}

.go-product-price{font-family:'Galano Bold', sans-serif;color:var(--primary-text-color);font-size:18px;}
.go-product-discount {
    position: absolute;
    right: 10px;
    top: 10px;
    padding:0 8px;
    background-color:#f14646;
    color:var(--primary-text-color);
    font-size:14px;
    font-family:'Galano Medium', sans-serif;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;
    z-index:99;
}
.go-product-info {
    position: absolute;
    right: 10px;
    font-size: 22px;
    top: 5px;
    z-index: 2;
}
html[dir="rtl"] .go-product-info {
    right: auto;
    left: 10px;
}
.go-product-info a{color:var(--secondary-text-color) !important;}
.go-product-old-price {
    font-family: 'Galano Bold', sans-serif;
    color: var(--primary-text-color);
    font-size: 14px;
    text-decoration: line-through;
    color: #f14646;
}
.go-product-price i{color:var(--primary-highlight-color) !important;}

.go-side-menu{width:100%;float:var(--float-start);background-color:var(--primary-color);border-radius:10px;margin-bottom:30px;padding-bottom:15px;}

.express-product-with-ajax{cursor:pointer !important;}





.express-warning {
    width: 100%;
    font-size: 12px;
    border: 1px solid #f93;
    padding: 10px;
    margin-bottom: 10px;
    display:none;
    color:#f93 !important;
}

.express-warning b{color:#f93 !important;}

.mfp-close {
    font-size: 36px !important;
    height: 107px !important;
    padding-inline-end: 50px !important;
}

html[dir="rtl"] .mfp-close {
    right: auto;
    left: 0;
}

.express-content {
    width: 100%;
    float:var(--float-start);
    position: relative;
}

    .express-content .col {
        padding: 0 !important;
    }

    .express-content .row {
        margin: 0 !important;
    }

.express-heading {
    width: 100%;
    float:var(--float-start);
    position: relative;
    padding: 40px 50px;
    font-family: 'Galano Bold', sans-serif;
    color: var(--primary-text-color);
    font-size: 18px;
    background: rgb(26, 36, 50);
    background: -moz-linear-gradient(180deg, var(--secondary-color) 0%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(180deg, var(--secondary-color) 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(180deg, var(--secondary-color) 0%, rgba(0, 0, 0, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#"+var(--secondary-color),endColorstr="#000000",GradientType=1);
    text-align:var(--ta-start);
}

.express-heading-smooth {
    width: 100%;
    float:var(--float-start);
    position: relative;
    padding: 25px 50px;
    font-family: 'Galano Bold', sans-serif;
    color: var(--primary-text-color);
    font-size: 32px;
}

.express-left {
    padding: 0 50px;
    width: 100%;
    float:var(--float-start);
}

.express-cart-left {
    padding: 0 50px;
    width: 100%;
    float:var(--float-start);
}

    .express-left .ac-user-inputs {
        padding: 0 !important;
        position: relative;
    }

        .express-left .ac-user-inputs input, select, textarea {
            background-color: rgba(0, 0, 0, 0.75);
            padding: 16px 30px;
            border: 1px solid transparent;
            border-radius: 0 !important;
            z-index: 1;
            position: relative;
        }

.express-summary {
    width: 100%;
    height: 100%;
    float:var(--float-start);
    padding: 30px 50px;
    background-color: rgba(0,0,0,0.66);
}

.express-flex-summary {
    width: 100%;
    height: 100%;
    float:var(--float-start);
    padding: 30px 50px;
    display: flex;
    flex-direction: column;
    background: var(--primary-color);
    background: -webkit-linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, var(--primary-color) 85%);
    background: -moz-linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, var(--primary-color) 85%);
    background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, var(--primary-color) 85%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#141C27", GradientType=1);
}

html[dir="rtl"] .express-flex-summary {
    background: -webkit-linear-gradient(270deg, rgba(0,0,0,0) 0%, var(--primary-color) 85%);
    background: -moz-linear-gradient(270deg, rgba(0,0,0,0) 0%, var(--primary-color) 85%);
    background: linear-gradient(270deg, rgba(0,0,0,0) 0%, var(--primary-color) 85%);
}

.es-section {
    width: 100%;
    float:var(--float-start);
    border-bottom: 1px solid rgba(255,255,255,0.1);
    padding-bottom: 20px;
    display:flex;flex-direction:column;
    margin-bottom:20px;
}

.es-section .ptit{font-family:'Galano Regular', sans-serif;color:var(--secondary-text-color);font-size:12px;margin-bottom:5px;text-align:var(--ta-start);}

.es-section .cart-item-content:last-child{margin:0 !important;}

.fs10{font-size:10px !important;}
.td-line-through{text-decoration:line-through;}

.es-product-name {
    display: flex;
    flex-direction: column;
    padding-inline-end: 15px;
    text-align:var(--ta-start);
}

.cart-item-price span{margin-inline-start:5px;}

.es-product-name a.pn {
    color: var(--primary-text-color) !important;
    word-break: break-word;
    font-size: 14px;
}

.es-section .es-product {
    font-family: 'Galano Medium', sans-serif;
    color: var(--primary-text-color);
    font-size: 18px;
    display: flex;
    align-items: center;
}

.es-product-icon {
    position: relative;
    width: 50px;
    height: 50px;
    background-color: rgba(255, 255, 255, 0.05);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-inline-end: 15px;
    flex-shrink:0;
}

    .es-product-icon img {
        height: auto;
        width: auto;
        max-width: 100%;
        max-height: 100%;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        position: absolute;
        margin: auto;
    }

.es-price-section {
    width: 100%;
    float:var(--float-start);
    margin-top: auto;
}

.es-ps-head {
    width: 100%;
    float:var(--float-start);
    font-family: 'Galano Regular', sans-serif;
    color: var(--secondary-text-color);
    font-size: 12px;
    margin-bottom: 15px;text-align:var(--ta-start);
}

.es-ps-price {
    width: 100%;
    float:var(--float-start);
    margin-bottom: 5px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

    .es-ps-price.total {
        margin-top: 30px;
    }

    .es-ps-price span {
        font-family: 'Galano Regular', sans-serif;
        color: var(--primary-text-color);
    }

        .es-ps-price span:last-child {
            margin-inline-start: auto;
        }

.es-action-container {
    width: 100%;
    float:var(--float-start);
    margin-top: 15px;
}

.express-payment-channels {
    express_theme width: 100%;
    float:var(--float-start);
    margin-top: 30px;
}

.epc-head {
    width: 100%;
    float:var(--float-start);
    font-family: 'Galano Regular', sans-serif;
    color: var(--secondary-text-color);
    font-size: 12px;
    text-align:var(--ta-start);
}

.payment-channels {
    width: 100%;
    float:var(--float-start);
    min-height: 500px;
    padding-bottom: 50px;
}

.payment-channel {
    width: 100%;
    float:var(--float-start);
    position: relative;
    display: flex;
    background-color: rgba(0,0,0,0.5);
    padding: 15px;
    margin-top: 10px;
    align-items: center;
    border: 1px solid transparent;
    cursor: pointer;
    -moz-transition: all .31s;
    -o-transition: all .31s;
    transition: all .31s;
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    user-select: none !important;
    flex-wrap: wrap;
}

.express-cart-container{width:100% !important;}

.payment-channel .accepted-methods {
    width: 100%;
    float:var(--float-start);
    display: flex;
    padding: 10px;
    background-color: rgba(0, 0, 0, 0.5);
    margin-top: 15px;
}

        .payment-channel .accepted-methods img {
            width: 32px;
            margin-inline-end: 10px;
        }

    .payment-channel:not(.active):hover {
        transform: scale(1.03);
    }

    .payment-channel.active {
        border-color: #fff;
    }

.pc-selected {
    width: 24px;
    height: 24px;
    font-size: 16px;
    color: #000;
    line-height: 24px;
    text-align: center;
    background-color: #fff;
    border-radius: 100px;
    display: none;
}

.payment-channel.active > .pc-selected {
    display: block;
}

.pc-icon {
    width: 50px;
    height: 50px;
    position: relative;
}

    .pc-icon img {
        width: auto;
        height: auto;
        max-width: 90%;
        max-height: 90%;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
    }

.pc-details {
    width: calc(100% - 74px);
    padding-inline-start: 15px;
}

.pc-name {
    width: 100%;
    float:var(--float-start);
    font-family: 'Galano Regular', sans-serif;
    color: var(--primary-text-color);
    display: flex;
    align-items: center;
}

    .pc-name img {
        width: 16px;
        margin-inline-start: 5px;
    }

.pc-opt {
    width: 100%;
    float:var(--float-start);
    font-family: 'Galano Regular', sans-serif;
    color: var(--secondary-text-color);
    font-size: 10px;
    margin-top: 3px;
    text-align:var(--ta-start);
}

    .pc-opt label {
        margin-bottom: 0;
        margin-inline-end: 5px;
        padding: 1px 10px;
        background-color: #5b5b5b;
        border-radius: 14px;
        color: #fff;
    }

.pr-button {
    width: 100% !important;
    left: 0 !important;
}

.ez-background-overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 0;
    opacity: 1;
}

.background-oo {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-color: var(--primary-bg);
    z-index: 1;
    opacity: 0.33;
}

.background-content {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0;
    background-size: cover;
    background-position: center;
    opacity:0.66;
}

.number-overlay {
    position: absolute;
    z-index: 0;
    font-family: 'Galano Bold', sans-serif;
    color: #fff;
    font-size: 90px;
    opacity: 0.04;
    bottom: 10px;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    transform: rotate(-2deg);
    white-space: nowrap;
    left: -25px;
}

.express-inputs {
    width: 100%;
    float:var(--float-start);
    position: relative;
}

.express-input {
    width: 100%;
    float:var(--float-start);
    padding: 15px;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    font-family: 'Galano Medium', sans-serif;
    color: var(--primary-text-color);
    font-size: 16px;
    align-items: center;
    cursor: pointer;
    margin-bottom: 10px;
    position: relative;
    z-index: 1;
}

.express-inputs .express-input:last-child {
    margin-bottom: 0;
}

.express-input .ei-action {
    margin-inline-start: auto;
    color: var(--primary-highlight-color);
    font-family: 'Galano Regular', sans-serif;
    cursor: pointer;
    text-align: var(--ta-end);
    word-break: break-word;
}

.ei-action i {
    margin-inline-start: 5px;
}

.ei-action span.injected {
    color: var(--primary-text-color);
}
.modal-input {
    width: 100%;
    float:var(--float-start);
    padding: 0px 30px;
    display:flex;flex-direction:column;
    gap:10px;
}

    .modal-input input {
        width: 100%;
        float: var(--float-start);
        padding: 10px 20px;
        background-color: var(--primary-bg);
        outline: none;
        border: 1px solid var(--secondary-color);
        font-family: 'Galano Regular', sans-serif;
        color: var(--primary-text-color);
    }

    .modal-input select {
        width: 100%;
        padding: 10px 44px 10px 20px;
        background-color: var(--primary-bg);
        border: 1px solid var(--secondary-color);
        color: var(--primary-text-color);
        font-family: 'Galano Regular', sans-serif;
        outline: none;
        -webkit-appearance: none;
        appearance: none;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: right 16px center;
        background-size: 14px;
        cursor: pointer;
        margin:0 !important;
    }

        .modal-input input:focus {
            border-color: var(--primary-highlight-color);
        }

.modal-action {
    width: 100%;
    float:var(--float-start);
    padding: 20px 30px;
}

@media screen and (max-width: 768px) {
    .ajax-container {
        margin: 0 !important;
    }

    .payment-channels {
        min-height: auto !important;
    }

    .number-overlay {
        display: none;
    }
}

@media screen and (max-width: 500px) {
    .custom-wrapper{padding:20px 0;}

    .express-left {
        padding: 0 20px !important;
    }

    .express-cart-left {
        padding: 0 20px !important;
    }

    .express-heading {
        padding: 35px 20px !important;
    }

    .express-input .ei-action{font-size:14px;}

    .express-summary {
        padding: 20px !important;
        padding-bottom: 150px !important;
    }
    .express-flex-summary {
        padding: 20px !important;
    }

    .express-heading-smooth {
        padding: 20px !important;
    }

    .mfp-close {
        height: 97px !important;
    }
}





.go-side-menu-header {
    width: 100%;
    float:var(--float-start);
    padding: 10px;
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    color: var(--secondary-text-color);
    font-family: 'Galano Regular', sans-serif;
    border-radius: 15px;
    margin-bottom: 5px;
    margin-top: 5px;
}

.go-side-menu-item {
    width: 100%;
    float:var(--float-start);
    display: flex;
    flex-direction: row;
    align-items: center;
    padding:10px;
    margin-bottom:5px;
    position:relative;
    cursor:pointer;
}

    .go-side-menu-item:not(.active):hover {
        background-color: rgba(0,0,0,0.15);
    }

    .go-side-menu-item.active {
        width: 104%;
        left: -2%;
        background-color: var(--secondary-color);
        box-shadow: 0px 0px 70px -30px #000;
        -webkit-box-shadow: 0px 0px 70px -30px #000;
        -moz-box-shadow: 0px 0px 70px -30px #000
    }


.go-side-menu-item-image{min-width:32px;width:32px;height:32px;margin-inline-end:10px;overflow:hidden;align-self:flex-start;}
.go-side-menu-item-image i{font-size:30px;color:var(--secondary-text-color);}
.noradius{border-radius:0px !important;-moz-border-radius:0px !important;-webkit-border-radius: 0px !important;}
    .go-side-menu-item-image img{width:100%;height:100%;object-fit:cover;object-position:center;}
.go-side-menu-details{display:flex;flex-direction:column;}
.gsmi-attr{width:100%;float:var(--float-start);}
    .gsmi-attr small{font-family:'Galano Regular', sans-serif;display:flex;font-size:12px;margin-top:5px;color:var(--secondary-text-color);}
    .gsmi-attr a {
        font-family: 'Galano Medium',sans-serif;
        font-size: 16px;
        color: var(--primary-text-color) !important;
        text-transform:uppercase;
    }

.go-background-wrapper {
    width: 100%;
    position: absolute;
    height: 100%;
    background-size: cover;
    background-position: top;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.go-background-overlay {
    width: 100%;
    height: 100%;
    background-color: var(--secondary-color);
    position:absolute;
    opacity:0.8;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.go-head-wrapper{width:100%;float:var(--float-start);position:relative;padding:70px 0;padding-top:35px;}

.go-product .game-product-action-buttons{margin-top:15px;}
.go-product .game-product-action-buttons a {
    border-radius: 15px;
}
.go-product .game-product-action-buttons button{border-radius:15px;}
/*
    new version of game overview end
*/
@keyframes flash {
    from { opacity: 1; }	
	to { opacity: 0; }
}
.hithere {
  animation: hithere 1s ease;
}
@keyframes hithere {
  30% { transform: scale(1.2); }
  40%, 60% { transform: rotate(-20deg) scale(1.2); }
  50% { transform: rotate(20deg) scale(1.2); }
  70% { transform: rotate(0deg) scale(1.2); }
  100% { transform: scale(1); }
}
.gelatine {
  animation: gelatine 0.5s;
}
@keyframes gelatine {
  from, to { transform: scale(1, 1); }
  25% { transform: scale(0.9, 1.1); }
  50% { transform: scale(1.1, 0.9); }
  75% { transform: scale(0.95, 1.05); }
}

.fade-in-down {
  animation: fade-in-down 2s ease;
}
@keyframes fade-in-down {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes rotateAnimation {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes move_wave {
    0% {
        transform: translateX(0) translateZ(0) scaleY(1)
    }
    50% {
        transform: translateX(-25%) translateZ(0) scaleY(0.55)
    }
    100% {
        transform: translateX(-50%) translateZ(0) scaleY(1)
    }
}
.waveWrapper {
    overflow: hidden;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
}
.waveWrapperInner {
    position: absolute;
    width: 100%;
    overflow: hidden;
    height: 100%;
    bottom: -1px;
    background-image: linear-gradient(to top, #86377b 20%, #27273c 80%);
}
.bgTop {
    z-index: 15;
    opacity: 0.5;
}
.bgMiddle {
    z-index: 10;
    opacity: 0.75;
}
.bgBottom {
    z-index: 5;
}
.wave {
    position: absolute;
    left: 0;
    width: 200%;
    height: 100%;
    background-repeat: repeat no-repeat;
    background-position: 0 bottom;
    transform-origin: center bottom;
}
.waveTop {
    background-size: 50% 100px;
}
.waveAnimation .waveTop {
  animation: move-wave 3s;
   -webkit-animation: move-wave 3s;
   -webkit-animation-delay: 1s;
   animation-delay: 1s;
}
.waveMiddle {
    background-size: 50% 120px;
}
.waveAnimation .waveMiddle {
    animation: move_wave 10s linear infinite;
}
.waveBottom {
    background-size: 50% 100px;
}
.waveAnimation .waveBottom {
    animation: move_wave 15s linear infinite;
}

.bubbly-button {
  -webkit-appearance: none;
  appearance: none;
  cursor: pointer;
  position: relative;
  transition: transform ease-in 0.1s, box-shadow ease-in 0.25s;
}
.bubbly-button:before, .bubbly-button:after {
  position: absolute;
  content: "";
  display: block;
  width: 140%;
  height: 100%;
  left: -20%;
  z-index: -1000;
  transition: all ease-in-out 0.5s;
  background-repeat: no-repeat;
}
.bubbly-button:before {
  display: none;
  top: -100%;
  background-image: radial-gradient(circle, var(--primary-highlight-color) 20%, transparent 20%), radial-gradient(circle, transparent 20%, var(--primary-highlight-color) 20%, transparent 30%), radial-gradient(circle, var(--primary-highlight-color) 20%, transparent 20%), radial-gradient(circle, var(--primary-highlight-color) 20%, transparent 20%), radial-gradient(circle, transparent 10%, var(--primary-highlight-color) 15%, transparent 20%), radial-gradient(circle, var(--primary-highlight-color) 20%, transparent 20%), radial-gradient(circle, var(--primary-highlight-color) 20%, transparent 20%), radial-gradient(circle, var(--primary-highlight-color) 20%, transparent 20%), radial-gradient(circle, var(--primary-highlight-color) 20%, transparent 20%);
  background-size: 10% 10%, 20% 20%, 15% 15%, 20% 20%, 18% 18%, 10% 10%, 15% 15%, 10% 10%, 18% 18%;
}
.bubbly-button:after {
  display: none;
  bottom: -100%;
  background-image: radial-gradient(circle, var(--primary-highlight-color) 20%, transparent 20%), radial-gradient(circle, var(--primary-highlight-color) 20%, transparent 20%), radial-gradient(circle, transparent 10%, var(--primary-highlight-color) 15%, transparent 20%), radial-gradient(circle, var(--primary-highlight-color) 20%, transparent 20%), radial-gradient(circle, var(--primary-highlight-color) 20%, transparent 20%), radial-gradient(circle, var(--primary-highlight-color) 20%, transparent 20%), radial-gradient(circle, var(--primary-highlight-color) 20%, transparent 20%);
  background-size: 15% 15%, 20% 20%, 18% 18%, 20% 20%, 15% 15%, 10% 10%, 20% 20%;
}
.bubbly-button.animate:before {
  display: block;
  animation: topBubbles ease-in-out 0.75s forwards;
  z-index:9999;
}
.bubbly-button.animate:after {
  display: block;
  animation: bottomBubbles ease-in-out 0.75s forwards;
  z-index:9999;
}
.shake-animation{animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;}


.dutty-filter {
    width: 100%;
    float: var(--float-start);
}

.filter-names {
    position: absolute;
    right: 0;
    top: 0;
    padding-inline-end: 60px;
    font-size: 12px;
    color:var(--secondary-text-color);font-family:'Galano Regular', sans-serif;
    user-select:none !important;
    -webkit-user-select:none !important;
    -moz-user-select:none !important;
}
html[dir="rtl"] .filter-names {
    right: auto;
    left: 0;
}

.dutty-filter-title {
    width: 100%;
    float:var(--float-start);
    background-color: var(--primary-color);
    color: var(--primary-text-color);
    font-family: 'Galano Medium', sans-serif;
    padding: 20px
}

.dutty-filter-search {
    width: 100%;
    float:var(--float-start);
}

    .dutty-filter-search input {
        width: 100%;
        float:var(--float-start);
        background-color: var(--secondary-color);
        padding: 15px;
        border: none !important;
        outline: none !important;
        color: var(--secondary-text-color);
        font-family: 'Galano Regular', sans-serif;
    }

.dutty-filter-list {
    width: 100%;
    float:var(--float-start);
    background-color: var(--primary-color);
    padding: 10px;
}

.dutty-filter-list-item {
    width: 100%;
    float:var(--float-start);
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

    .dutty-filter-list-item:last-child {
        margin-bottom: 0 !important;
    }

    .dutty-filter-list-item img {
        width: 30px;
        height: 30px;
        object-fit: contain;
    }

    .dutty-filter-list-item a {
        width: calc(100% - 30px);
        padding-inline-start: 10px;
        color: var(--secondary-text-color);
        font-family: 'Galano Medium', sans-serif;
        font-size: 14px;
    }

.dutty-section {
    width: 100%;
    float:var(--float-start);
}

.dutty-item {
    width: 100%;
    float:var(--float-start);
    position: relative;
    border: 3px solid var(--secondary-color);
    margin-bottom: 15px;
    background-color: var(--primary-color);
    -webkit-transition: background-color ease-in-out .2s;
    transition: background-color ease-in-out .2s;
    -moz-transition: background-color ease-in-out .2s;
    will-change: background-color;
}

.dutty-item-admin-console {
    width: 100%;
    height: 0;
    position: absolute;
    z-index: 9;
    bottom: 0;
    left: 0;
    right: 0;
    background: #000000;
    background: -webkit-linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(20, 28, 39, 1) 100%);
    background: -moz-linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(20, 28, 39, 1) 100%);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(20, 28, 39, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#141C27", GradientType=0);
    transition: all 0.1s ease-out;
    opacity:0;
}

.dutty-item:hover .dutty-item-admin-console {
    height:100%;
    opacity: 1;
}

.dutty-item.has_admin:hover > .dutty-item-content{-webkit-filter:blur(6px);-moz-filter:blur(6px);filter:blur(6px);}

.dutty-item-ac-items {
    position: absolute;
    bottom: 0;
    padding: 15px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.dutty-item-ac-item {
    width: 100%;
    padding: 5px 10px;
    background-color: var(--primary-color);
    margin-top: 6px;
    border: 1px solid var(--secondary-color);
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Galano Regular', sans-serif;
    color: var(--primary-text-color);
    text-decoration: none !important;
    font-size:14px;
    cursor:pointer;
}

.dutty-item-ac-item:hover{background-color:var(--secondary-color);}

.dutty-item-ac-item a{font-family:'Galano Regular', sans-serif;color:var(--primary-text-color);text-decoration:none !important;}
.dutty-item-ac-item i{margin-inline-end:6px;}

.dutty-item-console {
    width: 100%;
    float:var(--float-start);
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid rgba(255,255,255,0.1);
}

.dutty-item-label {
    width: 100%;
    height: 25px;
    position: absolute;
    top: -25px;
    color: #fff;
    z-index: 3;
    font-family: 'Galano Medium', sans-serif;
    text-align: center;
    font-size: 14px;
}

.dutty-sale-store-actions {
    width: 100%;
    float:var(--float-start);
    display: flex;
    align-items: center;
    justify-content: center;
}
.dutty-sale-store-stickers {
    width: 100%;
    float:var(--float-start);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
    flex-wrap:wrap;
}

.dutty-sale-store-stickers .profile_sticker{
    flex-shrink:0;
}

.li-button {
    background-color: var(--primary-color);
    color: #fff;
    border: none;
    outline: none;
    font-family: 'Galano Regular', sans-serif;
    font-size: 14px;
    padding: 8px 16px;
}

.li-button:hover{transform:scale(1.05);}

.li-button i{margin-inline-end:5px;}

.flex-end {
    align-items: flex-start !important;
}

.dutty-item:hover {
    background-color: var(--secondary-color);
}

    .dutty-item:hover .dutty-item-thumbnail-image{transform:scale(1.05);}

.dutty-item-content {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    z-index: 2;
    float:var(--float-start);
    transition: all .3s ease;
}

.dutty-item-thumbnail {
    position: relative;
    width: 100%;
    background-color: var(--primary-bg);
    overflow: hidden;
    flex-shrink:0;
}

.dutty-item-bottom{padding:15px;width:100%;height:100%;float:var(--float-start);display:flex;flex-direction:column;}

.dutty-item-thumbnail-image {
    width: 100%;
    aspect-ratio: 1/1;
    object-fit: cover;
    -webkit-transition: transform ease-in-out .2s;
    transition: transform ease-in-out .2s;
    -moz-transition: transform ease-in-out .2s;
    will-change: transform;
}

.dutty-item-thumbnail-overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0,0,0,0.33);
    filter: blur(10px);
    -moz-filter: blur(10px);
    --webkit-filter: blur(10px);
}

    .dutty-item-thumbnail-overlay img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.dutty-item-price-details {
    width: 100%;
    display: flex;
    margin-top:auto;
}

.dutty-item-price-item {
    display: flex;
    flex-direction: column;
}

    .dutty-item-price-item label {
        margin: 0 !important;
        font-family: 'Galano Regular', sans-serif;
        color: var(--secondary-text-color);
        font-size: 8px;
    }

    .dutty-item-price-item span {
        margin: 0 !important;
        font-family: 'Galano Medium', sans-serif;
        color: var(--primary-text-color);
        font-size: 18px;
        white-space: nowrap;
    }

.dipi-right {
    margin-inline-start: auto;
    text-align: var(--ta-end);
    display: flex;
    align-items: center;
    justify-content: center;
}

    .dipi-right img {
        width: 100%;
        max-width: 35px;
        cursor: pointer;
        -webkit-transition: transform ease-in-out .2s;
        transition: transform ease-in-out .2s;
        -moz-transition: transform ease-in-out .2s;
        will-change: transform;
    }
.dipi-right img:hover{transform:scale(1.1);}

.dutty-item-owner {
    width: 100%;
    display: flex;
    align-items: center;
    padding: 10px;
    background: rgb(26,36,50);
    background: -moz-linear-gradient(0deg, var(--primary-color) 33%, rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(0deg, var(--primary-color) 33%, rgba(0,0,0,0) 100%);
    background: linear-gradient(0deg, var(--primary-color) 33%, rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1a2432",endColorstr="#000000",GradientType=1);
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-transition: background-color ease-in-out .2s;
    transition: background-color ease-in-out .2s;
    -moz-transition: background-color ease-in-out .2s;
    will-change: background-color;
}

.dutty-item-owner-avatar {
    width: 30px;
    height: 30px;
    border-radius: 30px;
    --webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    overflow: hidden;
    position: relative;
    flex-shrink:0;
    background-color: var(--primary-color);
}

    .dutty-item-owner-avatar img {
        width:100%;height:100%;object-fit:cover;
        border-radius: 30px;
        --webkit-border-radius: 30px;
        -moz-border-radius: 30px;
    }

.dutty-item-owner-details {
    width: calc(100% - 24px);
    padding-inline-start: 10px;
}

.dutty-item-owner-name {
    font-family: 'Galano Regular', sans-serif;
    font-size: 12px;
    color: var(--primary-text-color);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    text-shadow:2px 2px #000;
}

    .dutty-item-owner-name a {
        font-family: 'Galano Medium', sans-serif;
        color: var(--primary-text-color) !important;
    }

    .dutty-item-owner-name.small {
        font-size: 10px;
    }

.dutty-item-bg {
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 0.25;
    filter: blur(10px);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 1;
    left:0;right:0;bottom:0;top:0;
}

.dutty-item-name {
    width: 100%;
    float:var(--float-start);
    margin-bottom: 5px;
}

.dutty-item-cat {
    width: 100%;
    float:var(--float-start);
    font-size: 11px;
    margin-bottom: 5px;
}
.dutty-item-cat i{
    margin-inline-end: 5px;
    font-size:18px;
}

    .dutty-item-cat a {
        display: flex;
        font-family: 'Galano Regular', sans-serif;
        color: var(--secondary-text-color);
        align-items: center;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .dutty-item-name a {
        width: 100%;
        float:var(--float-start);
        font-family: 'Galano Medium', sans-serif;
        color: var(--primary-text-color) !important;
        font-size: 14px;
        max-height: 40px;
        line-height: 20px;
        text-overflow: ellipsis;
        overflow: hidden;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        word-break: break-all;
        display: -webkit-box;
    }

.dutty-item-spec {
    width: 100%;
    float:var(--float-start);
    font-size: 12px;
    color: var(--secondary-text-color);
    margin-bottom: 15px;
}
.dutty-item-spec span{width:100%;float:var(--float-start);}

.dutty-category-wrapper{width:100%;min-height:1000px;float:var(--float-start);background-color:var(--primary-bg);}
.dutty-category-header{width:100%;height:220px;float:var(--float-start);position:relative;display:flex;align-items:center;}
.dutty-category-header .game-header{margin-top:0;}
.dutty-category-hb {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-repeat: no-repeat;
    background-position: top;
    z-index: 0;
    background-size: cover;
    overflow:hidden;
}
.dutty-category-hb-image{width:100%;height:100%;position:absolute;left:0;right:0;bottom:0;top:0;overflow:hidden;filter:blur(8px);-webkit-filter:blur(8px);-moz-filter:blur(8px);}
.dutty-category-hb-image img{width:100%;height:100%;object-fit:cover;object-position:center;}
.nofilter{filter:none !important;}

.dutty-category-hb-overlay {
    width: 100%;
    height: 100%;
    background-color: var(--secondary-color);
    position: absolute;
    opacity: 0.8;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
}

.dutty-category-flex{max-width:1400px;width:100%;display:flex;padding-top:15px;}
.dutty-category-article {
    position: relative;
    width: 100%;
    float:var(--float-start);
    background-color: var(--primary-color);
    padding: 30px;
    color: var(--secondary-text-color);
    border: 1px solid var(--secondary-color);
    margin-bottom: 100px;
    font-family: 'Galano Regular', sans-serif;
    max-height: 500px;
    overflow: hidden;
}

.dutty-category-article img{max-width:100%;}

.dutty-category-main-content{width:100%;float:var(--float-start);font-family:'Galano Regular', sans-serif;color:var(--secondary-text-color);}

.read-more-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, var(--primary-color), rgba(0, 0, 0, 0));
    display: flex;
    justify-content: center;
    align-items: flex-end;
    padding-bottom: 20px;
    pointer-events: none;
}

.read-more-button {
    pointer-events: auto;
    background-color: var(--secondary-color);
    color: var(--primary-text-color);
    border: 1px solid var(--primary-color);
    padding: 10px 20px;
    cursor: pointer;
    font-family: 'Galano Regular', sans-serif;
}
.dutty-category-sidebar {
    width: 250px;
    padding-inline-end: 20px;
    position: relative;
    top: -75px;
}
.dutty-category-content {
    width: calc(100% - 250px);
    position:relative;
    top:-75px;
    padding-top:75px;
}

.dutty-category-result-counter {
    width: 100%;
    float:var(--float-start);
    font-family: 'Galano Regular', sans-serif;
    color: var(--secondary-text-color);
    margin-bottom: 15px;
}

.dutty-sort-container{width:100%;float:var(--float-start);height:60px;margin-bottom:15px;position:absolute;top:0;right:0;display:flex;flex-direction:row-reverse;}
.dutty-sort {
    align-items: center;
    display: flex;
    height: 60px;
    justify-content: flex-end;
}

    .dutty-sort select {
        max-width: 200px;
        width: 100%;
        background-color: rgba(0, 0, 0, 0.33);
        margin: 0 !important;
        -webkit-appearance: none;
        -moz-appearance: none;
        text-indent: 1px;
        text-overflow: '';
    }

    .dutty-sort label{margin-inline-end:10px;font-size:20px;}

    .dutty-sort i{color:var(--primary-text-color);}

.dutty-category-st {
    width: 100%;
    float:var(--float-start);
    background-color: var(--primary-color);
    padding: 0px 20px;
    font-size: 16px;
    font-family: 'Galano Medium', sans-serif;
    height: 60px;
    line-height: 60px;
    color: var(--primary-text-color);
}
    .dutty-category-st i{color:var(--primary-highlight-color);margin-inline-end:5px;}
.dutty-category-filter-item {
    width: 100%;
    float:var(--float-start);
    background-color: var(--secondary-color);
    margin-bottom:12px;
}
.dutty-category-group {
    width: 100%;
    float:var(--float-start);
}
    .dutty-category-group:last-child{margin-bottom:0;}
    .dutty-category-fit {
        width: 100%;
        float:var(--float-start);
        font-family: 'Galano Medium', sans-serif;
        color: var(--secondary-text-color);
        padding:12px;
        font-size: 14px;
        display:flex;align-items:center;
    }
.dutty-cfi-search-toggle {
    padding: 12px;
    position: absolute;
    right: 0;
    cursor: pointer;
    -webkit-transition: all ease .3s;
    transition: all ease .3s;
    -moz-transition: all ease .3s;
}
.dutty-cfi-search-container {
    width: 100%;
    padding: 0 12px;
    margin-bottom: 5px;
    position: relative;
    display: flex;
    align-items: center;
}
    .dutty-cfi-search-container input {
        background-color: var(--primary-color);
        border: 1px solid transparent;
        padding: 5px 12px;
        width: 100%;
        outline: none;
        font-family: 'Galano Regular', sans-serif;
        color: var(--secondary-text-color);
        font-size: 16px;
        -moz-transition: background-color .3s;
        -o-transition: background-color .3s;
        transition: background-color .3s;
    }
    .dutty-cfi-search-container i {
        position: absolute;
        right: 25px;
        color: #757575;
        -moz-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
    }
    .dutty-cfi-search-container input:focus{border-color:var(--primary-highlight-color);background-color:var(--primary-bg);}
    .dutty-cfi-search-container input:focus ~ i{color:var(--primary-highlight-color);}
.dutty-cfi-search-toggle:hover{font-size:18px;}
.dutty-category-fic {
    width: 100%;
    float: var(--float-start);
}
.dutty-category-fic-main {
    display: flex;
    align-items: center;
    width:100%;
}
.dutty-category-main-list {
    padding: 0;
    margin: 0;
    list-style: none;
    border: none;
}
.dutty-category-fic-dd .dropdown {
    background-color: var(--primary-color);
    border: 1px solid var(--primary-bg);
    border-inline-start:none;border-inline-end:none;
    max-height:300px;
}

.dutty-category-fic-dd.nowide{padding:12px;padding-top:0;}

.dutty-category-fic-dd .dropdown .dutty-category-ml-item {
    margin-top: 0;
}
            .dutty-category-fic-dd .dropdown .dutty-category-ml-item:last-child{margin:0;}
.dutty-category-ml-item {
    margin: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
    font-family: 'Galano Medium', sans-serif;
    color: var(--secondary-text-color);
    font-size: 12px;
    cursor: pointer;
    user-select: none !important;
    -webkit-user-select: none !important;
    -webkit-user-drag: none !important;
    padding: 8px 12px;
}

.dutty-category-ml-item .highlight {
    color:var(--primary-highlight-color);
}

.rtxt .highlight {
    color: var(--primary-highlight-color);
}

.dutty-category-ml-item:hover span {
    padding-inline-start: 5px;
    color: var(--primary-highlight-color);
}
                .dutty-category-ml-item:hover i{color:var(--primary-highlight-color);}
                .dutty-category-ml-item img {
                    width: 24px;
                    margin-inline-end: 10px;
                }
    .dutty-category-ml-item span {
        width: calc(100% - 70px);
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        -webkit-transition: all ease .3s;
        transition: all ease .3s;
        -moz-transition: all ease .3s;
    }
        .dutty-category-ml-item span a{color:var(--primary-text-color) !important;}
        .dutty-category-ml-item i {
            margin-inline-start: auto;
            font-size: 18px;
            background-color: var(--primary-color);
            width: 24px;
            height: 24px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: var(--secondary-text-color);
        }
.dutty-category-fic-dd{width:100%;display: none;}
.dd-select{display:none;}
.dd-select.visible{display:block;}

.dutty-checkbox {
    width: 24px;
    height: 24px;
    background-color: var(--primary-bg);
    margin-inline-start: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    border: 1px solid var(--secondary-color);
    flex-shrink:0;
}

.active-filters-mobile {
    width: 100%;
    float:var(--float-start);
    display: flex;
    cursor:pointer;
    flex-wrap:wrap;
}

.active-filter-mobile {
    color: #fff;
    background-color: var(--primary-color);
    padding: 8px 16px;
    border: 1px solid var(--secondary-color);
    font-family: 'Galano Regular', sans-serif;
    font-size: 14px;
    margin-inline-end: 10px;
    margin-bottom:10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.afm-name{font-size:12px;font-family:'Galano Bold', sans-serif;margin-inline-end:10px;}
.active-filter-mobile i{margin-inline-start:10px;color:#f14646;}

.afm-value img{max-width:20px;}

.dutty-checkbox-inner {
    width: 0px;
    height: 0px;
    background-color: var(--primary-highlight-color);
    transition: all ease .1s;
    border-radius: 2px;
}

.dutty-checkbox.checked .dutty-checkbox-inner{width:10px;height:10px}
.dutty-category-in-wrapper{width:100%;float:var(--float-start);position:relative;}

.dutty-category-filter-action {
    width: 100%;
    height: 50px;
    float:var(--float-start);
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: column;
}

    .dutty-category-filter-action button {
        width: 100%;
        height: 50px;
        bottom:0;
        background-color: var(--primary-highlight-color);
        color: #fff;
        border: none;
        outline: none;
        font-family: 'Galano Medium', sans-serif;
        box-shadow: 0px 0px 50px -9px var(--primary-highlight-color);
        user-select:none !important;
        -webkit-user-select:none !important;
        -moz-user-select:none !important;
        flex-shrink:0;
    }

.dutty-category-filter-ig {
    width: 100%;
    float:var(--float-start);
    display: flex;
    padding: 0 12px;
    margin-bottom: 12px;
}

    .dutty-category-filter-ig .sep{width:12px;height:100%;flex-shrink:0}

    .dutty-category-filter-ig input {
        width: 100%;
        background-color: var(--primary-color);
        border: none;
        padding: 10px;
        font-family: 'Galano Regular', sans-serif;
        font-size: 14px;
        outline: none !important;
        border: 1px solid transparent;
        color: var(--secondary-text-color);
    }

        .dutty-category-filter-ig input:focus{border-color:var(--primary-highlight-color);}

.dutty-category-reset-filter {
    width: 100%;
    text-align: center;
    margin-top: 15px;
    float:var(--float-start);
    color: #f14646;
    font-family: 'galano Regular', sans-serif;
    font-size: 12px;
    cursor: pointer;
    -webkit-transition: all ease .3s;
    transition: all ease .3s;
    -moz-transition: all ease .3s;
    user-select: none !important;
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
}

.dutty-category-reset-filter i{margin-inline-end:5px;}

.dutty-category-reset-filter:hover{font-size:14px;}

.dutty-category-filter-option{width:100%;float:var(--float-start);padding:0 12px;display:flex;align-items:center;margin-bottom:10px;}
.dutty-category-fo-text{font-family:'Galano Regular', sans-serif;color:var(--secondary-text-color);font-size:12px;}
.dutty-category-fo-text i{margin-inline-end:5px;}
.dutty-category-fo-el {
    width: 40px;
    background-color: var(--primary-color);
    border-radius: 40px;
    margin-inline-start: auto;
    cursor: pointer;
    padding: 5px;
    border: 1px solid var(--primary-bg);
    -webkit-transition: all ease .3s;
    transition: all ease .3s;
    -moz-transition: all ease .3s;
}
.dutty-option {
    width: 12px;
    height: 12px;
    background-color: #fff;
    border-radius: 16px;
    -webkit-transition: all ease .3s;
    transition: all ease .3s;
    -moz-transition: all ease .3s;
}

.dutty-option-button.checked{background-color:var(--primary-highlight-color);}
.dutty-option-button.checked .dutty-option{margin-inline-start:16px;}
.dutty-category-m-close{display:none;}
.dutty-category-m-sidebar {
    display: none;
    width: 100%;
    position: relative;
    top: -74px;
}
.dutty-category-st-expand {
    font-size: 18px;
    position: absolute;
    color: #fff;
    height: 60px;
    display: flex;
    align-items: center;
    right: 0;
    width: 60px;
    justify-content: center;
    cursor:pointer;
}

html[dir="rtl"] .dutty-category-st-expand {
    right: auto;
    left: 0;
}

.dutty-sale-container {
    width: 100%;
    float:var(--float-start);
    background-image: url('https://cdn.plyr.com/Content/images/dutty/dutty-bg-pattern.png');
}
.dutty-sale-content {
    background-color: var(--primary-color);
    padding: 25px;
    float:var(--float-start);
    width: 100%;
    position: relative;
    border:1px solid var(--secondary-color);
}
.dutty-sale-left{width:300px;float:var(--float-start);}
.dutty-sale-right{width:calc(100% - 300px);float:var(--float-start);padding-inline-start:25px;}
.dutty-sale-gallery{width:100%;float:var(--float-start);}
.dutty-sale-g-1 {
    width: 100%;
    height: 300px;
    float:var(--float-start);
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--primary-bg);
    padding: 15px;
    border:1px solid var(--secondary-color);
    overflow:hidden;
}
    .dutty-sale-g-1 img {
        width: 100%;
        cursor: pointer;
        -webkit-transition: all ease .3s;
        transition: all ease .3s;
        -moz-transition: all ease .3s;
    }
    .dutty-sale-g-1 img:hover{transform:scale(1.1);}
.dutty-sale-inner {
    width: 100%;
    float:var(--float-start);
}

.dutty-sale-inner h2{font-family:'Galano Bold', sans-serif;color:var(--primary-text-color) !important;font-size:18px !important;margin-bottom:0px;float:var(--float-start);word-break:break-word;}
.dutty-sale-inner p{font-family:'Galano Regular', sans-serif;color:var(--secondary-text-color);font-size:14px;float:var(--float-start);word-break:break-word;}

.sale-general-info {
    width: 100%;
    float:var(--float-start);
    list-style: none;
    color: var(--secondary-text-color);
    padding: 0;
    display:inline-flex;
    font-size:14px;
    flex-wrap:wrap;
    opacity:0.66;
}

.generalinfos {
    width: 100%;
    float:var(--float-start);
    background-color: var(--primary-color);
    padding: 30px;
    margin-bottom: 15px;
    border: 1px solid var(--secondary-color);
}

.sgi-sep{color:#fff;}

.sale-general-info li{margin-inline-end:10px;}
.sale-general-info li:last-child{margin-inline-end:0;}

.dutty-sale-container .sale-attr {
    border-radius: 0 !important;
    background-color: var(--secondary-color);
    margin-inline-end: 5px !important;
    margin-top:0px !important;
}

.dutty-kr-container {
    width: 100%;
    float:var(--float-start);
    position: relative;
    top: -50px;
    display:flex;
}

.dutty-kr-left {
    width: calc(100% - 300px);
    float:var(--float-start);
    position: relative;
    padding-bottom: 300px;
}
.dutty-kr-right{width:280px;margin-inline-start:20px;float:var(--float-start);position:relative;}

.dutty-kr-right-tray {
    width: 100%;
    height: 100%;
    position: absolute;
}

.dutty-sale-tabs{width:100%;float:var(--float-start);margin-top:20px;display:flex;height:45px;align-items:center;}
.dutty-sale-tab{padding:0 15px;color:var(--secondary-text-color);font-size:14px;cursor:pointer;user-select:none;-webkit-user-select:none;}
    .dutty-sale-tab.active {
        color: var(--primary-text-color);
        height: 45px;
        display: flex;
        align-items: center;
        background-color: var(--primary-color);
        position: relative;font-size:16px;
        border:1px solid var(--secondary-color);
        border-bottom:none;
        top:2px;
        z-index:1;
    }

.dutty-sale-tab-contents{width:100%;float:var(--float-start);overflow:hidden;position:relative;}
.dutty-sale-tab-content {
    width: 100%;
    float:var(--float-start);
    padding: 30px;
    display: none;
    background-color:var(--primary-color);
    color:var(--secondary-text-color);
    border:1px solid var(--secondary-color);
}
.dutty-sale-tab-content img{max-width:100%;}
.dutty-sale-tab-content h3{font-size:16px !important;}
.dutty-sale-tab-content.active{display:block;}

.dutty-sale-actions {
    float:var(--float-start);
    position: sticky;
    top: 20px;
    width: 100%;
}

.dutty-sale-store {
    width: 100%;
    float:var(--float-start);
    padding: 25px;
    border: 1px solid transparent;
    background-color: var(--secondary-color);
    position:relative;
    overflow:hidden;
}

.dutty-sale-store-content {
    width: 100%;
    float:var(--float-start);
    position: relative;
    z-index: 2;
}

.dutty-ss-avatar-container {
    width: 100%;
    float:var(--float-start);
    height: 70px;
    display: flex;
    justify-content: center;
}

    .dutty-ss-avatar-container img {
        background-color: var(--primary-color);
        border-radius: 70px;
        position: relative;
        width: 70px;
        height: 70px;
        object-fit:cover;
        user-select:none !important;
        -webkit-user-drag:none !important;
        -webkit-user-select:none !important;
    }

.dutty-ss-details {
    width: 100%;
    float:var(--float-start);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items:center;
    margin:10px 0;
}

.dutty-ss-username {
    width: 100%;
    float:var(--float-start);
    font-family: 'Galano Medium', sans-serif;
    color: var(--primary-text-color);
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    font-size: 18px;
    margin-bottom: 10px;
}

.dutty-ss-username a{color:var(--primary-text-color) !important;}

.dutty-ss-spec {
    width: 100%;
    float:var(--float-start);
    font-family: 'Galano Regular', sans-serif;
    color: var(--secondary-text-color);
    font-size: 14px;text-align:center;
}

.dutty-sale-action {
    width: 100%;
    float:var(--float-start);
    padding: 25px;
    background-color: var(--primary-color);
    border-top: 4px dashed var(--secondary-color);
}
.dutty-sale-price{width:100%;float:var(--float-start);font-family:'Galano Bold', sans-serif;color:var(--primary-text-color);font-size:20px;display:flex;flex-direction:column;margin-bottom:20px;}
.dutty-sale-price .dutty-label{font-size:14px;font-family:'Galano Regular', sans-serif;color:var(--secondary-text-color);}
.dutty-sale-action .buy-sale {
    margin-bottom: 10px;
    box-shadow: 0px 0px 50px -9px var(--primary-highlight-color)
}
.dutty-sale-action .buy-notice {
    width: 100%;
    float:var(--float-start);
    font-family: 'Galano Regular', sans-serif;
    color: var(--secondary-text-color);
    font-size: 12px;
}

.buy-sale-price{display:none;}
.buy-sale.fixed .buy-sale-price {
    display: block;
    position: absolute;
    right: 30px;
    font-size: 16px;
    background-color: #fff;
    padding: 3px 10px;
    color: var(--primary-highlight-color);
}

.dutty-sale-action .buy-notice a {
    text-decoration: none !important;
    color: var(--primary-highlight-color) !important;
}

.contract-container {
    width: 100%;
    float:var(--float-start);
    display: flex;
    margin-bottom: 15px;
    align-items: center;
}

    .contract-container span {
        font-family: 'Galano Regular', sans-serif;
        color: #fff;
        font-size: 12px;
        padding-inline-start: 10px;
        cursor:pointer;
        user-select:none !important;
        -webkit-user-select:none !important;
        -moz-user-select:none !important;
    }
    .contract-container span a{text-decoration:none !important;color:var(--primary-highlight-color) !important;}

/* Alt küçük resimler */
.thumbnail-container {
    width:100%;float:var(--float-start);padding:10px;
}

.thumbnail-wrapper {
    width: 25%;
    aspect-ratio: 1 / 1; /* Kare oranı korur */
    float:var(--float-start);
    padding: 5px;
}

.thumbnail {
    width: 100%;
    height: 100%;
    object-fit: cover;
    background-color: var(--primary-bg);
    border: 1px solid var(--secondary-color);
    -webkit-transition: all ease .3s;
    transition: all ease .3s;
    -moz-transition: all ease .3s;
    cursor:pointer;
    will-change: transform;
}

.sale-gallery .mfp-content {
    max-width: 1000px !important;
    width:90% !important;
}

#toast-container.toast-bottom-full-width > div, #toast-container.toast-top-full-width > div{max-width:330px !important;width:100%;}
html[dir="rtl"] #toast-container {
    direction: rtl;
}
    html[dir="rtl"] #toast-container > .toast {
        text-align: right;
        padding: 15px 50px 15px 15px;
        background-position: right 15px center;
    }

    html[dir="rtl"] #toast-container > .toast-info,
    html[dir="rtl"] #toast-container > .toast-success,
    html[dir="rtl"] #toast-container > .toast-warning,
    html[dir="rtl"] #toast-container > .toast-error {
        background-position: right 15px center;
    }

    html[dir="rtl"] .toast-close-button {
        right: auto;
        left: -.3em;
        float: left;
    }

    html[dir="rtl"] #toast-container > .toast .toast-progress {
        right: 0;
        left: auto;
        transform-origin: right center;
    }

    html[dir="rtl"] #toast-container.toast-top-right,
    html[dir="rtl"] #toast-container.toast-top-end {
        right: auto;
        left: 12px;
    }

    html[dir="rtl"] #toast-container.toast-bottom-right,
    html[dir="rtl"] #toast-container.toast-bottom-end {
        right: auto;
        left: 12px;
        bottom: 12px;
    }

.stock-management{width:100%;float:var(--float-start);}

.new-user-stock {
    width: 100%;
    float:var(--float-start);
    background-color: var(--secondary-color);
    display: none;
    padding: 10px;
}

.add-us-bottom {
    width: 100%;
    float:var(--float-start);
    margin-top: 10px;
    display: flex;
    align-items: center;
}

.add-us-counter {
    width: 50%;
    color: #fff;
    text-align: var(--ta-start);
    font-size:14px;
    font-family:'Galano Regular', sans-serif;
    border-inline-start:3px solid var(--primary-highlight-color);
    padding-inline-start:10px;
}

.add-us-actions {
    width: 50%;
    margin-inline-start: auto;
    text-align: var(--ta-end);
}

.add-us-actions button{border:none;color:#fff;font-family:'Galano Regular', sans-serif;font-size:14px;padding:5px 15px;}

    .new-user-stock textarea {
        width: 100%;
        border-radius: 0px;
        border: 1px solid transparent;
        background-color: var(--primary-color);
        padding: 10px;
        margin-bottom: 0 !important;
    }

    .add-new-user-stock textarea:focus{border-color:var(--primary-highlight-color) !important;}
.new-user-stock p{font-size:14px !important;}
.new-user-stock span{width:100%;float:var(--float-start);font-family:'Galano Regular', sans-serif;color:var(--primary-text-color);font-size:18px;margin-bottom:15px;}

.user-stocks-header {
    width: 100%;
    float:var(--float-start);
    padding: 10px;
    position: relative;
    display: flex;
    align-items: center;
    border-bottom:1px solid var(--secondary-color);
}

.user-stock-not-found {
    width: 100%;
    float:var(--float-start);
    color: var(--secondary-text-color);
    display: none;
    padding: 7px 14px;
    padding-top: 0;
}

.user-stocks-header i {
    position: absolute;
    left: 25px;
    z-index: 2;
    color: var(--secondary-text-color);
}

    .user-stocks-header input {
        width: 100%;
        font-family: 'Galano Regular', sans-serif;
        background-color: var(--primary-color);
        border: 1px solid transparent;
        outline: none;
        padding: 7px 14px;
        color:var(--primary-text-color);
        padding-inline-start:40px;
        font-size:14px;
    }

    .user-stocks-header input:focus{border-color:var(--primary-highlight-color);}

.user-stocks {
    width: 100%;
    float:var(--float-start);
    padding: 10px;
}

.user-stock-list {
    width: 100%;
    float:var(--float-start);
    overflow-y: auto;
    max-height:500px;
}

.add-new-user-stock {
    margin-bottom: 0 !important;
    background-color: transparent !important;
    float:var(--float-start);
    padding: 7px 14px;
    display: flex;
    width: 100%;
    align-items: center;
}

.user-stock-total {
    margin-inline-start: auto;
    font-family: 'Galano Regular', sans-serif;
    color: #fff;
    font-size: 14px;
}
.add-new-user-stock .user-stock-value{color:var(--primary-highlight-color) !important;font-size:14px !important;cursor:pointer;word-break:break-all;}


.user-stock-container{width:100%;float:var(--float-start);margin-bottom:30px;background-color:var(--primary-bg);}

.user-stock-item {
    width: 100%;
    float:var(--float-start);
    display: flex;
    align-items: center;
    padding: 7px 15px;
    background-color: var(--secondary-color);
    position: relative;
    margin-bottom: 10px;
}
.user-stock-value{font-family:'Galano Regular', sans-serif;color:var(--primary-text-color);}
.user-stock-action {
    color: #f14646;
    margin-inline-start: auto;
    font-size: 18px;
}

.user-stock-action i{cursor:pointer;}

.sale-status-container {
    width: 100%;
    float:var(--float-start);
    margin-bottom: 20px;
    padding: 10px 20px;
    display: flex;
    align-items: center;
    background-color: var(--primary-color);
    border:1px solid var(--secondary-color);
}

.sale-status-icon {
    font-size: 30px;
    margin-inline-end: 10px;
}

.sale-status-text {
    color: var(--primary-text-color);
    font-size:14px;
    font-family: 'Galano Regular', sans-serif;
}

.auto-delivered-item {
    width: 100%;
    float:var(--float-start);
    position: relative;
    padding: 15px;
    border: 2px solid #0192ef;
}
.auto-delivered-text {
    width:100%;float:var(--float-start);font-family:'Galano Regular', sans-serif;font-size:14px;margin-bottom:10px;position:relative;z-index:1;
}
.auto-delivered-value {
    width: 100%;
    float:var(--float-start);
    font-family: 'Galano Medium', sans-serif;
    font-size: 16px;
    position: relative;
    z-index: 1;
    padding: 10px;
    background-color: rgba(255, 255, 255, 0.1);
}
.auto-delivered-bg {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 0;
}
.auto-delivered-bg-image {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    overflow: hidden;
    filter: blur(8px);
    -webkit-filter: blur(8px);
    -moz-filter: blur(8px);
}

    .auto-delivered-bg-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }

.auto-delivered-bg-overlay {
    width: 100%;
    height: 100%;
    background-color: #000000;
    position: absolute;
    opacity: 0.8;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
}

.system-bubble .prefix {
    width: 100%;
    float:var(--float-start);
    font-size: 12px;
    color:#f93;
}

.system-bubble .value {
    width: 100%;
    float:var(--float-start);
    margin-bottom: 15px;
}

.system-bubble .system-message-info {
    font-family: 'Galano Regular', sans-serif;
    font-size: 12px;
    float:var(--float-start);
    width: 100%;
    color: var(--primary-highlight-color);
    font-style: italic;
}

.logo-pattern-bg {
    background-image: url(https://cdn.plyr.com/Content/images/dutty/dutty-bg-pattern.png);
    background-color: var(--primary-bg);
}

.main-container {
    width: 100%;
    float:var(--float-start);
    position: relative;
    animation: main-container-fadeIn;
    animation-timing-function: ease-out;
    animation-duration: 222ms;
}
.header-container {
    width: 100%;
    float:var(--float-start);
    position: relative;
    border-bottom: 1px solid var(--secondary-color);
}
header {
    width: 100%;
    float:var(--float-start);
    background-color: var(--primary-color);
    padding: 10px 0;
}
.header-cf{max-width:1400px;}
.header-row{width:100%;float:var(--float-start);}
.header-bottom{width:100%;float:var(--float-start);background-color:var(--primary-color);padding:10px 0;}
.header-list{width:100%;float:var(--float-start);display:flex;overflow-x:auto;}
.header-list-item{margin-inline-end:20px;display:flex;align-items:center;cursor:pointer;}
    .header-list-item:hover .header-list-item-icon {
        padding:0px;background-color:transparent;
    }
    .header-list-item:hover .header-list-item-icon i {
        font-size:24px;
    }
.header-list-item-text {
    font-family: 'Galano Regular', sans-serif;
    color: var(--secondary-text-color);
    font-size:14px;
}

.tiny-scroll {
overflow: auto;
}

.tiny-scroll::-webkit-scrollbar {
    width: 3px;
}

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

.tiny-scroll::-webkit-scrollbar-thumb {
    background-color: var(--secondary-color);
    border-radius: 4px;
    opacity: 0;
    transition: opacity 0.3s;
}

.tiny-scroll:hover::-webkit-scrollbar-thumb {
    opacity: 1;
}

.tiny-scroll {
scrollbar-width: thin;
scrollbar-color: var(--secondary-color) transparent;
}


.header-list-item-text a{color:var(--secondary-text-color) !important;text-decoration:none !important;outline:none !important;white-space:nowrap;}
.header-list-item-icon {
    background-color: var(--secondary-color);
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px;
    margin-inline-end: 5px;
    -webkit-transition: all ease 0.3s;
    transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    flex-shrink:0;
}
.header-list-item-icon img{width:90%;height:90%;}
    .header-list-item-icon i {
        color: var(--primary-text-color);
        font-size: 18px;
        -webkit-transition: all ease 0.3s;
        transition: all ease 0.3s;
        -moz-transition: all ease 0.3s;
    }
.header-left {
    width: 100%;
    height: 50px;
    float:var(--float-start);
    display: flex;
    align-items: center;
}

.header-region-container {
    display: flex;
    align-items: center;
    margin-inline-start: 15px;
    height: 100%;
    cursor:pointer;
    user-select:none !important;
    -webkit-user-select:none !important;
    -webkit-user-drag:none !important;
}

.left-panel-list-item .header-region-container{margin-inline-start:0;display:flex !important;}
.hide-on-desktop{display:none !important;}

.header-region-container .region-flag {
    width: 24px;
    display: flex;
    height: 100%;
    align-items: center;
    margin-inline-end: 10px;
}
.header-region-container .region-flag img{width:100%;}
.header-region-container .region-details{display:flex;align-items:center;height:100%;}

    .header-region-container .region-name {
        color: var(--primary-text-color);
        font-family:'Galano Medium', sans-serif;
        white-space:nowrap;
        font-size:14px;margin-inline-end:5px;
    }
    .header-region-container .region-currency {
        color: var(--primary-highlight-color);
        font-family: 'Galano Regular', sans-serif;
        white-space: nowrap;
        font-size: 14px;
    }

.mobile-region-settings {
    border-top: 1px solid var(--secondary-color);
    padding: 15px 0px;
    border-bottom: 1px solid var(--secondary-color);
}

.region-settings-wrapper {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 10002;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    display: none;
}

.region-settings-flex {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.region-settings-overlay {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1;
}

.region-settings-content {
    max-width: 400px;
    background-color: var(--primary-color);
    padding: 30px;
    position: relative;
    z-index: 2;
    border: 1px solid var(--secondary-color);
    width: 100%;
    box-shadow: 0px 0px 45px -10px #000;
    -webkit-box-shadow: 0px 0px 45px -10px #000;
    -moz-box-shadow: 0px 0px 45px -10px #000;
}

    .region-settings-content span.r_title {
        font-family: 'Galano Regular', sans-serif;
        color: var(--primary-text-color);
        width: 100%;
        float:var(--float-start);
        margin-bottom: 15px;
    }

    .region-settings-content p {
        font-family: 'Galano Regular', sans-serif;
        color: var(--secondary-text-color);
        font-size: 14px;width:100%;float:var(--float-start);
    }

.region-group{width:100%;float:var(--float-start);margin-bottom:10px;}
.region-group label{font-family:'Galano Regular', sans-serif;font-size:12px;color:var(--secondary-text-color);}
.region-group select{font-family:'Galano Regular', sans-serif;font-size:16px;color:var(--primary-text-color);background-color:var(--secondary-color);border-radius:0 !important;-moz-border-radius:0 !important;-webkit-border-radius:0 !important}

.region-actions {
    width: 100%;
    float:var(--float-start);
    display: flex;
    gap:15px;
    margin-top:10px;
}

.region-actions button{width:50%;font-family:'Galano Regular', sans-serif;padding:5px 15px;border:none;}
.region-action-cancel{background-color:#f14646;outline:none !important;color:#fff !important;}
.region-action-save{background-color:var(--primary-highlight-color);outline:none !important;color:#fff;}
.region-settings-close {
    position: absolute;
    right: 30px;
    top: 20px;
    color: var(--secondary-text-color);
    font-size: 20px;
    cursor: pointer;
    -webkit-transition: transform ease-in-out .2s;
    transition: transform ease-in-out .2s;
    -moz-transition: transform ease-in-out .2s;
}
html[dir="rtl"] .region-settings-close {
    right: auto;
    left: 30px;
}
.region-settings-close:hover{transform:scale(1.25);}
.region-settings-animate {
    animation: region-panel-animation ease .33s;
}

.search-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.4);
    display: none;
    z-index: 999;
}

.search-dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    width: 300px;
    background: white;
    box-shadow: 0 4px 20px rgba(0,0,0,0.2);
    padding: 15px;
    display: none;
}

.search-section {
    margin-bottom: 15px;
}

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

.search-section ul li {
    padding: 5px 0;
    cursor: pointer;
}

.search-section ul li:hover {
    background-color: #f0f0f0;
}

.header-right{width:100%;height:50px;float:var(--float-start);display:flex;align-items:center;justify-content:flex-end;}
.header-right-mobile{display:none;}
.show-on-mobile{display:none;}
.header-item-group {
    display: flex;
    margin-inline-start: 20px;
    border-inline-start: 2px solid var(--secondary-color);
    height: 100%;
    align-items: center;
    box-shadow: var(--shadow-inline-start) 0px 5px -10px #000;
    -webkit-box-shadow: var(--shadow-inline-start) 0px 5px -10px #000;
    -moz-box-shadow: var(--shadow-inline-start) 0px 5px -10px #000;
    flex-shrink: 0;
}
.header-avatar{width:40px;height:40px;border-radius:40px;overflow:hidden;object-fit:cover;border:2px solid var(--secondary-color);background-color:var(--primary-bg);flex-shrink:0;}
.header-input-group {
    width: 100%;
    float:var(--float-start);
    display: flex;
    align-items: center;
}
.header-item {
    color: var(--primary-text-color);
    margin-inline-start: 20px;
    font-family:'Galano Regular', sans-serif;
    padding:10px 0;
    position:relative;
}
    .header-item i {
        font-size: 22px;
    }
.header-login i {
    font-size: 16px !important;
}
    .header-register i{font-size:16px !important;}
.header-item span {
    font-size: 14px;
    margin-inline-start: 10px;
    max-width: 150px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
    .header-item a {
        text-decoration: none;
        overflow: hidden;
        white-space: nowrap;
        color:var(--primary-text-color);
        display:flex;
        align-items:center;
    }
    .header-item:hover {
        color: var(--primary-highlight-color) !important;
    }

    .header-item:hover a {
        color: var(--primary-highlight-color) !important;
    }
.header-item-mobile a:hover{color:var(--primary-highlight-color) !important;}
.header-logo {
    height: 50px;
    float:var(--float-start);
    user-select: none !important;
    -webkit-user-select: none !important;
    display: flex;
    align-items: center;
    margin-inline-end:25px;
}
.header-logo img{height:50px;}
.header-search {
    float:var(--float-start);
    width: 100%;
    display: flex;
    position: relative;
    align-items: center;
    z-index: 1000;
}
    .header-input-group i {
        position: absolute;
        color: var(--secondary-text-color);
        right: 20px;
        font-size:20px;
        cursor:pointer;
        max-width:25px;
        z-index:2;
        width:40px;
        height:100%;
        display:flex;
        align-items:center;
        justify-content:center;
    }

html[dir="rtl"] .header-input-group i {
    right: auto;
    left: 10px;
}
.header-input-group input {
    background-color: var(--secondary-color);
    font-family: 'Galano Regular', sans-serif;
    color: var(--primary-text-color);
    border-radius: 0;
    outline: none;
    border: 1px solid transparent;
    padding: 10px 20px;
    padding-inline-end:50px;
    width: 100%;
}

    .header-input-group input::placeholder {
        color: var(--secondary-text-color);
    }
    .header-input-group input:placeholder-shown {
        color: var(--secondary-text-color);
    }
    .header-input-group input:focus {
        border: 1px solid var(--primary-highlight-color) !important;
    }
.header-login-button {
    padding: 8px 15px;
    background: none;
    color: var(--primary-text-color) !important;
    border: none;
    outline: none;
    border: 1px solid transparent;
    font-family: 'Galano Medium', sans-serif;
    font-size: 14px;
}
.header-register-button {
    padding: 8px 15px;
    background: none;
    color: var(--primary-text-color) !important;
    border: none;
    outline: none;
    border: 1px solid var(--primary-highlight-color);
    border-radius: 10px;
    font-family: 'Galano Medium', sans-serif;
    font-size: 14px;
}

    .mr-auto{margin-inline-start:auto;}

    .dutty-slider {
        width: 100%;
        float:var(--float-start);
        border: 1px solid var(--primary-color);
        overflow: hidden;
        box-shadow: 0 10px 30px rgba(0,0,0,0.3);
        position: relative;
        height: 450px;
        cursor: grab;
        user-select: none;
        touch-action: pan-y;
    }

.dutty-slider-action a {
    color: #fff;
    background-color: var(--primary-highlight-color);
    padding: 5px 15px;
    float: left;
    margin-top: 15px;
    border: 2px solid transparent;
    cursor: pointer;
    pointer-events: auto !important;
    font-family: 'Galano Medium', sans-serif;
    -webkit-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s;
    -moz-transition: all ease-in-out .2s;
    float:var(--float-start);
}
.dutty-slider-action a:hover{
    background-color:transparent;
    border-color:var(--primary-highlight-color);
}

        .dutty-slider.grabbing {
            cursor: grabbing;
        }

    .dutty-slider-container {
        width: 100%;
        height: 100%;
        position: relative;
    }

    .dutty-slider-item {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        overflow: hidden;
        opacity: 0;
        pointer-events: none;
        visibility: hidden;
        transition: opacity var(--transition-slow), visibility var(--transition-slow), transform var(--transition-slow);
        transform: translateX(100px);
        will-change: transform, opacity;
    }

        .dutty-slider-item.active {
            opacity: 1;
            visibility: visible;
            pointer-events: auto;
            transform: translateX(0);
            z-index: 2;
        }

        .dutty-slider-item.prev {
            transform: translateX(-100px);
            opacity: 0;
            z-index: 1;
        }

        .dutty-slider-item.next {
            transform: translateX(100px);
            z-index: 1;
        }

        .dutty-slider-item img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform var(--transition-fast);
            will-change: transform;
            pointer-events: none;
        }

    .dutty-slider-inner {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        display: flex;
        align-items: center;
        pointer-events: none;
    }

    .dutty-slider-inner-overlay {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: linear-gradient( 90deg, rgba(26, 36, 50, 1) 0%, rgba(26, 36, 50, 0.5) 50%, rgba(26, 36, 50, 0) 100% );
        z-index: 0;
        transition: background var(--transition-fast);
        will-change: background;
        pointer-events: none;
    }

    .dutty-slider-inner-content {
        width: 50%;
        height: 100%;
        padding: 50px;
        position: relative;
        z-index: 1;
        display: flex;
        flex-direction: column;
        justify-content: center;
        transition: transform var(--transition-fast);
        will-change: transform;
        pointer-events: none;
    }

    .dutty-slider-item-title {
        width: 100%;
        float:var(--float-start);
        margin-bottom: 20px;
        font-size: 32px;
        font-weight: 700;
        color: var(--primary-text-color);
        text-shadow: 0 2px 10px rgba(0,0,0,0.5);
        opacity: 0;
        transform: translateY(20px);
        transition: opacity 0.5s var(--transition-timing) 0.3s, transform 0.5s var(--transition-timing) 0.3s;
        font-family:'Galano Bold',sans-serif;
    }

    .dutty-slider-item-desc {
        width: 100%;
        float:var(--float-start);
        font-size: 16px;
        line-height: 1.6;
        font-weight: 300;
        color: var(--secondary-text-color);
        text-shadow: 0 1px 5px rgba(0,0,0,0.5);
        opacity: 0;
        transform: translateY(20px);
        transition: opacity 0.5s var(--transition-timing) 0.4s, transform 0.5s var(--transition-timing) 0.4s;
        font-family:'Galano Regular',sans-serif;
    }

    .dutty-slider-action {
        width: 100%;
        float:var(--float-start);
        opacity: 0;
        transform: translateY(20px);
        transition: opacity 0.5s var(--transition-timing) 0.4s, transform 0.5s var(--transition-timing) 0.4s;
    }


    .dutty-slider-item.active .dutty-slider-item-title,
    .dutty-slider-item.active .dutty-slider-item-desc, .dutty-slider-item.active .dutty-slider-action {
        opacity: 1;
        transform: translateY(0);
    }

    .dutty-slider-controls {
        position: absolute;
        bottom: 30px;
        left: 0;
        width: 100%;
        z-index: 10;
        padding: 0 50px;
        pointer-events: none;
    }

    .dutty-slider-arrows {
        position: absolute;
        top: 50%;
        left: 0;
        width: 100%;
        transform: translateY(-50%);
        z-index: 10;
        display: flex;
        justify-content: space-between;
        padding: 0 20px;
        pointer-events: none;
    }

    html[dir="rtl"] .dutty-slider-arrows {
        flex-direction: inherit;
    }

    html[dir="rtl"] .dutty-slider-inner-overlay{
        transform: rotate(180deg);
        -webkit-transform:rotate(180deg);
        -moz-transform:rotate(180deg);
    }

    html[dir="rtl"] .dutty-slider .arrow-prev svg,
    html[dir="rtl"] .dutty-slider .arrow-next svg {
        transform: scaleX(-1);
    }

    .arrow-prev,
    .arrow-next {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        background-color: rgba(255, 255, 255, 0.1);
        border: none;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        color: white;
        pointer-events: auto;
        transition: background-color 0.3s ease, transform 0.3s ease;
    }

        .arrow-prev:hover,
        .arrow-next:hover {
            background-color: var(--primary-highlight-color);
            transform: scale(1.1);
        }

    .dutty-slider-nav {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        gap: 10px;
        pointer-events: auto;
    }

    .slide-dots {
        display: flex;
        gap: 8px;
    }

    .dot {
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background-color: rgba(255, 255, 255, 0.3);
        cursor: pointer;
        transition: all 0.3s ease;
    }

        .dot.active {
            background-color: var(--primary-highlight-color);
            transform: scale(1.2);
        }

    .progress-container {
        width: 100px;
        height: 4px;
        background-color: rgba(255, 255, 255, 0.1);
        border-radius: 2px;
        overflow: hidden;
        margin-top: 5px;
    }

    .progress-bar {
        height: 100%;
        width: 0;
        background-color: var(--primary-highlight-color) !important;
        border-radius: 2px;
        transition: width linear;
    }

    .swipe-hint {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        color: white;
        font-size: 32px;
        opacity: 0;
        transition: opacity 0.3s ease;
        z-index: 15;
        text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
        pointer-events: none;
    }

    .dutty-slider:active .swipe-hint {
        opacity: 0.7;
    }

    .custom-cursor {
        position: fixed;
        width: 30px;
        height: 30px;
        border: 2px solid rgba(255, 255, 255, 0.7);
        border-radius: 50%;
        pointer-events: none;
        transform: translate(-50%, -50%);
        z-index: 9999;
        transition: width 0.2s ease, height 0.2s ease, opacity 0.2s ease, background-color 0.2s ease;
        mix-blend-mode: difference;
        opacity: 0;
        will-change: transform, width, height, opacity;
    }

    .dutty-slider-item:hover ~ .custom-cursor {
        width: 50px;
        height: 50px;
        background-color: rgba(255, 255, 255, 0.3);
    }

    @media (max-width: 992px) {
        .dutty-slider-inner-content {
            width: 60%;
        }
    }

    @media (max-width: 768px) {
        .dutty-slider {
            height: 400px;
        }

        .dutty-slider-inner-content {
            width: 90%;
            padding: 30px;
            margin-bottom:30px;
        }

        .dutty-slider-item-title {
            font-size: 18px;
        }

        .dutty-slider-item-desc{font-size:14px;}
        .dutty-slider-action a{font-size:14px;}

        .dutty-slider-controls {
            padding: 0 20px;
        }
        .custom-cursor{display:none;}
    }
    
    .index-slider-container{
        margin-top:20px;
    }

html[dir="rtl"] .header-input-group i {
    right: unset !important;
    height: 100%;
    display: flex;
    align-items: center;
    min-width: 40px;
    justify-content: center;
}

    .dutty-slider-card-container {
        width: 100%;
        height: 100%;
        float:var(--float-start);
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    .dutty-card {
        width: 100%;
        height: 100%;
        padding: 30px;
        background-color: var(--secondary-color);
        float:var(--float-start);
        display: flex;
        align-items: center;
        position: relative;
        overflow: hidden;
        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
        transition: all var(--transition-slow);
        cursor: pointer;
        perspective: 1000px;
        transform-style: preserve-3d;
        border:1px solid var(--primary-color);
    }

        .dutty-card.claim-daily-bonus {
            background: #141C27;
            background: -webkit-linear-gradient(105deg, rgba(20, 28, 39, 1) 30%, rgba(255, 187, 0, 1) 160%);
            background: -moz-linear-gradient(105deg, rgba(20, 28, 39, 1) 30%, rgba(255, 187, 0, 1) 160%);
            background: linear-gradient(105deg, rgba(20, 28, 39, 1) 30%, rgba(255, 187, 0, 1) 160%);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#141C27", endColorstr="#FFBB00", GradientType=1);
        }

        .dutty-card.claim-daily-bonus a {
            background-color: #FFBB00 !important;
        }

            .dutty-card.claim-daily-bonus:hover {
                border-color: #FFBB00;
            }

        .dutty-card.crystal-mine {
            background: #141C27;
            background: -webkit-linear-gradient(105deg, rgba(20, 28, 39, 1) 0%, rgba(91, 144, 241, 1) 100%);
            background: -moz-linear-gradient(105deg, rgba(20, 28, 39, 1) 0%, rgba(91, 144, 241, 1) 100%);
            background: linear-gradient(105deg, rgba(20, 28, 39, 1) 0%, rgba(91, 144, 241, 1) 100%);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#141C27", endColorstr="#5B90F1", GradientType=0);
        }

        .dutty-card.crystal-mine:hover{
            border-color:var(--primary-highlight-color);
        }

    .card-background {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-size: cover;
        background-position: center;
        opacity: 0.3;
        z-index: 0;
        transition: transform var(--transition-slow), opacity var(--transition-slow);
    }

    .dutty-card-inner {
        position: relative;
        z-index: 1;
        transform-style: preserve-3d;
        transition: transform var(--transition-slow);
        width: 100%;
    }

    .dutty-card-title {
        font-family: 'Galano Bold', sans-serif;
        text-shadow:0 2px 10px rgba(0,0,0,0.5);
        font-weight: 600;
        color: var(--primary-text-color);
        font-size: 20px;
        margin-bottom: 8px;
        transform: translateZ(20px);
        transition: transform var(--transition-slow);
        white-space:nowrap;
        text-overflow:ellipsis;
        overflow:hidden;
    }

    @media (min-width: 768px) {
        .dutty-card:hover .dutty-card-title {
            transform: translateZ(30px);
        }
        .dutty-card:hover .dutty-card-content {
            transform: translateZ(25px);
        }
        .dutty-card:hover .dutty-card-action {
            transform: translateZ(35px);
        }
        .dutty-card:hover .card-background {
            opacity: 0.5;
            transform: scale(1.05);
        }
    }

    .dutty-card-content {
        font-family: 'Galano Regular', sans-serif;
        font-weight: 400;
        text-shadow:0 2px 10px rgba(0,0,0,0.5);
        color: var(--primary-text-color);
        font-size: 16px;
        transform: translateZ(15px);
        transition: transform var(--transition-slow);
    }

    .dutty-card-action {
        margin-top: 20px;
        transform: translateZ(25px);
        transition: transform var(--transition-slow);
    }

    .dutty-card-action a {
        padding: 10px 15px;
        background-color: var(--primary-highlight-color);
        border-radius: 5px;
        color: #fff !important;
        font-family: 'Galano Bold', sans-serif;
        font-weight: 500;
        font-size: 14px;
        border: none !important;
        outline: none !important;
        text-decoration: none !important;
        display: inline-flex;
        align-items: center;
        transition: all var(--transition-fast);
    }

        .dutty-card-action a i {
            margin-inline-end: 8px;
        }


    /* Parlama efekti */
    .shine {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient( 135deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0) 100% );
        z-index: 2;
        opacity: 0;
        pointer-events: none;
        transform: translateZ(5px);
        transition: opacity var(--transition-slow);
    }

    .dutty-card:hover .shine {
        opacity: 1;
    }


    @media (max-width: 768px) {
        .dutty-card {
            height: 180px;
        }

        .dutty-card-title {
            font-size: 18px;
        }

        .dutty-card-content {
            font-size: 14px;
        }

        .dutty-card-action a {
            font-size: 12px;
            padding: 8px 12px;
        }
    }

    /* Animasyon stillerini tanımla */
    @keyframes float {
        0% {
            transform: translateY(0) translateX(0);
            opacity: 0;
        }

        50% {
            opacity: 0.8;
        }

        100% {
            transform: translateY(-80px) translateX(20px);
            opacity: 0;
        }
    }

    .dutty-games-container{width:100%;float:var(--float-start);margin:30px 0;}
    .dutty-game-container {
        width: 100%;
        float:var(--float-start);
        position: relative;
        margin-bottom: 15px;
        border: 2px solid var(--secondary-color);
        box-shadow: 0px 0px 20px -20px #000;
        background-color: var(--primary-color);
        display: flex;
        flex-direction: column;
        -webkit-transition: background-color ease-in-out .2s;
        transition: background-color ease-in-out .2s;
        -moz-transition: background-color ease-in-out .2s;
        will-change: background-color;
    }

    .dutty-game-container:hover{background-color:var(--secondary-color);}
    .dutty-game-container:hover .dutty-game-image img {
        transform: scale(1.05);
    }

    .dutty-game-content {
        width: 100%;
        float:var(--float-start);
        padding: 10px;
        display: flex;
        flex-direction: column;
        justify-content:flex-end;
    }
    .dutty-game-image {
        width: 100%;
        height:100%;
        float:var(--float-start);
        overflow: hidden;
        min-height: 135px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        position:relative;
    }
    .mt0{margin-top:0 !important;}
    .dutty-game-image img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        cursor: pointer;
        -webkit-transition: transform ease-in-out .2s;
        transition: transform ease-in-out .2s;
        -moz-transition: transform ease-in-out .2s;
        will-change: transform;
    }
    .dutty-game-platform{width:100%;float:var(--float-start);font-family:'Galano Regular', sans-serif;color:var(--secondary-text-color);font-size:12px;text-transform:uppercase;}
.dutty-game-regions {
    display: flex;
    align-items: center;
    margin-top: 10px;
    float: var(--float-start);
}
.dutty-game-srflags {
    display: flex;
    margin-inline-end: 5px;
    display:flex;
    gap:5px;
}
    .dutty-game-srflags img {
        max-width: 20px;
    }

.dutty-product-picker-warning {
    color: #f93;
    font-size: 12px;
    font-family: 'Galano Regular', sans-serif;
    width: 100%;
    float: left;
    margin-top: 20px;
    border: 1px solid #f93;
    padding: 10px;
}

.dutty-product-picker-warning a{color:#f93 !important;font-weight:bold;font-family:'Galano Bold', sans-serif;}

.dutty-game-sregion {
    color: var(--primary-text-color);
    font-size: 12px;
    font-family: 'Galano Regular', sans-serif;
    text-transform:uppercase;
    cursor:pointer;
}

.btn-product-region-check{cursor:pointer;}

.wave-underline {
    text-decoration: underline dashed var(--primary-text-color);
}

.dutty-game-sregion i {
    font-size: 14px;
    margin-inline-start: 3px;
}
    .dutty-game-region{width:100%;float:var(--float-start);font-family:'Galano Regular', sans-serif;color:var(--secondary-text-color);font-size:12px;display:flex;align-items:center;text-transform:uppercase;margin-top:10px;}
    .dutty-game-region.so{font-size:10px !important;}
.dutty-game-region-available-for {
    color: #51a351;
    font-size: 12px;
    font-family: 'Galano Regular', 'sans';
    width: 100%;
    margin-top: 5px;
    display: flex;
    align-items: center;
}
    .dutty-game-region-available-for img {
        max-width: 20px;
        margin-inline-end: 5px;
    }
    .dutty-game-region img {
        width: 20px;
        margin-inline-end: 5px;
    }
    .product-picker-region img{margin-inline-start:5px;}
    .dutty-game-name {
        width: 100%;
        float:var(--float-start);
        font-family: 'Galano Medium', sans-serif;
        font-size: 16px;
        color: var(--primary-text-color);
}
    .dutty-game-name a {
        font-family: 'Galano Medium', sans-serif;
        font-size: 16px;
        color: var(--primary-text-color) !important;
        text-decoration: none !important;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        margin-bottom:10px;
    }
    .dutty-game-price {
        width: 100%;
        float:var(--float-start);
        font-family: 'Galano Regular', sans-serif;
        font-size: 18px;
        color: var(--secondary-text-color);
        display:flex;flex-direction:column;
        padding-top:10px;
    }

    .dutty-game-price strong{color:var(--primary-text-color);}
    .dutty-game-price .dgp-discount{font-family:'Galano Regular', sans-serif;color:#51a351;font-size:12px;}
        .dutty-game-price .dgp-old-price {
            font-family: 'Galano Bold', sans-serif;
            color: var(--primary-text-color);
            font-size: 12px;
            text-decoration: line-through;
            color: #f14646;
        }

    .dutty-fw-bg {
        width: 100%;
        float:var(--float-start);
        margin: 25px 0px;
        padding: 30px 0;
        position: relative;
    }

    .dutty-fw-bg-image {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        bottom: 0;
        right: 0;
        top: 0;
        z-index: -1;
        overflow: hidden;
        user-select:none !important;
        -webkit-user-select:none !important;
        -webkit-user-drag: none !important;
    }

    .dutty-fw-bg-image-overlay{width:100%;height:100%;left:0;top:0;right:0;bottom:0;background-color:var(--primary-bg);opacity:0.8;position:absolute;}

    .dutty-fw-bg-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        -webkit-mask-image: linear-gradient(to bottom, transparent 0%, black 35%, black 65%, transparent 100%);
        mask-image: linear-gradient(to bottom, transparent 0%, black 35%, black 65%, transparent 100%);
        -webkit-mask-repeat: no-repeat;
        transition: transform 0.2s ease-out;
        will-change: transform;
        -webkit-user-drag:none !important;
        user-select:none !important;
        -webkit-user-select:none !important;
        -moz-user-select:none !important;
    }

    .dutty-header-title{width:100%;float:var(--float-start);}
    .dutty-header-title h2{font-family:'Galano Medium', sans-serif;color:var(--primary-text-color);}
    .dutty-header-title p{font-family:'Galano Regular', sans-serif;color:var(--secondary-text-color);margin:0;}

    .faq-section {
        margin-bottom: 60px;
    }

    .faq-container {
        display: flex;
        flex-direction: column;
        gap: 20px;
        width:100%;float:var(--float-start);
        margin:30px 0;
    }

    .faq-item {
        background-color: var(--primary-color);
        overflow: hidden;
        box-shadow: var(--box-shadow);
        transition: var(--transition-fast);
    }

    .faq-question {
        padding: 20px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        cursor: pointer;
        font-weight: 600;
        transition: var(--transition-fast);
        color:var(--primary-text-color);
        font-family:'Galano Medium', sans-serif;
    }

    .faq-question:hover {
        background-color: var(--secondary-color)
    }

    .faq-answer {
        padding: 0 20px;
        max-height: 0;
        overflow: hidden;
        transition: all 0.3s ease;
        color: var(--secondary-text-color);
        font-size: 15px;
        opacity: 0;
        font-family:'Galano Regular', sans-serif;
    }

    .faq-answer a{color:var(--primary-highlight-color);}

    .faq-item.active .faq-answer {
        padding: 20px;
        max-height: 500px;
        opacity: 1;
    }

    .faq-toggle {
        font-size: 30px;
        width: 24px;
        height: 24px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: var(--primary-highlight-color);
        transition: transform 0.3s ease;
    }

    .faq-item.active .faq-toggle {
        transform: rotate(45deg);
    }

    .soft-blur {
        filter: blur(10px);
        --webkit-filter: blur(10px);
    }

    .dutty-video-card {
        width: 100%;
        height: 600px;
        position: relative;
        overflow: hidden;
        cursor: pointer;
        margin:0 auto;
    }

    .dutty-video-card:hover .dutty-join-us-bg{
        opacity: 0.1;
    }

    .dutty-video {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
        pointer-events: none;
        mask-image: linear-gradient(to bottom, transparent 0%, black 50%, black 50%, transparent 100%);
        -webkit-mask-repeat: no-repeat;
        outline:none !important;
    }

    .dutty-video-overlay {
        position: absolute;
        bottom: 0;
        left: 0;
        top:0;
        right:0;
        z-index:1;
    }

    .dutty-video-inner {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        z-index: 2;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        color: #fff;
        font-size: 30px;
        flex-direction: column;
    }

    .dutty-join-us {
        width:100%;height:100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 30px;
        position:relative;
    }

    .dutty-join-us-bg {
        background: #141C27;
        background: radial-gradient(circle, rgba(20, 28, 39, 1) 0%, rgba(0, 0, 0, 0) 100%);
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: -1;
        opacity: 0;
        -webkit-transition: opacity 1s ease-in-out;
        -moz-transition: opacity 1s ease-in-out;
        -ms-transition: opacity 1s ease-in-out;
        -o-transition: opacity 1s ease-in-out;
        transition: opacity 1s ease-in-out;
        will-change: transform, width, height, opacity;
    }

    .dutty-join-us h4{font-size:32px !important;font-family:'Galano Bold', sans-serif;text-align:center;}
    .dutty-join-us p{font-size:16px;font-family:'Galano Regular', sans-serif;text-align:center;}
    .dutty-join-us .join-us-actions a{font-size:16px;}

    .dutty-mobile-navigation {
        display:none;
        width: 100%;
        float:var(--float-start);
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: var(--primary-color);
        padding: 15px;
        box-shadow: 0px -5px 30px -10px #000000;
        z-index: 9999;
        border-top: 1px solid var(--secondary-color);
    }

    .dutty-mobile-nav-items{width:100%;float:var(--float-start);display:flex;justify-content:space-between;}
    .dutty-mobile-nav-item {
        font-size: 18px;
        color: var(--primary-text-color);
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .dutty-mobile-nav-item span{font-size:12px;font-family:'Galano Regular', sans-serif;color:var(--secondary-text-color);}
    .header-mobile-burger{font-size:22px;color:var(--primary-text-color);margin-inline-end:15px;display:none;cursor:pointer;}
    .header-mobile-burger:hover{color:var(--primary-highlight-color);}
    .header-mobile-logo{display:none;height:35px !important;}

    .user-panel-layout{width:100%;float:var(--float-start);margin:30px 0px;display:flex;}



/* Main Content */
.dutty-panel-main-content {
    flex: 1;
    padding: 0;
    position: relative;
    z-index: 1;
    margin-inline-start:30px;
}

.user-panel-mobile-navigation{width:100%;float:var(--float-start);display:none;margin-bottom:20px;}
.user-panel-mn-current {
    background-color: var(--primary-color);
    font-family: 'Galano Regular', sans-serif;
    font-size: 16px;
    color: #fff;
    padding: 10px 20px;
    border: 1px solid var(--secondary-color);
    position: relative;
    cursor:pointer;
}

.user-panel-mn-current i{margin-inline-start:15px;}

.user-panel-mn-back {
    color: #fff;
    padding: 10px 20px;
    background-color: var(--primary-color);
    border: 1px solid var(--secondary-color);
    margin-inline-end: 10px;
    cursor:pointer;
}

html[dir="rtl"] .user-panel-mn-back i.fa-angle-left {
    transform: scaleX(-1);
}

.user-panel-mn-list {
    background-color: var(--primary-color);
    border: 1px solid var(--secondary-color);
    position: absolute;
    left: 0;
    padding: 10px 20px;
    box-shadow: 0px 0px 30px -5px #000;
    top: 55px;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease;
    z-index: 100;
    min-width:150px;
}

html[dir="rtl"] .user-panel-mn-list {
    left: auto;
    right: 0;
}

.user-panel-mn-list.active {
    opacity: 1;
    visibility: visible;
}

.user-panel-mn-list ul{list-style:none;margin:0;padding:0;display:flex;gap:15px;flex-direction:column;}
    .user-panel-mn-list ul li {
        position: relative;
        position: relative;
        display: flex;
        width: 100%;
        align-items: center;
    }


    .user-panel-mn-list ul li a{font-family:'Galano Regular', sans-serif;color:var(--primary-text-color);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:14px;}

.dutty-panel-content-wrapper {
    padding: 0px;
}

.dutty-panel-withdraw-form{width:100%;float:var(--float-start);padding:20px;background-color:var(--primary-color);border:1px solid var(--secondary-color);margin-top:15px;}

.dutty-panel-c-content {
    width: 100%;
    float:var(--float-start);
    background-color: var(--primary-color);
    border: 1px solid var(--secondary-color);
    padding: 20px;
}

.dutty-panel-content-section {
    display: none;
    animation: dutty-panel-fadeIn ease .5s;
}

    .dutty-panel-content-section.active {
        display: block;
    }

@keyframes dutty-panel-fadeIn {
    from {
        transform: translateY(50px);
    }

    to {
        transform: translateY(0);
    }
}

@keyframes region-panel-animation {
    from {
        transform: translateY(100px);
        opacity:0;
    }

    to {
        transform: translateY(0);
        opacity:1;
    }
}

@keyframes main-container-fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.dutty-panel-page-title {
    font-family:'Galano Regular', sans-serif;
    font-size: 20px;
    font-weight: 700;
    color: var(--primary-text-color);
    margin-bottom: 8px;
}

.dutty-panel-page-subtitle {
    margin-bottom: 30px;
    font-size: 14px;
    font-family:'Galano Regular', sans-serif;color:var(--secondary-text-color);
    float:var(--float-start);width:100%;
}

/* Cards */
.dutty-panel-card {
    margin-bottom: 50px;
    width:100%;float:var(--float-start);
}

.dutty-panel-card-title {
    font-size: 18px !important;
    color: #ffffff;
    font-family:'Galano Regular', sans-serif !important;
    margin:0 !important;
}

/* Form Styles */
.dutty-panel-form-group {
    margin-bottom: 25px;
}

.dutty-panel-form-label {
    display: block;
    margin-bottom: 8px;
    font-weight: 600;
    color: var(--secondary-text-color);
    font-family:'Galano Regular', sans-serif;
}

.dutty-panel-form-input {
    width: 100%;
    padding: 12px 16px;
    border: 1px solid var(--secondary-color);
    font-size: 16px;
    transition: border-color 0.3s ease;
    background: var(--primary-bg);
    color: #ffffff;
    font-family:'Galano Regular', sans-serif;
}

    .dutty-panel-form-input:focus {
        outline: none;
        border-color: var(--primary-highlight-color);
    }

    .dutty-panel-form-input option {
        background: #1a2028;
        color: #ffffff;
    }

    .dutty-panel-form-input::placeholder {
        color: var(--secondary-text-color);
    }

.dutty-panel-btn {
    padding: 12px 24px;
    border: none;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    text-decoration: none;
    display: inline-block;
    background-color:var(--primary-highlight-color) !important;
    font-family:'Galano Regular', sans-serif;
}

.dutty-panel-btn-primary {
    background: #2ba4c2;
    color: white;
}

/* Order/Purchase Items */
.dutty-panel-item-list {
    display: grid;
    gap: 20px;
}

.dutty-panel-item-card {
    background: #1a2028;
    border: 1px solid #2a3038;
    border-radius: 4px;
    padding: 20px;
    display: flex;
    align-items: center;
    gap: 20px;
    transition: border-color 0.3s ease;
}

    .dutty-panel-item-card:hover {
        box-shadow: 0 8px 25px rgba(43, 164, 194, 0.1);
        border-color: #2ba4c2;
    }

.dutty-panel-item-image {
    width: 80px;
    height: 80px;
    background: #2ba4c2;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 24px;
    font-weight: bold;
}

.dutty-panel-item-details {
    flex: 1;
}

.dutty-panel-item-title {
    font-size: 18px;
    font-weight: 600;
    color: #ffffff;
    margin-bottom: 5px;
}

.dutty-panel-item-meta {
    color: #9ca3af;
    font-size: 14px;
    margin-bottom: 10px;
}

.dutty-panel-item-status {
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
}

.dutty-panel-status-completed {
    background: #51a351;
    color: #fff;
}

.dutty-panel-status-pending {
    background: #f93;
    color: #fff;
}

.dutty-panel-item-price {
    font-size: 18px;
    font-weight: 700;
    color: #2ba4c2;
}

#tbody_deliveries a{color:var(--primary-text-color) !important;outline:none !important;text-decoration:none !important;}
#tbody_deliveries .blue{color:var(--primary-highlight-color) !important;}
/* Stats Grid */
.dutty-panel-stats-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(135px, 1fr));
    gap: 15px;
    margin-bottom: 50px;
    width: 100%;
    float:var(--float-start);
}

.dutty-panel-stat-card {
    background: var(--primary-color);
    border:1px solid var(--secondary-color);
    padding: 10px;
    text-align: center;
    display:flex;
    align-items:center;justify-content:center;
    flex-direction:column;
}

.dutty-panel-stat-value {
    font-size: 16px;
    color: var(--primary-text-color);
    font-family:'Galano Regular', sans-serif;
    margin-bottom: 8px;
}

.dutty-panel-stat-label {
    color: var(--secondary-text-color);
    font-family: 'Galano Regular', sans-serif;
    font-size: 12px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
}

.dutty-panel-stat-icon {
    font-size: 24px;
    margin-bottom: 8px;
}

/* Activity List */
.dutty-panel-activity-list {
    display: grid;
    gap: 15px;
    margin-top:30px;
}

.dutty-panel-activity-item {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 10px;
    background: var(--primary-color);
    border:1px solid var(--secondary-color);
}

.dutty-panel-activity-icon {
    width: 40px;
    height: 40px;
    background: var(--primary-bg);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    flex-shrink: 0;
    color:var(--primary-text-color);
}

.dutty-panel-activity-content {
    flex: 1;
}

.dutty-panel-activity-text {
    color: var(--primary-text-color);
    font-family:'Galano Regular', sans-serif;
}

.dutty-panel-activity-time {
    color: var(--secondary-text-color);
    font-size: 12px;
    font-family:'Galano Regular', sans-serif;
}

.dutty-panel-activity-time a{color:var(--primary-highlight-color) !important;text-decoration:none !important;}

/* User List */
.dutty-panel-user-list {
    display: grid;
    gap: 12px;
    margin-top:30px;
}

.dutty-panel-user-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px;
    background: var(--primary-color);
    border:1px solid var(--secondary-color);
    transition: border-color 0.3s ease;
}

    .dutty-panel-user-item:hover {
        border-color: var(--primary-highlight-color);
    }

.dutty-panel-user-avatar-small {
    width: 35px;
    height: 35px;
    background: var(--primary-bg);
    border-radius: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 12px;
    font-weight: bold;
    flex-shrink: 0;
    cursor:pointer;
}

.dutty-panel-user-avatar-small img{width:35px;height:35px;object-fit:cover;border-radius:35px;}

.dutty-panel-user-info {
    flex: 1;
}

.dutty-panel-user-name-small {
    color: #ffffff;
    font-family:'Galano Regular', sans-serif;
    font-size: 14px;
    margin-bottom: 2px;
}

.dutty-panel-user-name-small a{color:var(--primary-text-color) !important;text-decoration:none !important;}

.dutty-panel-user-meta {
    color: var(--secondary-text-color);
    font-family:'Galano Regular', sans-serif;
    font-size: 12px;
}

/* Product List */
.dutty-panel-product-list {
    display: grid;
    gap: 12px;
}

.dutty-panel-product-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px;
    background: var(--secondary-color);
    transition: border-color 0.3s ease;
}

    .dutty-panel-product-item:hover {
        border-color: #2ba4c2;
    }

.dutty-panel-product-image-small {
    width: 35px;
    height: 35px;
    background: var(--primary-bg);
    border-radius: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 12px;
    font-weight: bold;
    flex-shrink: 0;
}

.dutty-panel-product-info {
    flex: 1;
}

.dutty-panel-product-name {
    color: #ffffff;
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 2px;
}

.dutty-panel-product-price {
    color: var(--secondary-text-color);
    font-size: 12px;
    font-family:'Galano Regular', sans-serif;
}

/* Table Styles */
.dutty-panel-table-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px;
    margin-bottom:20px;
}

.dutty-panel-table-actions {
    display: flex;
    gap: 15px;
    align-items: center;
}

.dutty-panel-search-input {
    padding: 8px 12px;
    border: 1px solid var(--secondary-color);
    background: var(--primary-color);
    color: #ffffff;
    font-size: 14px;
    cursor: pointer;
    font-family: 'Galano Regular', sans-serif;
    border-radius: 0;
    margin-bottom: 0 !important;
}

    .dutty-panel-search-input:focus {
        outline: none;
        border-color: var(--primary-highlight-color);
    }

.sales-search-results {
    width:100%;float:var(--float-start);
    color: var(--secondary-text-color);
    font-family: 'Galano Regular', sans-serif;
    padding-bottom:15px;border-bottom:1px solid var(--secondary-color);margin-bottom:15px;
}

.dutty-panel-filter-select {
    padding: 8px 12px;
    border: 1px solid var(--secondary-color);
    background: var(--primary-color);
    color: #ffffff;
    font-size: 14px;
    cursor: pointer;
    font-family: 'Galano Regular', sans-serif;
    border-radius: 0;
    margin-bottom: 0 !important;
}

    .dutty-panel-filter-select:focus {
        outline: none;
        border-color: var(--primary-highlight-color);
    }

.dutty-panel-table-container {
    overflow-x: auto;
    border: 1px solid var(--secondary-color);
}

.dutty-panel-table {
    width: 100%;
    border-collapse: collapse;
    background: var(--primary-color);
    font-family:'Galano Regular', sans-serif;
}

    .dutty-panel-table th {
        background: var(--primary-color);
        color: var(--secondary-text-color);
        font-weight: 600;
        padding: 10px;
        text-align: var(--ta-start);
        border-bottom: 1px solid var(--secondary-color);
    }

    .dutty-panel-table td {
        padding: 10px;
        font-size:14px;
        border-bottom: 1px solid var(--secondary-color);
        color: #ffffff;
    }

    .dutty-panel-table td img.iconn{width:24px;height:24px;object-fit:contain;margin-inline-end:10px;}

    .dutty-panel-table tr:hover {
        background: var(--secondary-color);
    }

.dutty-panel-payment-id {
    font-weight: 600;
    color: var(--primary-highlight-color);
}

.dutty-panel-payment-date {
    color: #ffffff;
    font-weight: 500;
}

.dutty-panel-payment-time {
    color: #9ca3af;
    font-size: 12px;
    margin-top: 2px;
}

.dutty-panel-payment-method {
    display: flex;
    align-items: center;
    gap: 8px;
}

.dutty-panel-payment-icon {
    font-size: 16px;
}

.dutty-panel-payment-amount {
    color: var(--primary-text-color);
    font-family:'Galano Regular', sans-serif;
}

.dutty-panel-status {
    font-family:'Galano Regular', sans-serif;
    text-transform: uppercase;
    display:flex;align-items:center;
    font-size:12px;
    padding:5px 15px;
}

.dutty-panel-status-failed {
    background: #f14646;
    color: #fff;
}

.dutty-panel-btn-small {
    padding: 6px 12px;
    border: none;
    background: var(--primary-highlight-color);
    color: white;
    font-size: 12px;
    font-weight: 500;
    cursor: pointer;
    transition: background 0.3s ease;
}

    .dutty-panel-btn-small:hover {
        background: #237abd;
    }

/* Pagination */
.dutty-panel-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid var(--secondary-color);
    width:100%;float:var(--float-start);
}

.dutty-panel-pagination-btn {
    padding: 8px 16px;
    border: 1px solid var(--secondary-color);
    background: var(--primary-color);
    color: var(--primary-text-color);
    font-size: 14px;
    cursor: pointer;
    transition: all 0.3s ease;
    font-family:'Galano Regular', sans-serif;
}

    .dutty-panel-pagination-btn:hover:not(:disabled) {
        background: var(--primary-highlight-color);
        border-color: transparent;
    }

    .dutty-panel-pagination-btn:disabled {
        opacity: 0.5;
        cursor: not-allowed;
    }

.dutty-panel-pagination-info {
    color: #9ca3af;
}

.dutty-panel-pagination-current {
    color: var(--primary-highlight-color);
    font-weight: 600;
}

/* Transaction Types */
.dutty-panel-transaction-type {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 500;
}

.dutty-panel-type-income {
    color: #6ee7b7;
}

.dutty-panel-type-expense {
    color: #fca5a5;
}

.dutty-panel-type-refund {
    color: #a5b4fc;
}

.dutty-panel-transaction-icon {
    font-size: 16px;
}

.dutty-panel-transaction-desc {
    color: var(--primary-text-color);
}

.dutty-panel-transaction-ref {
    color: #9ca3af;
    font-size: 12px;
    margin-top: 2px;
}

.dutty-panel-amount-positive {
    color: #6ee7b7;
    font-weight: 600;
}

.dutty-panel-amount-negative {
    color: #fca5a5;
    font-weight: 600;
}

.dutty-panel-balance {
    color: #2ba4c2;
    font-weight: 600;
}

/* Product Cell in Table */
.dutty-panel-product-cell {
    display: flex;
    align-items: center;
    gap: 12px;
}

.dutty-panel-product-image-table {
    width: 45px;
    height: 45px;
    background: #2ba4c2;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-weight: bold;
    flex-shrink: 0;
}

.dutty-panel-product-info-table {
    flex: 1;
    min-width: 0;
}

.dutty-panel-product-name-table {
    color: #ffffff;
    font-weight: 500;
    margin-bottom: 2px;
    line-height: 1.2;
}

.dutty-panel-product-category {
    color: #9ca3af;
    font-size: 12px;
}

.dutty-panel-order-id {
    font-weight: 600;
    color: #2ba4c2;
}

.dutty-panel-quantity {
    font-weight: 500;
    color: #ffffff;
    text-align: center;
}

.dutty-panel-unit-price {
    color: #9ca3af;
}

.dutty-panel-total-price {
    color: #2ba4c2;
    font-weight: 600;
}

.dutty-panel-status-cancelled {
    background: #7f1d1d;
    color: #fca5a5;
}

/* Listing Cards */
.dutty-panel-listing-card {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 20px;
    background: #131920;
    border-radius: 12px;
    border: 1px solid #2a3038;
    margin-bottom: 15px;
    transition: all 0.3s ease;
}

    .dutty-panel-listing-card:hover {
        border-color: #2ba4c2;
        box-shadow: 0 4px 15px rgba(43, 164, 194, 0.1);
    }

.dutty-panel-listing-image {
    width: 60px;
    height: 60px;
    background: #2ba4c2;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 18px;
    font-weight: bold;
    flex-shrink: 0;
}

.dutty-panel-listing-content {
    flex: 1;
    min-width: 0;
}

.dutty-panel-listing-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
}

.dutty-panel-listing-title {
    color: #ffffff;
    font-weight: 600;
    font-size: 16px;
}

.dutty-panel-listing-price {
    color: #2ba4c2;
    font-weight: 700;
    font-size: 16px;
}

.dutty-panel-listing-meta {
    margin-bottom: 12px;
}

.dutty-panel-listing-info {
    color: #9ca3af;
    font-size: 13px;
    margin-bottom: 4px;
}

.dutty-panel-listing-stats {
    color: #9ca3af;
    font-size: 13px;
}

.dutty-panel-listing-actions {
    display: flex;
    gap: 8px;
    flex-shrink: 0;
}

/* Delivery Cards */
.dutty-panel-delivery-card {
    display: grid;
    grid-template-columns: 250px 1fr 200px 120px;
    gap: 20px;
    align-items: center;
    padding: 20px;
    background: #131920;
    border-radius: 12px;
    border: 1px solid #2a3038;
    margin-bottom: 15px;
    transition: all 0.3s ease;
}

    .dutty-panel-delivery-card:hover {
        border-color: #2ba4c2;
    }

    .dutty-panel-delivery-card.dutty-panel-urgent {
        border-color: #dc2626;
        background: rgba(220, 38, 38, 0.05);
    }

.dutty-panel-delivery-product {
    display: flex;
    align-items: center;
    gap: 12px;
}

.dutty-panel-delivery-info {
    flex: 1;
}

.dutty-panel-delivery-order {
    color: #9ca3af;
    font-size: 12px;
    margin-top: 2px;
}

.dutty-panel-delivery-parties {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
}

.dutty-panel-delivery-party {
    background: #1a2028;
    padding: 12px;
    border-radius: 8px;
    border: 1px solid #2a3038;
}

.dutty-panel-party-label {
    color: #9ca3af;
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 4px;
}

.dutty-panel-party-name {
    color: #ffffff;
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 2px;
}

.dutty-panel-party-contact {
    color: #9ca3af;
    font-size: 12px;
}

.dutty-panel-delivery-timeline {
    text-align: center;
}

.dutty-panel-delivery-deadline {
    margin-bottom: 10px;
}

.dutty-panel-deadline-label {
    color: #9ca3af;
    font-size: 12px;
    margin-bottom: 4px;
}

.dutty-panel-deadline-time {
    color: #ffffff;
    font-weight: 500;
    font-size: 13px;
    margin-bottom: 4px;
}

.dutty-panel-deadline-countdown {
    color: #2ba4c2;
    font-size: 12px;
    font-weight: 600;
}

    .dutty-panel-deadline-countdown.urgent {
        color: #dc2626;
        animation: pulse 2s infinite;
    }

@keyframes pulse {
    0%, 100% {
        opacity: 1;
    }

    50% {
        opacity: 0.5;
    }
}

.dutty-panel-delivery-status-container {
    text-align: center;
}

.dutty-panel-status-urgent {
    background: #7f1d1d;
    color: #fca5a5;
    animation: pulse 2s infinite;
}

.dutty-panel-delivery-actions {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

/* Withdraw Styles */
.dutty-panel-payment-methods {
    display: grid;
    gap: 12px;
}

.dutty-panel-payment-method-option {
    cursor: pointer;
}

    .dutty-panel-payment-method-option input[type="radio"] {
        display: none;
    }

.dutty-panel-method-card {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 15px;
    border: 1px solid var(--secondary-color);
    background: var(--primary-bg);
    transition: all 0.3s ease;
}

.dutty-panel-payment-method-option input[type="radio"]:checked + .dutty-panel-method-card {
    border-color: var(--primary-highlight-color);
    background: var(--secondary-color);
}

.dutty-panel-method-icon {
    font-size: 24px;
    width: 40px;
    text-align: center;
}

.dutty-panel-method-info {
    flex: 1;
}

.dutty-panel-method-name {
    color: #ffffff;
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 2px;
    font-family:'Galano Regular', sans-serif;
}

.dutty-panel-method-desc {
    color: var(--secondary-text-color);
    font-size: 12px;
    font-family:'Galano Regular', sans-serif;
}

.dutty-panel-amount-input-container {
    position: relative;
    display: flex;
    align-items: center;
}

    .dutty-panel-amount-input-container .dutty-panel-form-input {
        padding-inline-end: 80px;
    }

.dutty-panel-currency {
    position: absolute;
    left: 15px;
    color: #9ca3af;
    font-weight: 600;
}

.dutty-panel-max-btn {
    position: absolute;
    right: 8px;
    background: var(--primary-highlight-color);
    font-family:'Galano Regular', sans-serif;
    color: white;
    border: none;
    padding: 6px 12px;
    font-size: 12px;
    cursor: pointer;
    transition: background 0.3s ease;
}

    .dutty-panel-max-btn:hover {
        background: #237abd;
    }

.dutty-panel-amount-info {
    margin-top: 15px;
    padding: 15px;
    background: var(--primary-bg);
    border: 1px solid var(--secondary-color);
    font-family:'Galano Regular', sans-serif;
}

.dutty-panel-amount-detail {
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px;
    font-size: 14px;
}

    .dutty-panel-amount-detail:last-child {
        margin-bottom: 0;
    }

    .dutty-panel-amount-detail span:first-child {
        color: #9ca3af;
    }

    .dutty-panel-amount-detail span:last-child {
        color: #ffffff;
        font-weight: 500;
    }

    .dutty-panel-amount-detail.total {
        border-top: 1px solid var(--secondary-color);
        padding-top: 8px;
        margin-top: 8px;
    }

        .dutty-panel-amount-detail.total span:last-child {
            color: var(--primary-highlight-color);
            font-weight: 600;
        }

.dutty-panel-bank-details,
.dutty-panel-crypto-details {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid var(--secondary-color);
}

/* Withdraw History */
.dutty-panel-withdraw-history {
    display: grid;
    gap: 15px;
    width:100%;float:var(--float-start);margin-top:15px;
}

.dutty-panel-withdraw-item {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 15px;
    background: var(--primary-color);
    border: 1px solid var(--secondary-color);
}

.dutty-panel-withdraw-icon {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    flex-shrink: 0;
    align-self:flex-start;
}

.dutty-panel-withdraw-content {
    flex: 1;
}

.dutty-panel-withdraw-amount {
    color: var(--primary-highlight-color);
    font-weight: 600;
    font-size: 16px;
    font-family:'Galano Regular', sans-serif;
    margin-bottom: 2px;
}

.dutty-panel-wr-status{font-size:24px;align-self:flex-start;}

.dutty-panel-withdraw-desc {
    width: 100%;
    float:var(--float-start);
    font-family: 'Galano Regular', sans-serif;
    color: var(--secondary-text-color);
    font-size: 12px;
    margin: 10px 0;
    border-top: 2px dashed var(--secondary-color);
    border-bottom: 2px dashed var(--secondary-color);
}

.dutty-panel-withdraw-method {
    color: #ffffff;
    font-size: 14px;
    margin-bottom: 2px;
    font-family:'Galano Regular', sans-serif;
}

.dutty-panel-withdraw-date {
    color: var(--secondary-text-color);
    font-size: 12px;
    font-family:'Galano Regular', sans-serif;
}

/* Security Settings */
.dutty-panel-security-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px;
    background: #1a2028;
    border-radius: 10px;
    border: 1px solid #2a3038;
    margin-bottom: 15px;
}

.dutty-panel-security-info {
    flex: 1;
}

.dutty-panel-security-title {
    color: #ffffff;
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 2px;
}

.dutty-panel-security-desc {
    color: #9ca3af;
    font-size: 12px;
}

/* Toggle Switch */
.dutty-panel-toggle {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 24px;
}

    .dutty-panel-toggle input {
        opacity: 0;
        width: 0;
        height: 0;
    }

.dutty-panel-toggle-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #2a3038;
    transition: .3s;
    border-radius: 24px;
}

    .dutty-panel-toggle-slider:before {
        position: absolute;
        content: "";
        height: 18px;
        width: 18px;
        left: 3px;
        bottom: 3px;
        background-color: white;
        transition: .3s;
        border-radius: 50%;
    }

.dutty-panel-toggle input:checked + .dutty-panel-toggle-slider {
    background-color: #2ba4c2;
}

    .dutty-panel-toggle input:checked + .dutty-panel-toggle-slider:before {
        transform: translateX(26px);
    }

/* IP List */
.dutty-panel-ip-list {
    margin: 15px 0;
}

.dutty-panel-ip-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px;
    background: #1a2028;
    border-radius: 8px;
    border: 1px solid #2a3038;
    margin-bottom: 10px;
}

.dutty-panel-ip-address {
    color: #ffffff;
    font-weight: 500;
    font-size: 14px;
    font-family: 'Courier New', monospace;
}

.dutty-panel-ip-label {
    color: #9ca3af;
    font-size: 12px;
}

/* Verification Items */
.dutty-panel-verification-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px;
    background: #1a2028;
    border-radius: 10px;
    border: 1px solid #2a3038;
    margin-bottom: 15px;
}

.dutty-panel-verification-info {
    display: flex;
    align-items: center;
    gap: 12px;
    flex: 1;
}

.dutty-panel-verification-icon {
    font-size: 24px;
    width: 40px;
    text-align: center;
}

.dutty-panel-verification-title {
    color: #ffffff;
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 2px;
}

.dutty-panel-verification-email,
.dutty-panel-verification-phone {
    color: #9ca3af;
    font-size: 12px;
}

/* Security Timeline */
.dutty-panel-security-timeline {
    display: grid;
    gap: 12px;
}

.dutty-panel-security-event {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px;
    background: #1a2028;
    border-radius: 10px;
    border: 1px solid #2a3038;
}

.dutty-panel-event-icon {
    width: 35px;
    height: 35px;
    background: #2ba4c2;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    flex-shrink: 0;
}

.dutty-panel-event-content {
    flex: 1;
}

.dutty-panel-event-title {
    color: #ffffff;
    font-weight: 500;
    font-size: 13px;
    margin-bottom: 2px;
}

.dutty-panel-event-detail {
    color: #9ca3af;
    font-size: 12px;
    margin-bottom: 2px;
}

.dutty-panel-event-time {
    color: #9ca3af;
    font-size: 11px;
}

/* Responsive */
@media (max-width: 768px) {
    .dutty-panel-container {
        flex-direction: column;
    }

    .dutty-panel-table thead {
        display: none;
    }

    .dutty-panel-stat-label{white-space:normal;}

    .dutty-panel-table,
    .dutty-panel-table tbody,
    .dutty-panel-table tr,
    .dutty-panel-table td {
        display: block;
        width: 100%;
        background: none;
    }

    .dutty-panel-table tr {
        padding: 10px;
        border:1px solid var(--secondary-color);
        background-color:var(--primary-color);
        margin-bottom:15px;
    }

    .dutty-panel-table-container{border:none;}

    .dutty-panel-table td {
        position: relative;
        padding-inline-start: 125px;
        padding-top: 5px;
        padding-bottom: 5px;
        box-sizing: border-box;
        border-bottom: none;
        width: auto !important;
    }

        .dutty-panel-table td::before {
            content: attr(data-label) ": ";
            position: absolute;
            left: 5px;
            top: 5px;
            font-weight: bold;
            max-width: 100px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

    html[dir="rtl"] .dutty-panel-table td::before {
        left: auto;
        right: 5px;
    }

    html[dir="rtl"] .dutty-panel-table td {
        padding-inline-start: 85px !important;
    }

    .dutty-panel-sidebar {
        width: 100%;
        height: auto;
        border-inline-end: none;
        border-bottom: 1px solid #2a3038;
        min-height: auto;
    }

    .dutty-panel-user-profile {
        margin-top: 0;
    }

    .dutty-panel-nav-link {
        padding: 12px 16px;
    }

    .dutty-panel-stats-grid {
        grid-template-columns: repeat(3, 1fr);
        gap:10px;
    }

    div[style*="grid-template-columns: 1fr 1fr"] {
        grid-template-columns: 1fr !important;
    }

    .dutty-panel-table-header {
        flex-direction: column;
        align-items: stretch;
    }

    .dutty-panel-table-actions {
        gap: 10px;
        flex-direction:column-reverse;
    }

    .dutty-panel-search-input {
        width: 100%;
    }

    .dutty-panel-table-container {
        font-size: 12px;
    }

    .dutty-panel-delivery-card {
        grid-template-columns: 1fr;
        gap: 15px;
    }

    .dutty-panel-delivery-parties {
        grid-template-columns: 1fr;
    }
}


.select2-container {
    width: 100% !important;
    font-family: 'Galano Regular', sans-serif;
    font-size: 16px;
}


    .select2-container .select2-selection--single {
        height: auto !important;
        padding: 6px 12px;
        background-color: var(--secondary-color) !important;
        color: var(--primary-text-color);
        border: 2px solid var(--secondary-color) !important;
        border-radius: 0 !important;
        -moz-border-radius: 0 !important;
        -webkit-border-radius: 0 !important;
        display: flex;
        align-items: center;
        outline: none !important;
    }

.select2-container--open .select2-dropdown{
    top:-1px !important;left:-1px !important;
}
/* Yazı rengi */
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--primary-text-color) !important;
    line-height: normal;
    font-family: 'Galano Regular', sans-serif;
}

.select2-container--default .select2-results__option--selected{
    background-color:var(--primary-color) !important;
}

.select2-dropdown {
    border:2px solid var(--secondary-color) !important;
    border-top:none !important;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    box-shadow: 0px 40px 60px -30px #000;
    -webkit-box-shadow: 0px 40px 60px -30px #000;
    -moz-box-shadow: 0px 40px 60px -30px #000
}

.select2-search--dropdown {
    background-color: var(--secondary-color) !important;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: none !important;
    outline:none !important;
    background-color:var(--primary-color) !important;
    color:var(--secondary-text-color) !important;
    padding:4px 8px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 100% !important;
}

    .select2-container--default .select2-selection--single .select2-selection__arrow b {
        border-color: var(--secondary-text-color) transparent transparent transparent !important;
    }
    .select2-container--default .select2-selection--single .select2-selection__arrow{
        width: 45px !important;
    }

    .select2-container--default .select2-results > .select2-results__options {
        background-color: var(--secondary-color);
        color: var(--primary-text-color);
        font-family: 'Galano Regular', sans-serif;
        font-size: 16px;
        border-radius: 0 !important;
    }


    /*DUTTYN*/
.duttyn-status-content {
    width: 100%;
}

.duttyn-status-switcher button {
    background: var(--primary-color);
    color: var(--secondary-text-color);
    border: 1px solid var(--border-color);
    border-radius: 6px;
    padding: 8px 12px;
    font-size: 13px;
    cursor: pointer;
    transition: var(--transition);
}

    .duttyn-status-switcher button:hover {
        color: var(--primary-text-color);
        border-color: #484f58;
    }

    .duttyn-status-switcher button.duttyn-active {
        color: var(--primary-highlight-color);
        border-color: var(--primary-highlight-color);
        font-weight: 600;
    }

.duttyn-container {
    width: 100%;
    max-width: 840px;
    margin: 0 auto;
    display: none;
}

    .duttyn-container.duttyn-visible {
        display: grid;
        gap: 30px;
    }

.duttyn-animated-entry {
    opacity: 0;
    transform: translateY(20px);
    animation: fadeIn 0.6s var(--transition) forwards;
}

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

.duttyn-header {
    animation-delay: 0.1s;
}

    .duttyn-header h1 {
        font-size: 28px;
        font-family: 'Galano Medium', sans-serif;
        color: var(--primary-text-color);
    }

    .duttyn-header p {
        color: var(--secondary-text-color);
    }

.duttyn-status-card {
    display: flex;
    gap: 20px;
    align-items: flex-start;
    padding: 20px;
    border: 1px solid var(--secondary-text-color);
    background-color: var(--primary-color);
    animation-delay: 0.2s;
}

.duttyn-status-icon {
    flex-shrink: 0;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    display: grid;
    place-items: center;
}

    .duttyn-status-icon svg {
        width: 24px;
        height: 24px;
    }

.duttyn-status-card h2 {
    font-size: 18px !important;
    font-family: 'Galano Regular', sans-serif;
    color: var(--primary-text-color);
}

.duttyn-status-card p {
    color: var(--secondary-text-color);
    line-height: 1.6;
    font-family: 'Galano Regular', sans-serif;
    color: var(--secondary-text-color);
    margin: 0;
    margin-top: 10px;
    font-size: 14px !important;
}

    .duttyn-status-card p.small {
        font-size: 12px !important;
    }

.duttyn-status-card .duttyn-action-button {
    margin-top: 15px;
    background: transparent;
    padding: 10px 16px;
    font-weight: 500;
    cursor: pointer;
    transition: var(--transition);
    border: 1px solid;
    float: var(--float-start);
}

.duttyn-progress-bar {
    margin-top: 15px;
    width: 100%;
    height: 6px;
    background-color: var(--secondary-color);
    overflow: hidden;
}

    .duttyn-progress-bar div {
        height: 100%;
        background-color: var(--primary-highlight-color);
        width: 100%;
        animation: progress-anim-ltr 2s linear infinite;
    }

@keyframes progress-anim-ltr {
    0% {
        transform: translateX(-100%);
    }

    100% {
        transform: translateX(100%);
    }
}

@keyframes progress-anim-rtl {
    0% {
        transform: translateX(100%);
    }

    100% {
        transform: translateX(-100%);
    }
}

html[dir="rtl"] .duttyn-progress-bar div {
    animation-name: progress-anim-rtl;
}

.duttyn-section {
    animation-delay: 0.3s;
}

    .duttyn-section h2 {
        font-size: 20px !important;
        margin-bottom: 15px !important;
        font-family: 'Galano Regular', sans-serif;
    }

.duttyn-card {
    background-color: var(--primary-color);
    border: 1px solid var(--secondary-color);
}

.duttyn-product {
    position: relative;
    overflow: hidden;
    border: 1px solid var(--secondary-color);
}

    .duttyn-product:not(:last-child) {
        margin-bottom: 20px;
    }

.duttyn-product-bg {
    position: absolute;
    top: -25%;
    left: -5%;
    width: 110%;
    height: 150%;
    background-size: cover;
    background-position: center;
    z-index: 0;
    transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    filter: blur(8px);
    -webkit-filter: blur(8px);
    -moz-filter: blur(8px);
}

.duttyn-product-bg-overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background-color: var(--secondary-color);
    opacity: 0.85;
}

.duttyn-product-content {
    position: relative;
    z-index: 1;
    padding: 20px;
}

.duttyn-product-header {
    display: flex;
    gap: 16px;
    align-items: center;
    justify-content: space-between;
}

.duttyn-product-header-left {
    display: flex;
    gap: 16px;
    align-items: center;
}

.duttyn-product-icon {
    width: 64px;
    min-height: 64px;
    flex-shrink: 0;
    display: grid;
    place-items: center;
    border-radius: 8px;
    align-self: flex-start;
}

    .duttyn-product-icon img {
        width: 100%
    }

.duttyn-product-info h3 {
    font-size: 16px !important;
    font-family: 'Galano Regular', sans-serif !important;
    display: flex;
    align-items: center;
    gap: 5px;
    flex-wrap: wrap;
}

.duttyn-quantity {
    border: 1px solid var(--primary-highlight-color);
    font-size: 12px;
    padding: 0 5px;
    color: var(--primary-highlight-color);
}

.duttyn-product-info h3 a {
    color: var(--primary-text-color);
}

.duttyn-product-info p {
    font-size: 14px;
    color: var(--secondary-text-color);
    margin: 0;
    font-family: 'Galano Regular', sans-serif;
    float: var(--float-start);
    margin-top: 5px;
    word-break: break-word;
}

.duttyn-product-link {
    text-decoration: none;
    color: var(--primary-text-color);
    transition: var(--transition);
}

    .duttyn-product-link:hover {
        color: var(--primary-highlight-color);
    }

.duttyn-product-codes {
    margin-top: 20px;
    display: grid;
    gap: 10px;
}

.duttyn-code-line {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: rgba(0,0,0,0.33);
    padding: 12px 16px;
    font-family: 'Roboto Mono', monospace;
    position: relative;
    min-height: 48px;
    border: 1px solid rgba(255,255,255,0.1);
    max-width: 100%;
    box-sizing: border-box;
    word-break: break-all;
    overflow: hidden;
}

.duttyn-code-line-masked, .duttyn-code-line-revealed {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.duttyn-code-line-masked {
    opacity: 1;
    transform: translateY(0);
}

    .duttyn-code-line-masked span {
        color: var(--secondary-text-color);
        max-width: calc(100% - 80px);
    }

.duttyn-code-line-revealed {
    position: absolute;
    top: 0;
    left: 0;
    padding: 12px 16px;
    opacity: 0;
    transform: translateY(10px);
    pointer-events: none;
}

.duttyn-code-line.duttyn-is-revealed .duttyn-code-line-masked {
    opacity: 0;
    transform: translateY(-10px);
    pointer-events: none;
}

.duttyn-code-line.duttyn-is-revealed .duttyn-code-line-revealed {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}

.duttyn-reveal-button {
    color: var(--secondary-text-color);
    padding: 6px 10px;
    background: none;
    border: none;
    font-size: 13px;
    cursor: pointer;
    transition: var(--transition);
    font-weight: 500;
    font-family: 'Galano Regular', sans-serif;
}

    .duttyn-reveal-button:hover {
        color: var(--primary-text-color);
        border-color: #484f58;
    }

.duttyn-code-placeholder {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    padding: 12px 16px;
    color: var(--secondary-text-color);
    font-family: 'Galano Regular', sans-serif;
    font-size: 14px;
}

    .duttyn-code-placeholder.duttyn-shimmer {
        position: relative;
        overflow: hidden;
    }

        .duttyn-code-placeholder.duttyn-shimmer::after {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(255,255,255,0.05), transparent);
            animation: shimmer-anim 1.5s infinite;
        }

html[dir="rtl"] .duttyn-code-placeholder.duttyn-shimmer::after {
    animation-direction: reverse;
}

@keyframes shimmer-anim {
    100% {
        left: 100%;
    }
}

.duttyn-epin-code {
    font-size: 15px;
    letter-spacing: 1px;
    color: var(--primary-text-color);
    max-width: calc(100% - 80px);
}

.duttyn-copy-button {
    background: none;
    border: none;
    color: var(--primary-text-color);
    padding: 6px 10px;
    font-size: 13px;
    font-weight: 500;
    font-family: 'Galano Regular', sans-serif;
    display: flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
    transition: var(--transition);
}

    .duttyn-copy-button:hover {
        border-color: var(--primary-text-color);
        color: var(--primary-text-color);
    }

    .duttyn-copy-button.duttyn-copied {
        color: var(--success-color);
        border-color: var(--success-color);
    }

.duttyn-payment-details {
    padding: 20px;
    display: flex;
    flex-direction: column;
    font-family: 'Galano Regular', sans-serif;
    margin-bottom: 0;
}

.duttyn-payment-line {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
    margin-bottom: 10px;
}

    .duttyn-payment-line dt {
        color: var(--secondary-text-color);
        display: flex;
        align-items: center;
        gap: 8px;
        max-width: 50%;
        overflow: hidden;
        text-overflow: ellipsis;
    }

        .duttyn-payment-line dt svg {
            width: 16px;
            height: 16px;
            opacity: 0.7;
        }

    .duttyn-payment-line dd {
        color: var(--primary-text-color);
        text-align: right;
        margin: 0;
    }

.duttyn-summary-sep {
    border-top: 3px solid var(--secondary-color);
    padding-top: 20px;
    margin-top: 20px;
}

.duttyn-payment-total {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    align-items: center;
}

    .duttyn-payment-total dt {
        font-size: 16px;
        font-weight: 600;
        color: var(--secondary-text-color);
    }

    .duttyn-payment-total dd {
        font-size: 20px;
        font-weight: 700;
        color: var(--primary-text-color);
        margin: 0;
    }

.duttyn-actions {
    animation-delay: 0.4s;
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    justify-content: flex-end;
}

.duttyn-action-button {
    background: transparent;
    color: var(--primary-text-color);
    border: 1px solid var(--border-color);
    padding: 10px 20px;
    font-weight: 500;
    font-size: 14px;
    cursor: pointer;
    text-decoration: none;
    transition: var(--transition);
}

    .duttyn-action-button.duttyn-primary {
        background-color: var(--primary-highlight-color);
        color: white;
        border-color: var(--primary-highlight-color);
    }

        .duttyn-action-button.duttyn-primary:hover {
            background-color: #4393f9;
        }

.duttyn-action-button-icon {
    background: rgba(0,0,0,0.33);
    border: none;
    color: var(--secondary-text-color);
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    cursor: pointer;
    transition: var(--transition);
    flex-shrink: 0;
}

    .duttyn-action-button-icon:hover {
        color: var(--primary-text-color);
        border-color: #484f58;
    }

    .duttyn-action-button-icon svg {
        width: 18px;
        height: 18px;
    }

.duttyn-state-tamamlandi .duttyn-status-card {
    background-color: rgba(45, 164, 78, 0.1);
    border-color: var(--success-color);
}

.duttyn-state-tamamlandi .duttyn-status-icon {
    background-color: var(--success-color);
    color: #fff;
}

.duttyn-state-iptal .duttyn-status-card {
    background-color: rgba(241,70,70,0.1);
    border-color: #f14646;
}

.duttyn-state-iptal .duttyn-status-icon {
    background-color: #3b2121;
    color: #ff4655 !important;
    stroke: #ff4655 !important;
}

.duttyn-state-tamamlandi .duttyn-payment-total dd {
    color: var(--success-color);
}

.duttyn-state-tamamlandi #products-card {
    background-color: transparent;
    border: none;
    padding: 0;
}

.duttyn-state-islemde .duttyn-status-card {
    background-color: var(--primary-color);
    border-color: var(--primary-highlight-color);
}

.duttyn-state-islemde .duttyn-status-icon {
    background-color: var(--primary-highlight-color);
    color: #fff;
}

.duttyn-state-dogrulama .duttyn-status-card {
    background-color: rgba(210, 153, 34, 0.1);
    border-color: var(--warning-color);
}

.duttyn-state-dogrulama .duttyn-status-icon {
    background-color: var(--warning-color);
}

.duttyn-state-dogrulama .duttyn-status-card .duttyn-action-button {
    border-color: var(--warning-color);
    color: var(--warning-color);
}

    .duttyn-state-dogrulama .duttyn-status-card .duttyn-action-button:hover {
        background-color: var(--warning-color);
        color: var(--primary-bg);
    }

.duttyn-refund-notice {
    border: 1px solid #f93;
    margin-top: 10px;
    color: #f93;
    padding: 15px;
    font-size: 14px;
    font-family: 'Galano Regular', sans-serif;
}

    .duttyn-refund-notice a {
        font-family: 'Galano Bold', sans-serif;
        color: #f93 !important;
    }
    /*DUTTYN END*/



    /*BLOG BEGIN*/
.duttyb-font-display {
    font-family: 'Galano Regular', sans-serif;
}

.duttyb-glass-header {
    background: rgba(15, 20, 26, 0.85);
    backdrop-filter: blur(12px);
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.duttyb-progress-container {
    height: 3px;
    background: rgba(255, 255, 255, 0.05);
    width: 100%;
    position: relative;
    z-index: 10;
}

    .duttyb-progress-container.is-sticky {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 9999;
    }

#duttyb-progress-bar {
    height: 100%;
    background: var(--primary-highlight-color);
    width: 0%;
    transition: width 0.1s ease;
}

.duttyb-nav-link {
    font-family: 'Galano Regular', sans-serif;
    font-weight: 700;
    font-size: 0.875rem;
    color: var(--secondary-text-color);
    text-decoration: none;
    padding-bottom: 4px;
    transition: color 0.2s ease;
}

    .duttyb-nav-link:hover, .duttyb-nav-link.active {
        color: var(--primary-highlight-color);
    }

    .duttyb-nav-link.active {
        border-bottom: 2px solid var(--primary-highlight-color);
    }

.duttyb-breadcrumb {
    font-family:'Galano Regular', sans-serif;
    font-size: 18px;
    justify-content: center;
    color: var(--secondary-text-color);
}

    .duttyb-breadcrumb a {
        color: inherit;
        text-decoration: none;
        transition: color 0.2s ease;
    }

        .duttyb-breadcrumb a:hover {
            color: var(--primary-text-color);
        }

.duttyb-article-title {
    font-family: 'Galano Bold', sans-serif;
    color: var(--primary-text-color);
}

.duttyb-hero-container {
    overflow: hidden;
    background-color: var(--duttyb-surface-container-low);
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
}

.duttyb-hero-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 1s ease;
}

.duttyb-hero-container:hover .duttyb-hero-image {
    transform: scale(1.05);
}

.duttyb-prose h1, h2, h3, h4, h5 {
    font-family: 'Galano Medium', sans-serif !important;
    margin-bottom: 10px !important;
    margin-top: 15px !important;
    width: 100%;
    float: left;
}

.duttyb-prose img {
    width: 100% !important;
}

.duttyb-prose iframe {
    width: 100% !important;
}

.duttyb-prose p {
    font-size: 16px;
    color: var(--secondary-text-color);
    margin-bottom: 1.5rem;
}

.duttyb-prose blockquote {
    background-color: var(--secondary-color);
    font-size: 18px;
    margin: 30px 0;
    color: var(--primary-text-color);
    border: 1px solid var(--secondary-color);
    border-left: 2px solid var(--primary-highlight-color);
    padding: 15px 30px;
}

.duttyb-product-card {
    background-color: var(--duttyb-surface-container);
    border-radius: 1.25rem;
    padding: 1.5rem;
    border: 1px solid rgba(255, 255, 255, 0.05);
    transition: all 0.3s ease;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 1.5rem;
}

    .duttyb-product-card:hover {
        background-color: var(--duttyb-surface-container-high);
        transform: translateY(-2px);
    }

.duttyb-product-img-wrapper {
    width: 100px;
    height: 130px;
    border-radius: 0.75rem;
    overflow: hidden;
    flex-shrink: 0;
    box-shadow: 0 10px 20px rgba(0,0,0,0.3);
}

.duttyb-product-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.duttyb-product-card:hover .duttyb-product-img {
    transform: scale(1.1);
}

.duttyb-badge {
    font-size: 9px;
    font-weight: 800;
    text-transform: uppercase;
    padding: 4px 8px;
    border-radius: 6px;
    background-color: var(--duttyb-surface-container-highest);
    color: var(--secondary-text-color);
}

.duttyb-price-box {
    background: rgba(16, 149, 242, 0.15);
    border: 1px solid rgba(16, 149, 242, 0.2);
    padding: 4px 12px;
    border-radius: 8px;
}

.duttyb-cart-btn {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background-color: var(--duttyb-primary-brand);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    transition: transform 0.2s ease;
    box-shadow: 0 4px 12px rgba(16, 149, 242, 0.3);
}

    .duttyb-cart-btn:hover {
        transform: scale(1.1);
    }

.duttyb-related-card {
    text-decoration: none;
    color: inherit;
}

.duttyb-related-img-wrapper {
    aspect-ratio: 16/10;
    border-radius: 0.75rem;
    overflow: hidden;
    margin-bottom: 1rem;
    position: relative;
}

.duttyb-related-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.7s ease;
}

.duttyb-related-card:hover .duttyb-related-img {
    transform: scale(1.1);
}

.duttyb-footer {
    background-color: var(--duttyb-surface-container-low);
    border-top: 1px solid rgba(255, 255, 255, 0.05);
    padding: 4rem 0;
}

.duttyb-selection-brand::selection {
    background: rgba(16, 149, 242, 0.3);
}

.duttyb-article-header {
}

.duttyb-short-text {
    max-width: 650px;
    color: var(--secondary-text-color);
}

.duttyb-summary {
    font-size: 12px;
    color: var(--secondary-text-color);
}

.duttyb-author {
    font-family: 'Galano Regular', sans-serif;
    color: var(--primary-text-color);
}

.duttyb-author-image {
    width: 48px;
    height: 48px;
    border: 2px solid var(--secondary-color);
}

.duttyb-author-label {
    font-size: 10px;
    color: var(--secondary-text-color);
}

.duttyb-general-content {
    padding: 30px;
    background-color: var(--primary-color);
    border: 1px solid var(--secondary-color);
    width: 100%;
    float: left;
}

.duttyb-read-time {
    font-family:'Galano Regular', sans-serif;
    color: var(--secondary-text-color);
    font-size: 12px;
    background-color: rgba(255, 255, 255, 0.05);
    border-radius: 50px;
    padding: 5px 15px;
}

    .duttyb-read-time i {
        margin-right: 5px;
    }

.duttyb-bg-cover {
    background-size: cover;
    background-position: center;
    width: 100%;
    min-height: 800px;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 60%, rgba(0, 0, 0, 0));
    mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0));
    opacity: 0.25;
    -webkit-filter: blur(30px);
    filter: blur(30px);
}

.duttyb-section {
    width: 100%;
    float: left;
}

.duttyb-container {
}
    /*BLOG END*/


    /*END HERE*/
@keyframes move {
    100% {
        transform: translate3d(0, 0, 1px) rotate(360deg);
    }
}

.bg-plan2 {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: transparent;
    overflow: hidden;
}

    .bg-plan2 span {
        width: 20vmin;
        height: 20vmin;
        border-radius: 20vmin;
        backface-visibility: hidden;
        position: absolute;
        animation: move;
        animation-duration: 50;
        animation-timing-function: linear;
        animation-iteration-count: infinite;
    }


        .bg-plan2 span:nth-child(0) {
            color: #59ff00;
            top: 90%;
            left: 39%;
            animation-duration: 6s;
            animation-delay: -1s;
            transform-origin: -17vw -6vh;
            box-shadow: -40vmin 0 5.171954790811422vmin currentColor;
        }

        .bg-plan2 span:nth-child(1) {
            color: #ffd500;
            top: 26%;
            left: 36%;
            animation-duration: 6s;
            animation-delay: -1s;
            transform-origin: 16vw 25vh;
            box-shadow: 40vmin 0 5.79039191850809vmin currentColor;
        }

        .bg-plan2 span:nth-child(2) {
            color: #ffd500;
            top: 56%;
            left: 3%;
            animation-duration: 6s;
            animation-delay: -1s;
            transform-origin: -16vw 1vh;
            box-shadow: -40vmin 0 5.715975775447452vmin currentColor;
        }

        .bg-plan2 span:nth-child(3) {
            color: #59ff00;
            top: 47%;
            left: 82%;
            animation-duration: 6s;
            animation-delay: -1s;
            transform-origin: -21vw 15vh;
            box-shadow: 40vmin 0 5.736243772770498vmin currentColor;
        }

        .bg-plan2 span:nth-child(4) {
            color: #004cff;
            top: 18%;
            left: 67%;
            animation-duration: 6s;
            animation-delay: -1s;
            transform-origin: -9vw 4vh;
            box-shadow: 40vmin 0 5.730974602675909vmin currentColor;
        }

        .bg-plan2 span:nth-child(5) {
            color: #59ff00;
            top: 13%;
            left: 17%;
            animation-duration: 6s;
            animation-delay: -1s;
            transform-origin: -1vw -8vh;
            box-shadow: -40vmin 0 5.017716784474955vmin currentColor;
        }

        .bg-plan2 span:nth-child(6) {
            color: #004cff;
            top: 31%;
            left: 1%;
            animation-duration: 6s;
            animation-delay: -1s;
            transform-origin: -17vw -3vh;
            box-shadow: -40vmin 0 5.832221701087684vmin currentColor;
        }

        .bg-plan2 span:nth-child(7) {
            color: #ffd500;
            top: 72%;
            left: 50%;
            animation-duration: 6s;
            animation-delay: -1s;
            transform-origin: -11vw -7vh;
            box-shadow: -40vmin 0 5.820002884122133vmin currentColor;
        }

        .bg-plan2 span:nth-child(8) {
            color: #ff004c;
            top: 74%;
            left: 9%;
            animation-duration: 6s;
            animation-delay: -1s;
            transform-origin: -6vw 21vh;
            box-shadow: -40vmin 0 5.2318915734141545vmin currentColor;
        }

        .bg-plan2 span:nth-child(9) {
            color: #004cff;
            top: 16%;
            left: 53%;
            animation-duration: 6s;
            animation-delay: -1s;
            transform-origin: 17vw 2vh;
            box-shadow: 40vmin 0 5.040524523854685vmin currentColor;
        }

        .bg-plan2 span:nth-child(10) {
            color: #59ff00;
            top: 88%;
            left: 48%;
            animation-duration: 6s;
            animation-delay: -1s;
            transform-origin: -14vw -18vh;
            box-shadow: 40vmin 0 5.015570650437077vmin currentColor;
        }

        .bg-plan2 span:nth-child(11) {
            color: #004cff;
            top: 72%;
            left: 22%;
            animation-duration: 6s;
            animation-delay: -1s;
            transform-origin: 6vw 15vh;
            box-shadow: 40vmin 0 5.753633688327094vmin currentColor;
        }

        .bg-plan2 span:nth-child(12) {
            color: #ffd500;
            top: 27%;
            left: 86%;
            animation-duration: 6s;
            animation-delay: -1s;
            transform-origin: -6vw -21vh;
            box-shadow: 40vmin 0 5.915316430193448vmin currentColor;
        }

        .bg-plan2 span:nth-child(13) {
            color: #004cff;
            top: 14%;
            left: 20%;
            animation-duration: 6s;
            animation-delay: -1s;
            transform-origin: -24vw -5vh;
            box-shadow: -40vmin 0 5.261751310454036vmin currentColor;
        }

        .bg-plan2 span:nth-child(14) {
            color: #59ff00;
            top: 67%;
            left: 95%;
            animation-duration: 6s;
            animation-delay: -1s;
            transform-origin: 11vw 17vh;
            box-shadow: -40vmin 0 5.402401927549488vmin currentColor;
        }

        .bg-plan2 span:nth-child(15) {
            color: #59ff00;
            top: 85%;
            left: 36%;
            animation-duration: 6s;
            animation-delay: -1s;
            transform-origin: -8vw 12vh;
            box-shadow: -40vmin 0 5.344903314297389vmin currentColor;
        }

        .bg-plan2 span:nth-child(16) {
            color: #ff004c;
            top: 84%;
            left: 85%;
            animation-duration: 6s;
            animation-delay: -1s;
            transform-origin: -21vw 22vh;
            box-shadow: -40vmin 0 5.508388088958395vmin currentColor;
        }

        .bg-plan2 span:nth-child(17) {
            color: #ffd500;
            top: 12%;
            left: 7%;
            animation-duration: 6s;
            animation-delay: -1s;
            transform-origin: -8vw 3vh;
            box-shadow: -40vmin 0 5.5390339303971805vmin currentColor;
        }

        .bg-plan2 span:nth-child(18) {
            color: #ffd500;
            top: 96%;
            left: 50%;
            animation-duration: 6s;
            animation-delay: -1s;
            transform-origin: 5vw -24vh;
            box-shadow: -40vmin 0 5.365372155425142vmin currentColor;
        }

        .bg-plan2 span:nth-child(19) {
            color: #ff004c;
            top: 4%;
            left: 39%;
            animation-duration: 6s;
            animation-delay: -1s;
            transform-origin: -12vw 13vh;
            box-shadow: -40vmin 0 5.134551151236758vmin currentColor;
        }


.dutty-category-wrapper .container-fluid{padding-inline-start:20px !important;padding-inline-end:20px !important;}
@-webkit-keyframes pulse2 {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255,255,255, 0.4);
        }

    70% {
        -webkit-box-shadow: 0 0 0 15px rgba(255,255,255, 0);
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255,255,255, 0);
    }
}

@keyframes pulse2 {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255,255,44, 0.4);
        box-shadow: 0 0 0 0 rgba(255,255,255, 0.4);
    }

    70% {
        -moz-box-shadow: 0 0 0 15px rgba(255,255,255, 0);
        box-shadow: 0 0 0 15px rgba(255,255,255, 0);
    }

    100% {
        -moz-box-shadow: 0 0 0 0 rgba(255,255,255, 0);
        box-shadow: 0 0 0 0 rgba(255,255,255, 0);
    }
}

@keyframes loaderFillUp {
  0% {
    height: 0%;
    opacity: 0;
  }
  18% {
    opacity: 1;
  }
  82% {
    height: 100%;
    opacity: 1;
  }
  100% {
    height: 100%;
    opacity:0;
  }
}
@keyframes topBubbles {
  0% {
    background-position: 5% 90%, 10% 90%, 10% 90%, 15% 90%, 25% 90%, 25% 90%, 40% 90%, 55% 90%, 70% 90%;
  }
  50% {
    background-position: 0% 80%, 0% 20%, 10% 40%, 20% 0%, 30% 30%, 22% 50%, 50% 50%, 65% 20%, 90% 30%;
  }
  100% {
    background-position: 0% 70%, 0% 10%, 10% 30%, 20% -10%, 30% 20%, 22% 40%, 50% 40%, 65% 10%, 90% 20%;
    background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%;
  }
}
@keyframes bottomBubbles {
  0% {
    background-position: 10% -10%, 30% 10%, 55% -10%, 70% -10%, 85% -10%, 70% -10%, 70% 0%;
  }
  50% {
    background-position: 0% 80%, 20% 80%, 45% 60%, 60% 100%, 75% 70%, 95% 60%, 105% 0%;
  }
  100% {
    background-position: 0% 90%, 20% 90%, 45% 70%, 60% 110%, 75% 80%, 95% 70%, 110% 10%;
    background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%;
  }
}

@keyframes pulse {
	0% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
	}

	70% {
		transform: scale(1);
		box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
	}

	100% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
	}
}

@keyframes pulseScale {
	0% {
		transform: scale(0.75);
	}

	70% {
		transform: scale(1.1);
	}

	100% {
		transform: scale(0.75);
	}
}

@keyframes pulseScale2 {
    0% {
        transform: scale(1);
    }

    70% {
        transform: scale(0.90);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  
  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }

  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }

  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}

@media screen and (max-width: 400px){
    .header-mobile-logo{display:none !important}
    .header-desktop-logo{display:block !important;height:40px !important;}
}

@media screen and (max-width: 500px) {
    body.noscroll{overflow:hidden !important;}
    .category-header h1{font-size:20px;}
    .profile-username{font-size:18px;}
    .content-wrapper{padding-inline-start:15px !important;padding-inline-end:15px !important}
    .col{padding-inline-start:7.5px !important;padding-inline-end:7.5px !important}
    .sale-item{margin-bottom:15px !important}
    .heading-wrapper{display: inline-block !important;}
    .sale-item-details{padding:10px !important;padding-top:30px !important}
    .slider-content h2{font-size:30px !important;}
    .slider-content p{font-size:16px !important;}
    .featured-comments{width: 90% !important;margin-inline-start:5% !important;margin-inline-end:5% !important}
    .a-search-container{padding:20px;}
    .platform-filter{font-size:14px;height:35px;line-height:35px;}
    .sidebar-wrapper{display:none;}
    .sidebar-game{height:auto !important;margin-bottom:5px;}
    #toast-container{padding-inline-start:0 !important;}
    .buy-container{flex-direction:column;}
    .piece-counter{width:100% !important;}
    .buy-button{width:100% !important;}
    .product-actions{margin-top:15px;}
    .product-badges{text-align:center;}
    .product-badges li:last-child{margin:0;}
    .product-title{text-align:center;}
    .product-desc{text-align:center;}
    .form-notice{font-size:14px;}
    .action-flex-form-group{flex-direction:column;}
    .action-flex-form-group .flexbox{width:100%;}
    .accounts-header{flex-direction:column-reverse;}
    .logged-user{padding:0 10px !important;margin-inline-start:10px;}
    .logged-icon{min-width:auto;padding:0 5px;}
    .logged-icon span{right:2px;top:10px;}
    .header-wrapper{height:60px;padding:10px !important}
    .header-actions{display:flex;}
    .header{height:100%;}
    .user-menu{top:60px;}
    .logged-user-avatar img{width:32px;height:32px;}
    .logged-username{font-size:14px;display:none;}
    .header-actions a{font-size: 12px !important;float:var(--float-start);}
    .header-register-button{padding:5px !important;margin-inline-start:10px;}
    .header-login-button{padding:5px !important;}
    .sidebar-bars{height:60px;}
    .mobile-search-container{width: 100%;left:0px;top:-1px;}
    .last-visit-content .log-ul li{display:block;width:100%;float:var(--float-start);gap:0px;}
        .last-visit-content .log-ul li .log-date{width:50%;float:var(--float-start);}
        .last-visit-content .log-ul li .log-ip{width:50%;float:var(--float-start);text-align: var(--ta-end);}
        .last-visit-content .log-ul li .log-content{width:100%;float:var(--float-start);margin-top:10px;}
        .user-panel-counters{display:block;padding-bottom:20px;}
        .up-counter{width:100%;margin-inline-end:0;margin-bottom:10px;}
        .user-panel-counters .up-counter:last-child{margin:0;}
        .last-visit-label{text-align:center;}
        .last-visit-profile{display:inline-block;float:none;margin:5px;}
        .last-visited-profiles{text-align:center !important;}
        .last-visit-profile{width:60px;}
        .last-visit-profile a{font-size:12px;}
        .page-desc{text-align:center;}
        .accounts-header .header-button a{font-size:28px;}
        .inactive-button a{font-size:16px;}
        .security_option{width:50%;margin-inline-end:0;}
        .account-setting-wrapper .row .col{padding:0 !important;}
        .setting-group-action button{padding:0;width:100%;text-align:center;}
        .setting-group-name{font-size:12px;}
        .setting-group-value{font-size:14px;}
    .game-overview-icon {
        width: 64px;
        height: 64px;
    }

    .user-input-modal-wrapper {
        padding: 0px !important;
        z-index: 999999;
    }
    .user-input-modal {
        width: 100%;
        max-width: 100%;
        position: fixed;
        border-radius:0;
        padding:30px;
        overflow-y:scroll;
        top:unset;
        bottom:0;
        max-height:100%;
    }
    .related-product {
        width: 50% !important
    }

    .sale-details{padding-top:0px !important;}
    .sale-content{padding-bottom:0px !important;}
    .attr-details{margin-inline-start:0 !important;}
    .sale-description{margin-top:0px;}
    .sale-attr .attr-value{font-size:14px;}
    .sale-attr .attr-label{font-size:10px;}
    .sale-attr .attr-icon{margin-inline-end:5px;}
    .sale-attr{padding:0 10px;min-height:45px;}
    .profile-stat{padding:1px 20px}

    .ajax-container{max-width:100%;position:fixed;width:100%;height:100%;left:0;right:0;bottom:0;top:0;overflow: scroll;}
    .ajax-container .pr-button{width:calc(100% - 60px);position:relative;left:30px;}

    .chat-wrapper{width:100%;height:100%;top:0;bottom:0;right:0;left:0;border:none;touch-action:none;}
    .c_bottom{left:0;right:0;bottom:0;}

    .alt-categories-title{flex-direction:column;}
    .alt-categories-search{width:100%;margin-top:10px;}
    .timeline-step-short{display:none;}
    .timeline-step-desc{width:100%;padding:0;}
    .stock-management{margin-top:15px;}
    .timeline-heading {
        padding-inline-start: 15px;
        border-inline-start: 3px solid var(--primary-highlight-color);
    }
    .visual-feature-icon{display:none;}
    .checkbox-button{width:100%;}
    #btnFeaturesDone{width:100%;float:var(--float-start);}
    .sale-content .category-header{padding:30px 15px;padding-bottom:0px;}
    .footer-logo{text-align:center;}
    .footer-company-name{text-align:center;}
    .footer-social-media{text-align:center;}
    .up-content-wrapper{padding:15px!important;}
    .sale-owner-menu{width:100% !important;}
    .product-inner{
    display: flex;
    flex-direction: column;
    align-items: center;}
    .slides{height:600px !important;}
    .slider{height:600px !important;}
    .game-search-container{margin-inline-start:0 !important;margin-inline-end:0 !important;width:100% !important;}
    .notice-content{padding:20px !important;}
    .notice-content strong{font-size:20px !important;}
    .notice-content p{font-size:14px !important;}
    .cwmessage{font-size:16px !important;}
    .address-title{font-size:20px !important;}
    .product-single-absolute-category-header {
        display: none !important;
    }
    .np-product-details h1{font-size:24px !important;}
    .np-product-content-label{font-size:12px !important;}
    .more-info {
        text-align: center !important;
    }
    .np-product-details-content .sale-image-container {
        height: 250px !important;
    }

    .logged-user-container {
        width: calc(100% - 45px) !important;
    }
    .header-cart{padding:0px 10px !important;}
    .cart-item-name{font-size:14px !important;}
    .cart-item-icon{display:none;}
    .cart-item{padding:8px !important;}
    .cart-item-counter span{margin-bottom:1px !important;}
    .cart-item-counter{margin-inline-end:0 !important;}
    .ci-old-price {
        font-size: 10px !important;
    }
    .ci-new-price{font-size:14px !important;}
    .cart-summary{padding:15px;}

    .category-breadcrumb ul li a{font-size:10px;}
    .np-product-rating-label{display:none;}
    .go-new-wrapper .category-breadcrumb h1 {
        font-size: 18px;
    }
    .dutty-h1{font-size:18px;}

    .express-product-container .go-product .go-product-image-wrapper {
        min-height:150px !important;
    }

    .dutty-category-header{height:190px;}
    .dutty-category-flex{padding-inline-start:20px !important;padding-inline-end:20px !important;}

    .dutty-sale-g-1{max-height:250px;height:auto;}
    .game-overview-icon img{object-fit:contain;}
    .dutty-sale-inner p{display:none;}
    .dutty-item-bottom{padding:10px;}
    .action-form-group .pr-button {
        max-width: 100%;
        width: 100%;
    }
    .index-slider-container{margin-top:15px;}
    .dutty-slider{margin-bottom:15px !important;height:350px;}
    .dutty-slider-card-container{gap:15px !important;}
    .dutty-slider-item img{object-position:right;}
    .header-username{display:none;}
    .header-avatar{border-color:var(--primary-highlight-color);width:35px;height:35px;}
    .dutty-panel-2-col{gap:0 !important;}
    .generalinfos{padding:15px !important;}
    .dutty-panel-stats-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }
    .user-comment{flex-direction:column;}
    .user-comment-left{margin-bottom:10px;}
    .user-comment-details{padding-inline-start:0;}
    .comment-bought{text-align:center;}
    .user-comment-rating{text-align:center;}
    .comment-text{text-align:center;}
    .user-comment-date{text-align:center;}
    .dutty-sale-tab-content{padding:15px;}
    .dutty-sale-tab-content p{margin-bottom:0;}
    .dutty-add-new-sale{margin-inline-end:auto;}
    .active-filter-mobile{width:100%;margin-inline-end:0 !important;margin-bottom:0 !important;}
    .dutty-category-st{border:1px solid var(--secondary-color);border-bottom:none;}
    .region-settings-flex{align-items:flex-end;}
    .select2-dropdown {
        -webkit-box-shadow: 0px -40px 60px -30px #000 !important;
        box-shadow: 0px -40px 60px -30px #000 !important;
        -moz-box-shadow: 0px -40px 60px -30px #000 !important;
    }
    .duttyb-container{padding-top:50px !important;padding-bottom:50px !important;}
    .duttyb-summary{flex-direction:column !important}
}

@media screen and (max-width:350px){
    .col-6{max-width:100% !important;flex:unset !important;}
    .mobile-search-button{display:none !important;}
}

@media screen and (max-width: 768px){
    .slider{max-height: inherit !important;}
    .slider-content{text-align: center !important;margin-bottom:50px;}
    .footer-menu-group ul{margin-bottom:30px}
    .footer-corp-details{margin-bottom:30px !important}
    .footer-menu{padding:20px 10px;}
    footer{padding-bottom:0 !important;margin-top:-5px !important;}
    footer.site-footer{padding:44px 0 34px !important;margin-top:0 !important;}
    .site-footer .footer-corp-details{padding-inline-end:0;}
    .site-footer .footer-logo,.site-footer .footer-company-name{text-align:var(--ta-start);}
    .site-footer .footer-company-desc{max-width:none;}
    .site-footer .footer-social-media ul{justify-content:flex-start;}
    .site-footer .footer-menu{padding:10px 0 0;}
    .site-footer .footer-menu-group{padding-inline-start:0;}
    .site-footer .footer-menu-group h5{margin-bottom:12px !important;}
    .site-footer .footer-menu-group ul li,.site-footer .footer-menu-group ul li a{width:100%;display:block;}
    .a-search-container .input-container{margin-bottom: 20px;}
    .filter-order-item{width:100% !important;text-align:left !important;}
    .filter-order label{text-align:left !important;}
    #desktop-filter-button{display:none;}
    .filter-wrapper .col{flex-wrap: wrap;}
    #mobile-filter-button{display:block !important;}
    #mobile-filter-button button{width:100%;}
    .product-image{width:100%;float:var(--float-start);text-align:center;}
    .product-image img{width:120px;}
    .product-details{width:100%;float:var(--float-start);padding:0;}
    .mt15-mobile{margin-top:15px;}
    .related-product {
        width:33%;
    }
    .selected-category-list{padding:10px;}
    .selected-category-list .category-item{width:100%;margin:0;padding-inline-end:0;}
    .selected-category-list .category-item:last-child{margin-bottom:0;}
    .selected-category-sep{width:100%;height:50px;}
    .selected-category-sep i{transform:rotate(90deg);}
    .choose-alt-cat{width:100%;}
    .product-icon img{width:125px !important;}
    .header-menu{display:none;}
    .header-menu-mobile{display:none !important;}
    .header-mobile-menu-button{display:flex !important;}
    .blog-slide{margin-inline-end:0px !important;}
    .slide-arrow{display:none;}
    .blog-wrapper{padding-top:50px !important;padding-bottom:150px !important;}
    .blog-single h1{font-size:24px !important;}
    .notice-wrapper .notice-bg{display:none;}
    .notice-content{width:100%;}
    .letter-filter .letter-del{display:none;}
    .sale-attr{width:100% !important;margin:0;margin-bottom:5px;}
    .product-attr {
        width: 100%;
        margin-inline-end: 0;
    }
    .product-single{padding-top:27.5px !important;}
    .np-product-details{padding-top:15px !important;}
    .product-action-container{text-align:left !important;margin-top:30px !important;}
    .supplier-details{justify-content:center;align-items:center;margin-bottom:25px;}
    .supplier-price{align-items:center;}
    .mobile-search-button {
        margin-inline-end: auto !important;
    }
    .logged-user-container {
        width: calc(100% - 75px)
    }

    .game-overview-inner img {
        max-width: 100% !important;
    }

    .nfp-icon img{width:48px !important;}
    .nfp-content{margin-top:15px !important;}
    .cart-heading{padding:10px !important;}
    .cart-item .game-product-piece-group button {
        display: none;
    }
    .cart-total{text-align:center;margin-bottom:15px;}
    .coupon-wrapper{justify-content:center !important;}
    .cart-payment-option{width:90% !important;}

    .express-product-container {
        padding-inline-start: 5px !important;
        padding-inline-end: 5px !important;
    }

        .express-product-container .go-product {
            margin-bottom: 10px !important;
        }
    .header-desktop-logo{display:none;}
    .header-mobile-logo{display:block;}
    .header-right-desktop{display:none;}
    .header-right-mobile{display:flex;}
    .show-on-mobile{display:block;}
    .hide-on-mobile{display:none;}
    .header-search{display:none;}
    .header-search.active{display:block !important;width:100%;position:absolute;left:0;padding:0 10px;}
    .tsearch{max-height:100%;height:calc(100% - 60px);position:fixed;bottom:0;right:0;left:0;top:60px;}
    #searchIcon{right:30px;}
    .dutty-store-content {
        position: relative;
        top: -75px !important;
    }
}

@media only screen and (max-width: 800px) {
    
    /* Force table to not be like tables anymore */
	#no-more-tables table, 
	#no-more-tables thead, 
	#no-more-tables tbody, 
	#no-more-tables th, 
	#no-more-tables td, 
	#no-more-tables tr { 
		display: block; 
	}
 
	/* Hide table headers (but not display: none;, for accessibility) */
	#no-more-tables thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
 
	#no-more-tables td { 
		/* Behave  like a "row" */
		border: none;
		position: relative;
		padding-inline-start: 50%; 
        overflow-wrap:break-word;
		text-align: var(--ta-start);
        font-family:'Galano Medium', sans-serif;
	}
 
	#no-more-tables td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-inline-end: 10px; 
		text-align: var(--ta-start);
		font-weight: bold;
        font-family:'Galano Bold', sans-serif;
	}
 
	/*
	Label the data
	*/
	#no-more-tables td:before { content: attr(data-title); }
}

@media screen and (max-width: 992px){
    .main-container{padding-top:60px !important;}
    header{padding:5px;height:60px;}
    header .col-6{padding:0;}
    .header-container {
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        box-shadow: 0px 7px 30px -10px #000000;
        -webkit-box-shadow: 0px 7px 30px -10px #000000;
        -moz-box-shadow: 0px 7px 30px -10px #000000;
        z-index: 99999;
    }
    .sale-comments {
        justify-content: center !important;
        margin-top: 20px;
    }
    .category-sidebar{display:none !important}
    .category-content{margin-inline-start:0 !important;width:100% !important}
    .category-mobile-cats{display:block !important;}
    .mobile-search-button{display:flex;}
    .account-setting-group{margin-bottom:30px;}
    .product-content-wrapper {
        flex-direction: column;
    }
    .product-content-wrapper .left {
        width: 100%;
    }

    .product-content-wrapper .right {
        width: 100%;
    }
    .product-image-container {
        height:300px;
    }
    .product-image-overlay img {
        height: 80%;
    }

        .profile-actions{width:100% !important;margin-top:15px;justify-content:center;}
    .profile-send-message{width:100% !important;}
    .profile-header{flex-direction:column;}
    .profile-username{padding-inline-start:0;text-align:center;}
    .profile_details .profile-stickers{padding-inline-start:0;width:100%;display:flex;justify-content:center;}
    .sale-tabs{justify-content:center;}
    .sale-tab{white-space:nowrap;margin:0 10px;}
    .flex-reverse-992{flex-direction:column-reverse !important;}
    .game-overview-wrapper .category-header .game-overview-content{margin-top:0px !important;padding:0 !important;}
    .game-overview-content{padding-top:0px !important;}
    .game-overview-menu{margin-top:0 !important;}
    .game-overview-content{padding:30px;}
    .game-overview-menu-item span a{font-size:24px;}
    .game-overview-menu-item small{font-size:14px;}
    .game-overview-inner h1{font-size:18px !important;}
    .game-overview-inner p{font-size:14px !important;}
    .game-overview-inner table td{padding:10px;}
    .game-overview-area .row{padding-inline-start:7.5px !important;padding-inline-end:7.5px !important;}
    .game-overview-area .col{padding-inline-start:7.5px !important;padding-inline-end:7.5px !important;}
    .product-icon img{width:200px;float:none;}
    .product-icon{text-align:center;}
    .game-product-right{text-align:center;}
    .game-product-price-group{justify-content:center;}
    .post-view{margin-bottom:30px !important;padding:15px !important;}
    .post-thumbnail{position:relative;left:unset !important;right:unset !important;width:100%;height:200px;top:unset !important;margin-bottom:30px !important;}
    .contact-card{flex-direction:column;}
    .contact-card-map{width:100%;height:300px;}
    .contact-card-content{width:100%;}
    .contact-card-content .address-description:last-child{margin:0;}
    .profile_stickers{margin-inline-start:0px !important;text-align:center !important;padding:0px !important;}
    .profile-sticker-lg{margin-bottom:15px !important;}
    .post-content img{width:100% !important;}
    .go-menu ul li {
        font-size: 10px;
        display: inline-block;
        text-align: center;
        padding: 8px;
        overflow: hidden;
        text-overflow: ellipsis;
    }
        .go-menu ul li i{width:100%;float:var(--float-start);margin:0;margin-bottom:2px;}
        .go-menu ul li:not(.active):hover {
            font-size: 10px;
        }

            .go-menu ul li:not(.active):hover i {
                font-size: 20px;
            }

    .dutty-category-flex{flex-direction:column;}
    .dutty-category-content{width:100%;position:relative}
    .dutty-category-sidebar {
        width: 100%;
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        background-color: var(--primary-bg);
        z-index: 99999;
        overflow-y: scroll;
        padding-inline-start: 15px;
        padding-inline-end: 15px;
        padding-top: 15px;
        padding-bottom: 125px;
        display:none;
    }
    .dutty-category-filter {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: var(--primary-bg);
        height: 85px;
    }
    .dutty-c-apply-filter{position:relative !important;width:100% !important;}
    .dutty-category-filter-action {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: var(--primary-bg) !important;
        height: 110px;
        padding: 15px;
        border-top: 2px solid var(--secondary-color);
    }
        .dutty-category-filter-action button {
            position: relative !important;
            width: 100% !important;
            box-shadow: unset !important;
        }
    .dutty-category-reset-filter{margin-top:10px;z-index:2;}
    .dutty-category-m-close {
        display: block;
        position: fixed;
        top: -20px;
        right: -20px;
        width: 66px;
        height: 66px;
        background-color: #f14646;
        z-index: 2;
        color: #fff;
        border-radius: 50px;
        line-height: 75px;
        padding-inline-start: 20px;
        cursor: pointer;
    }
    html[dir="rtl"] .dutty-category-m-close {
        right: auto;
        left: -20px;
    }
    .dutty-category-m-sidebar{display:block;}
    .dutty-sort label{display:none;}
    .dutty-sort-container {
        margin-bottom: 15px;
    }
    .dutty-sort select{background-color:var(--primary-color);font-size:14px;max-width:100%;}
    .dutty-kr-left{width:100%;padding-bottom:0;}
    .dutty-kr-right{width:100%;margin-inline-start:0;margin-top:20px;}
    .dutty-kr-right-tray{position:relative;}
    .dutty-kr-container {
        display: block;
    }
    .dipi-right{display:none;}
    .chat_button.cb_desktop {
        display: none !important;
    }

    .chat-tray {
        display: none !important;
    }

    .dutty-mobile-navigation{display:block;}
    .header-bottom{display:none;}
    .dutty-slider{margin-bottom:20px;}
    .header-mobile-burger {
        display: block;
    }

    .dutty-panel-main-content{margin:0;}
    .dutty-panel-page-title{display:none;}
    .user-panel-mobile-navigation{display:flex;}

    .buy-sale.fixed {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 999;
        margin-bottom: 0 !important;
        display: flex;
        align-items: center;
        padding: 10px 30px;
    }

    #buy-sale-sentinel {
        height: 1px;
        float:var(--float-start);
        width: 100%;
    }

    .dutty-category-content{padding-top:15px;}
    .dutty-sort-container{position:relative;}
    .header-region-container{display:none;}
    .hide-on-desktop{display:block !important;}
    .payment-channels{min-height:auto;}
    .express-flex-summary {
        background: var(--primary-color);
        background: -webkit-linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, var(--primary-color) 85%) !important;
        background: -moz-linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, var(--primary-color) 85%) !important;
        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, var(--primary-color) 85%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#141C27", GradientType=1) !important;
    }
}

@media screen and (min-width: 992px) {
    .mobile-search-container{display:none !important}
}

@media screen and (min-width: 768px) {
    .mobile-menu-container{display:none !important;}
}

@media screen and (min-width: 500px) {
    .sidebar-mobile-overlay{display:none !important;}
}

@media screen and (max-width: 1200px){
    .content-wrapper{padding:60px;}
    .up-counter{float:var(--float-start);}
    .game-product-piece{margin-top:15px;}
    .product-icon{margin-bottom:30px;}
    .slide-previews{display:none;}
    .slide-navigation{display:flex;}
    .dutty-sale-left{width:100%;}
    .dutty-sale-right{width:100%;padding-inline-start:0;}
}

@media screen and (max-width: 1400px){
    .header-menu{display:none;}
    .header-menu-mobile{display:flex;}
}
/* PLYR global user panel modal */
.user-input-modal-wrapper{padding:20px;}
.user-imw-overlay{background-color:rgba(0,0,0,0.72);}
.user-input-modal{max-width:480px;width:100%;max-height:calc(100vh - 40px);overflow:auto;padding:26px;padding-top:28px;background-color:var(--primary-color);border:1px solid var(--secondary-color);box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;}
.user-input-modal .modal-desc{margin-bottom:18px;color:var(--secondary-text-color);font-size:13px;line-height:1.5;text-align:var(--ta-start);}
.user-input-modal-close{right:14px;top:12px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border:0;background-color:transparent;font-size:18px;}
html[dir="rtl"] .user-input-modal-close{right:auto;left:14px;}
.user-input-modal-close:hover{color:var(--primary-text-color);transform:none;}
.user-input-modal-head{width:100%;float:var(--float-start);display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;align-items:center;margin-bottom:18px;padding-inline-end:34px;}
.user-input-modal-icon{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border:1px solid var(--secondary-color);background-color:var(--primary-bg);color:var(--primary-highlight-color);font-size:16px;}
.user-input-modal-title{color:var(--primary-text-color);font-family:'Galano Bold', sans-serif;font-size:18px;line-height:1.2;text-align:var(--ta-start);}
.user-input-modal-kicker{margin-top:4px;color:var(--secondary-text-color);font-family:'Galano Regular', sans-serif;font-size:12px;line-height:1.35;text-align:var(--ta-start);}
/* PLYR centered premium modal layer */
.user-input-modal-wrapper{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;align-items:center!important;justify-content:center!important;padding:24px!important;z-index:100000!important;}
.user-input-modal-wrapper[style*="display: flex"],.user-input-modal-wrapper.is-active{display:flex!important;}
.user-imw-overlay{position:fixed!important;inset:0!important;background-color:rgba(0,0,0,0.74)!important;}
.user-input-modal{position:relative!important;margin:auto!important;transform:none!important;max-width:460px!important;width:min(460px,100%)!important;background-color:var(--primary-color)!important;border:1px solid var(--secondary-color)!important;padding:28px!important;max-height:min(720px,calc(100vh - 48px))!important;overflow:auto!important;}
.user-input-modal:before{content:none;display:none;}
.user-input-modal-content{min-width:0;}
.user-input-modal .action-form-group{margin-bottom:16px;}
.user-input-modal .action-form-group.nomargin{margin-bottom:0;}
.user-input-modal .input-icon-group input{background-color:var(--primary-bg);border:1px solid var(--secondary-color);}
.user-input-modal .input-icon-group input:focus{border-color:var(--primary-highlight-color);}
.user-input-modal .action-form-group button{min-height:42px;}
@media screen and (max-width:620px){.user-input-modal-wrapper{padding:14px!important;align-items:center!important;}.user-input-modal{width:100%!important;max-width:100%!important;padding:22px!important;max-height:calc(100vh - 28px)!important;}.user-input-modal-head{grid-template-columns:36px minmax(0,1fr);gap:10px;padding-inline-end:34px;}.user-input-modal-icon{width:36px;height:36px;}.user-input-modal-title{font-size:16px;}}
/* PLYR unified modal motion */
.user-input-modal-wrapper{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;align-items:center!important;justify-content:center!important;padding:24px!important;z-index:100000!important;}
.user-input-modal-wrapper[style*="display: flex"],.user-input-modal-wrapper.is-active{display:flex!important;}
.user-input-modal-wrapper .user-imw-overlay{opacity:0;transition:opacity 220ms ease;}
.user-input-modal-wrapper.is-active .user-imw-overlay{opacity:1;}
.user-input-modal{opacity:0;transform:translateY(10px) scale(.985)!important;transition:opacity 220ms ease,transform 220ms cubic-bezier(.2,.8,.2,1);will-change:opacity,transform;}
.user-input-modal-wrapper.is-active .user-input-modal{opacity:1;transform:translateY(0) scale(1)!important;}
.user-input-modal-content{opacity:0;transform:translateY(4px);transition:opacity 140ms ease,transform 140ms ease;}
.user-input-modal-content.is-visible,.user-input-modal-content:only-child{opacity:1;transform:translateY(0);}
@media screen and (max-width:620px){.user-input-modal-wrapper{align-items:flex-end!important;justify-content:center!important;padding:0!important;}.user-input-modal{width:100%!important;max-width:100%!important;max-height:none!important;margin:0!important;border-inline:0!important;border-bottom:0!important;transform:translateY(28px) scale(1)!important;}.user-input-modal-wrapper.is-active .user-input-modal{transform:translateY(0) scale(1)!important;}}
/* PLYR modal content fallback for legacy modal scripts */
.user-input-modal .user-input-modal-content{opacity:1;transform:none;}
/* PLYR unified region modal motion */
.region-settings-wrapper{display:none;}
.region-settings-overlay{opacity:0;transition:opacity 220ms ease;background-color:rgba(0,0,0,.78)!important;}
.region-settings-wrapper.is-active .region-settings-overlay{opacity:1;}
.region-settings-content{opacity:0;transform:translateY(10px) scale(.985)!important;transition:opacity 220ms ease,transform 220ms cubic-bezier(.2,.8,.2,1)!important;animation:none!important;will-change:opacity,transform;box-shadow:none!important;-webkit-box-shadow:none!important;-moz-box-shadow:none!important;}
.region-settings-wrapper.is-active .region-settings-content{opacity:1;transform:translateY(0) scale(1)!important;}
@media screen and (max-width:620px){.region-settings-flex{align-items:flex-end!important;}.region-settings-content{width:100%!important;max-width:100%!important;margin:0!important;border-inline:0!important;border-bottom:0!important;transform:translateY(28px) scale(1)!important;}.region-settings-wrapper.is-active .region-settings-content{transform:translateY(0) scale(1)!important;}}
/* PLYR Stripe WL inline payment modal */
.stripe-wl-inline-modal .user-input-modal-head{display:block;margin-bottom:18px;padding-inline-end:34px;}
.stripe-wl-inline-modal .user-input-modal-title{font-size:22px;}
.stripe-wl-inline-modal .user-input-modal-kicker{max-width:420px;}
.stripe-wl-inline-element{width:100%;float:var(--float-start);margin-top:6px;}
.stripe-wl-inline-error{display:none;width:100%;float:var(--float-start);margin-bottom:14px;padding:12px 14px;background-color:rgba(241,70,70,.1);border:1px solid var(--danger-color);color:var(--danger-color);font-family:'Galano Medium', sans-serif;font-size:13px;line-height:1.45;text-align:var(--ta-start);}
.stripe-wl-inline-actions{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px;}
.stripe-wl-inline-primary,.stripe-wl-inline-secondary{height:46px;border:0;outline:none!important;font-family:'Galano Bold', sans-serif;font-size:14px;color:var(--primary-text-color);}
.stripe-wl-inline-primary{background-color:var(--primary-highlight-color);}
.stripe-wl-inline-primary:disabled{opacity:.55;cursor:not-allowed;}
.stripe-wl-inline-secondary{background-color:var(--primary-bg);border:1px solid var(--secondary-color);}
button.stripe-wl-inline-secondary.user-input-modal-close{position:static;width:auto;height:46px;font-size:14px;display:flex;}
@media screen and (max-width:620px){.stripe-wl-inline-modal .user-input-modal-title{font-size:18px;}.stripe-wl-inline-actions{grid-template-columns:1fr;}.stripe-wl-inline-primary,.stripe-wl-inline-secondary,button.stripe-wl-inline-secondary.user-input-modal-close{width:100%;}}
/* PLYR modal overflow and Stripe WL spacing refinements */
.user-input-modal{overflow-y:auto!important;overscroll-behavior:contain!important;}
.stripe-wl-inline-actions{margin-top:28px;}
@media screen and (max-width:620px){.user-input-modal{max-height:calc(100dvh - 18px - env(safe-area-inset-top))!important;}.stripe-wl-inline-actions{margin-top:24px;}}
/* PLYR Stripe WL action flow fix */
.stripe-wl-inline-element{float:none!important;display:block!important;clear:both!important;}
.stripe-wl-inline-actions{clear:both!important;padding-top:18px!important;margin-top:0!important;}
@media screen and (max-width:620px){.stripe-wl-inline-actions{padding-top:16px!important;}}/* PLYR Stripe WL express checkout */
.stripe-wl-express-wrap{display:none;width:100%;float:none;clear:both;margin:0 0 16px 0;}
.stripe-wl-express-element{width:100%;min-height:44px;}
.stripe-wl-express-divider{display:flex;align-items:center;gap:12px;width:100%;margin:14px 0 4px;color:var(--secondary-text-color);font-family:'Galano Medium', sans-serif;font-size:12px;line-height:1;text-align:center;}
.stripe-wl-express-divider:before,.stripe-wl-express-divider:after{content:"";height:1px;flex:1;background-color:var(--secondary-color);opacity:.65;}
.stripe-wl-express-divider span{white-space:nowrap;}
#stripe-wl-payment .stripe-wl-express-wrap{margin-bottom:18px;}
@media screen and (max-width:620px){.stripe-wl-express-wrap{margin-bottom:14px;}.stripe-wl-express-divider{margin-top:12px;font-size:11px;}}/* PLYR Stripe WL modal sticky actions */
.user-input-modal.stripe-wl-modal-shell{display:flex!important;flex-direction:column;overflow-y:auto!important;max-height:calc(100dvh - 28px - env(safe-area-inset-top))!important;}
.user-input-modal.stripe-wl-modal-shell .stripe-wl-inline-modal{display:flex!important;flex-direction:column;min-height:0;width:100%;}
.user-input-modal.stripe-wl-modal-shell .stripe-wl-inline-actions{position:sticky;bottom:-28px;z-index:5;background-color:var(--primary-color);padding-top:16px!important;padding-bottom:28px!important;margin-inline:-28px;padding-inline:28px;border-top:1px solid var(--secondary-color);}
.user-input-modal.stripe-wl-modal-shell .stripe-wl-inline-actions:before{content:"";position:absolute;left:0;right:0;top:-22px;height:22px;pointer-events:none;background:linear-gradient(180deg, rgba(20,28,39,0), var(--primary-color));}
@media screen and (max-width:620px){.user-input-modal.stripe-wl-modal-shell{max-height:calc(100dvh - env(safe-area-inset-top))!important;}.user-input-modal.stripe-wl-modal-shell .stripe-wl-inline-actions{bottom:-22px;margin-inline:-22px;padding-inline:22px;padding-bottom:calc(22px + env(safe-area-inset-bottom))!important;}}/* PLYR Stripe WL action width correction */
.user-input-modal.stripe-wl-modal-shell .stripe-wl-inline-actions{width:calc(100% + 56px)!important;box-sizing:border-box;}
.user-input-modal.stripe-wl-modal-shell .stripe-wl-inline-primary,.user-input-modal.stripe-wl-modal-shell .stripe-wl-inline-secondary{width:100%!important;min-width:0!important;}
@media screen and (max-width:620px){.user-input-modal.stripe-wl-modal-shell .stripe-wl-inline-actions{width:calc(100% + 44px)!important;}}/* PLYR Stripe WL action rhythm cleanup */
.user-input-modal.stripe-wl-modal-shell .stripe-wl-inline-actions{position:sticky;bottom:0!important;width:100%!important;margin:18px 0 0 0!important;padding:0!important;background-color:var(--primary-color);border-top:0!important;}
.user-input-modal.stripe-wl-modal-shell .stripe-wl-inline-actions:before{content:none!important;display:none!important;}
@media screen and (max-width:620px){.user-input-modal.stripe-wl-modal-shell .stripe-wl-inline-actions{width:100%!important;margin-top:16px!important;padding-bottom:env(safe-area-inset-bottom)!important;}}/* PLYR Stripe WL iOS modal scroll reset */
.user-input-modal.stripe-wl-modal-shell{position:fixed!important;left:0!important;right:0!important;bottom:0!important;top:auto!important;margin:0!important;width:100%!important;max-width:100%!important;max-height:calc(100dvh - env(safe-area-inset-top))!important;overflow-y:auto!important;overscroll-behavior:contain!important;border-inline:0!important;border-bottom:0!important;padding-bottom:calc(22px + env(safe-area-inset-bottom))!important;}
.user-input-modal.stripe-wl-modal-shell .stripe-wl-inline-modal{display:block!important;width:100%;}
.user-input-modal.stripe-wl-modal-shell .stripe-wl-inline-actions{position:static!important;bottom:auto!important;width:100%!important;margin:18px 0 0 0!important;padding:0!important;background:transparent!important;border:0!important;}
.user-input-modal.stripe-wl-modal-shell .stripe-wl-inline-actions:before{content:none!important;display:none!important;}
@media screen and (min-width:621px){.user-input-modal.stripe-wl-modal-shell{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;top:auto!important;margin:auto!important;width:min(460px,100%)!important;max-width:460px!important;max-height:calc(100dvh - 48px)!important;padding-bottom:28px!important;border-inline:1px solid var(--secondary-color)!important;border-bottom:1px solid var(--secondary-color)!important;}.user-input-modal.stripe-wl-modal-shell .stripe-wl-inline-actions{display:grid!important;grid-template-columns:1fr 1fr!important;}}
@media screen and (max-width:620px){.user-input-modal-wrapper.stripe-wl-wrapper{align-items:flex-end!important;justify-content:center!important;padding:0!important;}.user-input-modal.stripe-wl-modal-shell .stripe-wl-inline-actions{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;margin-top:16px!important;}.user-input-modal.stripe-wl-modal-shell .stripe-wl-inline-primary,.user-input-modal.stripe-wl-modal-shell .stripe-wl-inline-secondary{width:100%!important;}}/* PLYR modal viewport stability */
@supports (height:100dvh){
    .user-input-modal-wrapper,.region-settings-wrapper{height:100dvh!important;min-height:100dvh!important;}
    .user-input-modal,.region-settings-content{max-height:calc(100dvh - 28px)!important;}
}
:root{--plyr-modal-vh:100vh;--plyr-modal-top:0px;}
.user-input-modal-wrapper,
.region-settings-wrapper{top:var(--plyr-modal-top,0px)!important;bottom:auto!important;height:var(--plyr-modal-vh,100vh)!important;min-height:var(--plyr-modal-vh,100vh)!important;}
.user-imw-overlay,
.region-settings-overlay{top:var(--plyr-modal-top,0px)!important;bottom:auto!important;height:var(--plyr-modal-vh,100vh)!important;min-height:var(--plyr-modal-vh,100vh)!important;}
.region-settings-wrapper,
.region-settings-flex,
.region-settings-content{overflow:visible!important;}
.region-settings-wrapper .select2-container,
.region-settings-wrapper .select2-dropdown,
.region-settings-wrapper .select2-container--open{z-index:10006!important;}
.user-input-modal-wrapper.stripe-wl-wrapper{align-items:center!important;justify-content:center!important;}
@media screen and (max-width:620px){
    .user-input-modal-wrapper.stripe-wl-wrapper{align-items:flex-end!important;justify-content:center!important;padding:0!important;overflow:hidden!important;}
    .user-input-modal-wrapper.stripe-wl-wrapper .user-input-modal.stripe-wl-modal-shell{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;width:100%!important;max-width:100%!important;height:auto!important;max-height:var(--plyr-modal-vh,100vh)!important;min-height:0!important;margin:0!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior:contain!important;padding-bottom:calc(22px + env(safe-area-inset-bottom))!important;}
}
/* PLYR Stripe WL readiness gate */
.user-input-modal.stripe-wl-is-preparing #stripeWhiteLabelModal > *{visibility:hidden!important;pointer-events:none!important;}
/* PLYR Stripe WL payer memory fields */
.stripe-wl-inline-payer{display:grid;gap:10px;margin:18px 0 16px;}
.stripe-wl-inline-payer .action-form-group{margin:0;}
.stripe-wl-inline-payer .input-icon-group{background-color:var(--primary-bg);border:1px solid var(--secondary-color);}
.stripe-wl-inline-payer .action-form-input{height:44px;background:transparent!important;border:0!important;color:var(--primary-text-color);}
.stripe-wl-inline-payer .action-form-input.input-has-error{border:0!important;}
@media screen and (min-width:621px){.stripe-wl-inline-payer{grid-template-columns:1fr 1fr;}.stripe-wl-inline-payer .action-form-group:last-child{grid-column:1 / -1;}}
/* PLYR mobile input zoom and region dropdown scroll */
@media screen and (max-width:820px){
    input,
    select,
    textarea{font-size:16px!important;}
}
.region-settings-wrapper .select2-results__options,
.region-settings-wrapper .select2-results{
    max-height:min(260px, calc(var(--plyr-modal-vh, 100vh) - 160px))!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior:contain!important;
    touch-action:pan-y!important;
}
/* PLYR checkout conversion hardening */
.user-input-modal-wrapper{
    position:fixed!important;
    inset:auto 0 0 0!important;
    top:var(--plyr-modal-top,0px)!important;
    width:100vw!important;
    height:var(--plyr-modal-vh,100vh)!important;
    min-height:0!important;
    display:none;
    align-items:center!important;
    justify-content:center!important;
    padding:24px!important;
    overflow:hidden!important;
    z-index:100000!important;
}
.user-input-modal-wrapper.is-active,
.user-input-modal-wrapper[style*="display: flex"]{
    display:flex!important;
}
.user-input-modal-wrapper .user-imw-overlay{
    position:fixed!important;
    inset:auto 0 0 0!important;
    top:var(--plyr-modal-top,0px)!important;
    width:100vw!important;
    height:var(--plyr-modal-vh,100vh)!important;
    min-height:0!important;
}
.user-input-modal{
    position:relative!important;
    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!important;
    width:min(460px,100%)!important;
    max-width:460px!important;
    max-height:calc(var(--plyr-modal-vh,100vh) - 48px)!important;
    min-height:0!important;
    margin:auto!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior:contain!important;
    scroll-behavior:auto!important;
}
.user-input-modal.stripe-wl-modal-shell{
    display:block!important;
    height:auto!important;
    max-height:calc(var(--plyr-modal-vh,100vh) - 48px)!important;
    padding-bottom:28px!important;
    border:1px solid var(--secondary-color)!important;
}
.user-input-modal.stripe-wl-modal-shell .stripe-wl-inline-modal{
    display:block!important;
    width:100%!important;
}
.user-input-modal.stripe-wl-modal-shell .stripe-wl-inline-actions{
    position:static!important;
    bottom:auto!important;
    width:100%!important;
    margin:18px 0 0 0!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:10px!important;
}
.user-input-modal.stripe-wl-modal-shell .stripe-wl-inline-actions:before{
    content:none!important;
    display:none!important;
}
.user-input-modal.stripe-wl-modal-shell .stripe-wl-inline-primary,
.user-input-modal.stripe-wl-modal-shell .stripe-wl-inline-secondary{
    width:100%!important;
    min-width:0!important;
}
@media screen and (max-width:620px){
    .user-input-modal-wrapper{
        align-items:flex-end!important;
        justify-content:center!important;
        padding:0!important;
    }
    .user-input-modal{
        width:100%!important;
        max-width:100%!important;
        max-height:var(--plyr-modal-vh,100vh)!important;
        margin:0!important;
        border-inline:0!important;
        border-bottom:0!important;
        padding-bottom:calc(22px + env(safe-area-inset-bottom))!important;
    }
    .user-input-modal.stripe-wl-modal-shell{
        width:100%!important;
        max-width:100%!important;
        max-height:var(--plyr-modal-vh,100vh)!important;
        margin:0!important;
        border-inline:0!important;
        border-bottom:0!important;
        padding-bottom:calc(22px + env(safe-area-inset-bottom))!important;
    }
    .user-input-modal.stripe-wl-modal-shell .stripe-wl-inline-actions{
        grid-template-columns:1fr!important;
        margin-top:16px!important;
    }
}

/* PLYR express custom field modal uses the global account/security modal shell */
.user-input-modal.express-field-modal-shell{
    width:min(460px,100%)!important;
    max-width:460px!important;
}
.user-input-modal .express-field-modal .user-input-modal-head{
    display:block!important;
    margin-bottom:16px!important;
    padding-inline-end:34px!important;
}
.user-input-modal .express-field-modal .user-input-modal-title{
    font-size:22px!important;
    line-height:1.2!important;
}
.user-input-modal .express-field-modal .user-input-modal-kicker{
    max-width:360px!important;
}
.user-input-modal .express-field-modal .modal-input{
    width:100%!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    padding:0!important;
    margin:0!important;
}
.user-input-modal .express-field-modal .modal-input input,
.user-input-modal .express-field-modal .modal-input select,
.user-input-modal .express-field-modal .modal-input textarea{
    width:100%!important;
    min-height:46px!important;
    height:auto!important;
    margin:0!important;
    padding:12px 16px!important;
    border:1px solid var(--secondary-color)!important;
    background-color:var(--primary-bg)!important;
    color:var(--primary-text-color)!important;
    font-family:'Galano Regular', sans-serif!important;
    font-size:16px!important;
    line-height:1.25!important;
    outline:none!important;
    box-shadow:none!important;
}
.user-input-modal .express-field-modal .modal-input input:focus,
.user-input-modal .express-field-modal .modal-input select:focus,
.user-input-modal .express-field-modal .modal-input textarea:focus{
    border-color:var(--primary-highlight-color)!important;
}
.user-input-modal .express-field-modal .modal-input .express-input-invalid{
    border-color:var(--danger-color)!important;
}
.user-input-modal .express-field-modal .express-field-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    margin-top:16px!important;
}
.user-input-modal .express-field-modal .btnSaveModal{
    width:100%!important;
    min-height:46px!important;
    border:0!important;
    background-color:var(--primary-highlight-color)!important;
    color:var(--primary-text-color)!important;
    font-family:'Galano Bold', sans-serif!important;
    box-shadow:none!important;
}
@media screen and (max-width:620px){
    .user-input-modal.express-field-modal-shell{
        width:100%!important;
        max-width:100%!important;
    }
    .user-input-modal .express-field-modal .user-input-modal-title{
        font-size:20px!important;
    }
}

/* PLYR express custom field modal float reset */
.user-input-modal .express-field-modal{
    float:none!important;
    clear:both!important;
    width:100%!important;
    max-width:100%!important;
    overflow:visible!important;
    box-sizing:border-box!important;
}
.user-input-modal .express-field-modal:not(.is-visible){
    display:none!important;
}
.user-input-modal .express-field-modal.is-visible{
    display:block!important;
}
.user-input-modal .express-field-modal *,
.user-input-modal .express-field-modal *:before,
.user-input-modal .express-field-modal *:after{
    box-sizing:border-box!important;
}
.user-input-modal .express-field-modal .user-input-modal-head,
.user-input-modal .express-field-modal .modal-input,
.user-input-modal .express-field-modal .express-field-actions{
    float:none!important;
    clear:both!important;
    width:100%!important;
    max-width:100%!important;
}
.user-input-modal .express-field-modal .express-field-actions{
    grid-template-columns:minmax(0,1fr)!important;
}
.user-input-modal .express-field-modal .btnSaveModal{
    float:none!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
}
.user-input-modal .express-field-modal .modal-input input,
.user-input-modal .express-field-modal .modal-input select,
.user-input-modal .express-field-modal .modal-input textarea{
    float:none!important;
}
/* PLYR express custom field modal stays inside the Magnific checkout popup */
.express-checkout-container{
    position:relative!important;
}
.express-checkout-container > .user-input-modal-wrapper.express-field-wrapper{
    position:absolute!important;
    inset:0!important;
    top:0!important;
    width:100%!important;
    height:100%!important;
    min-height:100%!important;
    padding:24px!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:hidden!important;
    z-index:30!important;
}
.express-checkout-container > .user-input-modal-wrapper.express-field-wrapper .user-imw-overlay{
    position:absolute!important;
    inset:0!important;
    top:0!important;
    width:100%!important;
    height:100%!important;
}
.express-checkout-container > .user-input-modal-wrapper.express-field-wrapper .user-input-modal.express-field-modal-shell{
    width:min(460px, calc(100% - 32px))!important;
    max-width:460px!important;
    max-height:calc(100% - 48px)!important;
    margin:auto!important;
    border:1px solid var(--secondary-color)!important;
    padding-bottom:22px!important;
}
@media screen and (max-width:620px){
    .express-checkout-container > .user-input-modal-wrapper.express-field-wrapper{
        position:fixed!important;
        inset:auto 0 0 0!important;
        top:var(--plyr-modal-top,0px)!important;
        width:100vw!important;
        height:var(--plyr-modal-vh,100vh)!important;
        min-height:0!important;
        padding:0!important;
        align-items:flex-end!important;
        justify-content:center!important;
    }
    .express-checkout-container > .user-input-modal-wrapper.express-field-wrapper .user-imw-overlay{
        position:fixed!important;
        inset:auto 0 0 0!important;
        top:var(--plyr-modal-top,0px)!important;
        width:100vw!important;
        height:var(--plyr-modal-vh,100vh)!important;
    }
    .express-checkout-container > .user-input-modal-wrapper.express-field-wrapper .user-input-modal.express-field-modal-shell{
        width:100%!important;
        max-width:100%!important;
        max-height:var(--plyr-modal-vh,100vh)!important;
        margin:0!important;
        border-inline:0!important;
        border-bottom:0!important;
        padding-bottom:calc(22px + env(safe-area-inset-bottom))!important;
    }
}