.darkmode div#ETBIS,
div#ETBIS {
    width: 65%;
    height: 120px;
    margin: 25px;
    display: block;
    position: absolute;
    text-align: center
}

.dropdown-menu {
    background-color: #171925;
    position: relative;
    left: -5px !important;
    top: 8px !important
}

.dropdown-menu a {
    color: #fff
}

.dropdown-menu a:hover {
    background-color: #333;
    color: #fff
}

.papers-news figure img,
.papers-slider .papers-slide-item figure img,
.product-lister .product .product-img figure img {
    transform: translateX(-50%);
    left: 50%;
    transition: .2s ease-in-out
}

.cara,
.cara2 {
    opacity: 1 !important
}

div#ETBIS {
    background: #00315e;
    border-radius: 10px;
    border: none
}

.altok {
    display: inline-block;
    margin-left: .23375em;
    vertical-align: .23375em;
    content: "";
    border-top: .425em solid;
    border-right: .425em solid transparent;
    border-bottom: 0;
    border-left: .425em solid transparent
}

.darkmode div#ETBIS {
    background: #161b29;
    border-radius: 10px;
    border: none
}

.items-lister .buy {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    cursor: pointer
}

.items-lister .quantity {
    display: flex;
    width: 150px;
    padding: 5px;
    border: 1px solid #ddd;
    background: #f1f1f1;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    margin: 0 auto
}

@media(max-width:767px) {
    .items-lister .quantity {
        margin-bottom: 5px
    }
    .account-items .item {
        max-width: 49%;
        display: inline-block
    }
    .yazimobil {
        height: 150px;
        overflow: hidden;
        text-overflow: ellipsis
    }
    .yazimobil2 {
        height: 100px
    }
    .zaman-align {
        text-align: center;
        margin-top: 10px
    }
    .hementext {
        display: none
    }
    .darkmode .ilankonumla {
        max-width: 85px !important
    }
}

.items-lister .quantity button:first-child {
    margin-right: 2%
}

.items-lister .quantity button:nth-child(3) {
    margin-left: 2%
}

.items-lister .quantity button {
    width: 23%;
    height: 30px;
    background: #00315e;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    color: #fff;
    cursor: pointer;
    border: none
}

.items-lister .quantity input {
    height: 30px;
    width: 50%;
    border: 1px solid #ddd;
    line-height: 30px;
    padding: 0 10px;
    font-size: 18px;
    text-align: Center;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px
}

.items-lister .price {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.items-lister .price .current-price {
    margin-left: 10px
}

.darkmode .selectize-input {
    border: 1px solid #7b7b7b;
    background-color: #15202b
}

.darkmode .message-users::-webkit-scrollbar-thumb {
    background-color: #565656
}

.darkmode .message-users::-webkit-scrollbar {
    background-color: #f5f5f5
}

.darkmode .modal-header {
    border-bottom: 0 !important
}

.darkmode .modal-content {
    text-align: center;
    border-bottom: 3px solid #5576ff !important;
    background: #2f3144;
    border-radius: 5px !important;
    padding: 20px
}

.renkver {
    width: 100%;
    background: #25273a;
    padding: 8px;
    margin-top: 12px;
    border-radius: 5px
}

.darkmode .modal-header .close {
    padding: .1rem .3rem;
    margin: -1rem -1rem -1rem auto
}

.darkmode .modal-footer {
    border-top: 0 solid #dee2e6 !important;
    padding: .15rem
}

.darkmode .close {
    font-size: 2.6rem;
    font-weight: 500
}

.darkmode .account-items .item .account-user-infos .aui-top .auit-name .status.offline {
    background: #1f2c3a;
    color: #ddddde;
    margin-left: 10px
}

.darkmode .account-items .item .account-user-infos .aui-bot .auib-ranks {
    background: #1f2c3a
}

.darkmode .account-items .item .buy {
    background: linear-gradient(186deg, #135bd3 35.58%, #035bb3 100%)
}

.darkmode .ilanno {
    color: #757575 !important
}

.darkmode .selectize-input.full {
    color: #fff;
    background-color: #15202b
}

.darkmode .selectize-dropdown .active {
    background: #333 !important;
    color: #fff
}

.darkmode .selectize-control .dropdown-header {
    background: #333 !important
}

.selectize-dropdown,
.selectize-dropdown.form-control {
    background: #3c3c3c !important
}

.darkmode .bg-white-two {
    background: #353552 !important;
    border-color: #2a333b !important
}

.darkmode .swal2-container.swal2-center>.swal2-popup {
    background: #2f3144;
    color: #fff;
    border-bottom: 3px solid #3085d6 !important;
    box-shadow: 0 10px 18px #0a0d14, 0 10px 170px #0a0d14 !important
}

@media only screen and (hover:none) and (pointer:coarse) {
    div#ETBIS {
        display: contents !important
    }
    .mobilsize {
        max-width: 100%
    }
    .account-photo img {
        width: 50% !important;
        margin-left: auto;
        margin-right: auto
    }
    .gizle {
        display: none
    }
    .darkmode .ustcat {
        background-image: none !important;
        margin-top: -60px
    }
    .mobil-boyut {
        max-width: 50% !important;
        flex: 0 0 50% !important
    }
}


.darkmode .main-container,
.darkmode .product-lister .product .product-img .user-wrapper,
.darkmode .product-lister .product .product-price .price,
.darkmode .mpy__container,
.darkmode .mainmenu-area {
    background: #1e1f2d;
}

.darkmode .home-pro-tabs{
    background: linear-gradient(45deg, #3203ab, #980ed5)
}

.darkmode .renkle {
    color: #e1e2f4 !important
}

.darkmode .bg-white {
    background: #151625 !important
}

.darkmode .home-tab-content {
    border: none
}

.darkmode .product-lister .product {
    border: 1px solid #303247 !important;
    background: #25273a;
    cursor: pointer;
    margin-top: 3px;
    box-shadow: 0 4px 1px 0 rgb(56 66 92) !important
}

.aprof {
    border-radius: 5px;
    margin-right: 3px
}

.darkmode .campaigns-item,
.darkmode .papers-news,
.darkmode .papers-slider .papers-slide-item .infos {
    background: #2f3144
}

.darkmode .sproduct-dealer {
    background: #2f3144;
    border: none;
    width: 98% !important;
    display: grid
}

.darkmode .dealer-ranked {
    background: #25273a;
    margin-top: 7px;
    border-radius: 5px
}

.darkmode .dealer-total-rating {
    background: #2f3144;
    border: 1px solid #293242
}

.darkmode .profile-tabses li.active {
    background: #242638a3;
    color: #f7f8f8
}

.darkmode .dealer-rates .seller-message {
    background: #043d72
}

.darkmode .dealer-rates .item {
    background: #163452;
    border: 1px solid #043d72
}

.darkmode .sproduct-dealer .dealer-buttons a {
    background: #3f4257;
    width: 50%
}

.sproduct-dealer .dealer-buttons a {
    width: 50%
}

.darkmode .sproduct-dealer .dealer-ranks {
    background: #25273a
}

.darkmode .sproduct-cover__inner {
    background: rgb(45 54 76/48%);
    border-radius: 5px !important
}

.darkmode .order-autocomplete,
.darkmode .order-clock,
.darkmode .order-secure {
    color: #3f3f3f
}

.darkmode .sproduct-detail {
    background: 0 0;
    border: none
}

.darkmode .sproduct-detail__top {
    border-bottom: 1px solid #283f54
}

.darkmode .sproduct__ranks .shares-item,
.darkmode .sproduct__ranks .viewers {
    color: #192734
}

.darkmode .sproduct-price {
    background: #25273a;
    border: 1px solid #192734;
    color: #fff !important
}

.ilanboyutx {
    height: 160px;
    object-fit: cover
}

.main-container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    background: #fff
}

.main-container-safe {
    width: 100%;
    margin: 0 auto
}

@media(min-width:576px) {
    .main-container,
    .main-container-safe {
        max-width: 540px
    }
}

@media(min-width:768px) {
    .main-container,
    .main-container-safe {
        max-width: 720px
    }
    .sproduct-img a img {
        height: 390px
    }
}

@media(min-width:992px) {
    .main-container,
    .main-container-safe {
        max-width: 960px
    }
}

.bggrey {
    background: #f8f8f8
}

.product-lister {
    padding: 0;
    list-style: none
}

/* KART START */

/* GERÇEK ELEKTRİK TELLERİ ÇERÇEVESİ */ 
.product-lister .product {
border: none;
border-radius: 12px;
position: relative;
overflow: hidden;
background: #000;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.8);
transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
transform-style: preserve-3d;
perspective: 1000px;
height: 320px;
}

/* SÜREKLİ ELEKTRİK AKIMI ÇERÇEVESİ */
.product-lister .product::before {
content: '';
position: absolute;
top: -3px;
left: -3px;
right: -3px;
bottom: -3px;
z-index: 1;
opacity: 0.8;
pointer-events: none;
}

/* ÃœST KENAR ELEKTRÄ°K AKIMI */
.product-lister .product::after {
content: '';
position: absolute;
top: -3px;
left: -3px;
right: -3px;
height: 3px;
background: linear-gradient(90deg, 
  transparent 0%, 
  #00d4ff 20%, 
  #ffffff 40%, 
  #7b2ff7 60%, 
  #00d4ff 80%, 
  transparent 100%);
background-size: 200% 100%;
animation: electricFlowTop 3s linear infinite;
z-index: 1;
opacity: 0.8;
filter: blur(1px);
}

/* SAĞ KENAR ELEKTRİK AKIMI */
.product-lister .product .electric-right {
position: absolute;
top: -3px;
right: -3px;
bottom: -3px;
width: 3px;
background: linear-gradient(180deg, 
  transparent 0%, 
  #7b2ff7 20%, 
  #ffffff 40%, 
  #00d4ff 60%, 
  #7b2ff7 80%, 
  transparent 100%);
background-size: 100% 200%;
animation: electricFlowRight 2.5s linear infinite;
z-index: 1;
opacity: 0.8;
filter: blur(1px);
}

/* ALT KENAR ELEKTRÄ°K AKIMI */
.product-lister .product .electric-bottom {
position: absolute;
bottom: -3px;
left: -3px;
right: -3px;
height: 3px;
background: linear-gradient(90deg, 
  transparent 0%, 
  #7b2ff7 20%, 
  #ffffff 40%, 
  #00d4ff 60%, 
  #7b2ff7 80%, 
  transparent 100%);
background-size: 200% 100%;
animation: electricFlowBottom 3.5s linear infinite;
z-index: 1;
opacity: 0.8;
filter: blur(1px);
}

/* SOL KENAR ELEKTRÄ°K AKIMI */
.product-lister .product .electric-left {
position: absolute;
top: -3px;
left: -3px;
bottom: -3px;
width: 3px;
background: linear-gradient(180deg, 
  transparent 0%, 
  #00d4ff 20%, 
  #ffffff 40%, 
  #7b2ff7 60%, 
  #00d4ff 80%, 
  transparent 100%);
background-size: 100% 200%;
animation: electricFlowLeft 2.8s linear infinite;
z-index: 1;
opacity: 0.8;
filter: blur(1px);
}

/* ANÄ°MASYONLAR */
@keyframes electricFlowTop {
0% { background-position: 0% 0%; }
100% { background-position: 200% 0%; }
}

@keyframes electricFlowRight {
0% { background-position: 0% 0%; }
100% { background-position: 0% 200%; }
}

@keyframes electricFlowBottom {
0% { background-position: 200% 0%; }
100% { background-position: 0% 0%; }
}

@keyframes electricFlowLeft {
0% { background-position: 0% 200%; }
100% { background-position: 0% 0%; }
}

/* HOVER'DA ELEKTRÄ°K AKIMINI GÄ°ZLE */
.product-lister .product:hover::before,
.product-lister .product:hover::after,
.product-lister .product:hover .electric-right,
.product-lister .product:hover .electric-bottom,
.product-lister .product:hover .electric-left {
opacity: 0;
transition: opacity 0.3s ease;
}

/* HOVER ELEKTRİK ÇARPMA EFEKTLERİ */
.product-lister .product .lightning-container {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 15;
opacity: 0;
transition: opacity 0.2s;
}

.product-lister .product:hover .lightning-container {
opacity: 1;
}

/* RASTGELE ELEKTRİK ÇAKMALARI */
.product-lister .product .lightning-bolt {
position: absolute;
width: 3px;
height: 120px;
background: linear-gradient(to bottom, 
  transparent 0%, 
  rgba(0, 212, 255, 0.8) 10%,
  #ffffff 30%,
  rgba(0, 212, 255, 0.8) 50%,
  #ffffff 70%,
  rgba(0, 212, 255, 0.8) 90%,
  transparent 100%);
transform-origin: top center;
filter: blur(1px);
opacity: 0;
box-shadow: 0 0 15px 5px rgba(0, 212, 255, 0.8);
}

.product-lister .product:hover .lightning-bolt {
animation: lightningStrike 0.8s ease-out;
}

/* FARKLI POZİSYONLARDAKİ ÇAKMALAR */
.product-lister .product .lightning-bolt:nth-child(1) {
top: 15%;
left: 25%;
transform: rotate(15deg);
animation-delay: 0.1s;
}

.product-lister .product .lightning-bolt:nth-child(2) {
top: 50%;
right: 30%;
transform: rotate(-20deg);
animation-delay: 0.3s;
}

.product-lister .product .lightning-bolt:nth-child(3) {
bottom: 45%;
left: 35%;
transform: rotate(35deg);
animation-delay: 0.5s;
}

.product-lister .product .lightning-bolt:nth-child(4) {
top: 55%;
right: 65%;
transform: rotate(-45deg);
animation-delay: 0.7s;
}

.product-lister .product .lightning-bolt:nth-child(5) {
bottom: 50%;
right: 55%;
transform: rotate(10deg);
animation-delay: 0.9s;
}

@keyframes lightningStrike {
0% { 
  opacity: 0; 
  transform: scaleY(0) rotate(var(--rotation, 0deg)); 
}
5% { 
  opacity: 1; 
  transform: scaleY(0.3) rotate(var(--rotation, 0deg)); 
}
10% { 
  opacity: 0.8; 
  transform: scaleY(1.2) rotate(var(--rotation, 0deg)); 
}
15% { 
  opacity: 1; 
  transform: scaleY(0.8) rotate(var(--rotation, 0deg)); 
}
20% { 
  opacity: 0; 
  transform: scaleY(1.5) rotate(var(--rotation, 0deg)); 
}
100% { 
  opacity: 0; 
  transform: scaleY(0) rotate(var(--rotation, 0deg)); 
}
}

/* ELEKTRİK ÇARPMA IŞIK EFECTİ */
.product-lister .product .lightning-flash {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: radial-gradient(circle at var(--flash-x, 50%) var(--flash-y, 50%), 
  rgba(255, 255, 255, 0.8) 0%, 
  rgba(0, 212, 255, 0.4) 30%, 
  transparent 70%);
opacity: 0;
pointer-events: none;
z-index: 14;
}

.product-lister .product:hover .lightning-flash {
animation: flashEffect 0.5s ease-out;
}

@keyframes flashEffect {
0% { opacity: 0; }
10% { opacity: 0.6; }
20% { opacity: 0; }
30% { opacity: 0.4; }
40% { opacity: 0; }
100% { opacity: 0; }
}

/* GERÇEK ELEKTRİK ÇAKMALARI */
.product-lister .product .electric-burst {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10;
overflow: hidden;
}

.product-lister .product .electric-burst::before,
.product-lister .product .electric-burst::after {
content: '';
position: absolute;
width: 2px;
height: 80px;
background: linear-gradient(to bottom, transparent, #00d4ff, transparent);
transform-origin: top center;
opacity: 0;
}

.product-lister .product .electric-burst::before {
top: -20px;
left: 20%;
animation: burst1 3s infinite;
}

.product-lister .product .electric-burst::after {
top: -20px;
right: 25%;
animation: burst2 2.5s infinite;
}

@keyframes burst1 {
0%, 100% { 
  opacity: 0; 
  transform: scaleY(0) rotate(10deg); 
  filter: blur(2px);
}
10% { 
  opacity: 1; 
  transform: scaleY(1) rotate(10deg); 
  filter: blur(0);
}
15% { 
  opacity: 0; 
  transform: scaleY(1.5) rotate(15deg); 
  filter: blur(3px);
}
}

@keyframes burst2 {
0%, 100% { 
  opacity: 0; 
  transform: scaleY(0) rotate(-15deg); 
  filter: blur(2px);
}
40% { 
  opacity: 1; 
  transform: scaleY(1) rotate(-15deg); 
  filter: blur(0);
}
45% { 
  opacity: 0; 
  transform: scaleY(1.8) rotate(-20deg); 
  filter: blur(4px);
}
}

/* KÖŞE ELEKTRİK PAKETLERİ */
.product-lister .product .corner-electric {
position: absolute;
width: 80px;
height: 80px;
z-index: 5;
}

.product-lister .product .corner-electric::before {
content: '';
position: absolute;
width: 100%;
height: 100%;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath fill='none' stroke='%2300d4ff' stroke-width='2' d='M5,5 L15,5 L5,15'/%3E%3Cpath fill='none' stroke='%237b2ff7' stroke-width='1.5' d='M10,10 L20,10 L10,20'/%3E%3C/svg%3E");
background-repeat: no-repeat;
filter: drop-shadow(0 0 5px rgba(0, 212, 255, 0.8));
animation: cornerPulse 2s infinite alternate;
}

.product-lister .product .corner-electric.top-left {
top: 0;
left: 0;
}

.product-lister .product .corner-electric.top-right {
top: 0;
right: 0;
transform: rotate(90deg);
}

.product-lister .product .corner-electric.bottom-left {
bottom: 0;
left: 0;
transform: rotate(-90deg);
}

.product-lister .product .corner-electric.bottom-right {
bottom: 0;
right: 0;
transform: rotate(180deg);
}

@keyframes cornerPulse {
0% { opacity: 0.6; transform: scale(0.9); }
100% { opacity: 1; transform: scale(1.1); }
}

/* RASTGELE ÇAKMALAR */
.product-lister .product .random-sparks {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 6;
}

.product-lister .product .random-sparks::before,
.product-lister .product .random-sparks::after {
content: '';
position: absolute;
width: 6px;
height: 6px;
background: radial-gradient(circle, #fff, #00d4ff);
border-radius: 50%;
box-shadow: 0 0 10px 2px rgba(0, 212, 255, 0.8);
}

.product-lister .product .random-sparks::before {
top: 30%;
left: 80%;
animation: randomSpark1 4s infinite;
}

.product-lister .product .random-sparks::after {
bottom: 40%;
right: 20%;
animation: randomSpark2 3s infinite;
}

@keyframes randomSpark1 {
0%, 100% { opacity: 0; transform: scale(0); }
20% { opacity: 1; transform: scale(1); }
25% { opacity: 0; transform: scale(1.5); }
}

@keyframes randomSpark2 {
0%, 100% { opacity: 0; transform: scale(0); }
50% { opacity: 1; transform: scale(1); }
55% { opacity: 0; transform: scale(1.8); }
}

/* İÇERİK KISMI */
.product-lister .product .product-img {
position: relative;
overflow: hidden;
border-radius: 12px 12px 0 0;
height: 180px;
background: #0a0a0a;
border-bottom: 1px solid rgba(0, 212, 255, 0.3);
z-index: 2;
}

.product-lister .product .product-img figure {
padding: 0;
margin: 0;
display: block;
height: 100%;
}

.product-lister .product .product-img figure img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
transition: all 0.5s ease;
transform: scale(1.05);
filter: brightness(0.7) contrast(1.2);
}

.product-lister .product:hover .product-img figure img {
transform: scale(1.15);
filter: brightness(0.9) contrast(1.3);
}

.product-lister .product .product-img .user-wrapper {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.7) 100%);
backdrop-filter: blur(5px);
border-radius: 0 0 12px 12px;
display: flex;
justify-content: space-between;
padding: 8px;
align-items: center;
z-index: 3;
}

.product-lister .product .product-img .user-wrapper .user-profile {
display: flex;
align-items: center;
border-radius: 20px;
padding: 4px 8px;
background: rgba(0, 212, 255, 0.1);
backdrop-filter: blur(10px);
border: 1px solid rgba(0, 212, 255, 0.3);
transition: all 0.3s ease;
}

.product-lister .product:hover .product-img .user-wrapper .user-profile {
background: rgba(0, 212, 255, 0.2);
box-shadow: 0 0 10px rgba(0, 212, 255, 0.4);
}

.product-lister .product .product-img .user-wrapper .user-profile img {
display: block;
width: 24px;
height: 24px;
border-radius: 50%;
margin-right: 6px;
border: 2px solid rgba(0, 212, 255, 0.5);
object-fit: cover;
}

.product-lister .product .product-img .user-wrapper .user-profile .user-infos {
line-height: 13px;
}

.product-lister .product .product-img .user-wrapper .user-profile .user-infos a {
font-weight: 600;
font-size: 12px;
color: #fff;
}

.product-lister .product .product-img .user-wrapper .user-profile .user-infos span {
display: block;
font-size: 10px;
color: rgba(0, 212, 255, 0.8);
}

/* Satıldı Rozeti */
.product-lister .product .product-img .sold-badge {
position: absolute;
top: 10px;
right: 10px;
background: linear-gradient(135deg, #7b2ff7, #00d4ff);
color: white;
padding: 5px 10px;
border-radius: 20px;
font-size: 11px;
font-weight: 600;
z-index: 4;
box-shadow: 0 0 15px rgba(123, 47, 247, 0.6);
text-transform: uppercase;
letter-spacing: 1px;
}

.product-lister .product .product-infos {
position: relative;
padding: 12px;
height: 80px;
overflow: hidden;
background: #0a0a0a;
z-index: 2;
}

.product-lister .product .product-infos a {
font-weight: 600;
font-size: 14px;
color: #fff;
margin-bottom: 6px;
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
transition: all 0.3s ease;
}

.product-lister .product:hover .product-infos a {
color: #00d4ff;
text-shadow: 0 0 10px rgba(0, 212, 255, 0.5);
}

.product-lister .product .product-infos span {
color: rgba(0, 212, 255, 0.7);
font-size: 12px;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
line-height: 1.4;
}

.product-lister .product .product-price {
display: flex;
border-top: 1px solid rgba(0, 212, 255, 0.3);
justify-content: space-between;
background: #0a0a0a;
padding: 10px;
align-items: center;
position: absolute;
bottom: 0;
left: 0;
right: 0;
z-index: 3;
}

.product-lister .product .product-price .price {
background: linear-gradient(135deg, #7b2ff7, #00d4ff);
border-radius: 20px;
font-weight: 700;
padding: 5px 12px;
height: auto;
line-height: 1.2;
color: white;
font-size: 14px;
box-shadow: 0 0 15px rgba(0, 212, 255, 0.5);
}

.product-lister .product .product-price .go {
display: block;
height: 32px;
width: 70px;
text-align: center;
line-height: 32px;
background: linear-gradient(135deg, #00d4ff, #7b2ff7);
border-radius: 20px;
color: white;
font-weight: 600;
font-size: 12px;
transition: all 0.3s ease;
box-shadow: 0 0 15px rgba(0, 212, 255, 0.5);
position: relative;
z-index: 10;
transform: translateX(-10px);
}

.product-lister .product .product-price .go:hover {
transform: translateX(-10px) translateY(-2px);
box-shadow: 0 0 20px rgba(0, 212, 255, 0.8);
}

/* Mobil Cihazlar İçin Medya Sorguları */
@media(max-width:767px) {
.product-lister .product {
height: auto;
margin-bottom: 15px;
}
.product-lister .product .product-img {
height: 160px;
}
.product-lister .product .product-infos {
height: 70px;
}
.product-lister .product .product-price {
padding: 8px;
}
.product-lister .product .product-price .price {
font-size: 12px;
padding: 4px 10px;
}
.product-lister .product .product-price .go {
width: 60px;
height: 28px;
line-height: 28px;
font-size: 11px;
transform: translateX(-5px);
}
}

/* Dark Mode Düzenlemeleri */
.darkmode .product-lister .product {
background: #000;
}
.darkmode .product-lister .product .product-img {
background: #000;
}
.darkmode .product-lister .product .product-infos {
background: #000;
}
.darkmode .product-lister .product .product-price {
background: #000;
}






/* KART BİTİŞ */



.flex-advert20 {
    flex: 0 0 20% !important;
    max-width: 20% !important
}

.darkmode .ilankonumla,
.ilankonumla {
    max-width: 110px;
    white-space: nowrap;
    text-overflow: ellipsis;
    right: 0;
    overflow: hidden;
    word-break: break-all
}

.product-lister .product .product-img .user-wrapper .user-profile .user-infos {
    line-height: 13px
}

.account-items .item .name,
.brreadcrumb ul li:last-child a,
.campaigns-item .infos a,
.dealer-rates .item .rater-name a,
.product-lister .product .product-img .user-wrapper .user-profile .user-infos a,
.product-lister .product .product-infos a {
    font-weight: 700
}

.product-lister .product .product-img .user-wrapper .user-profile .user-infos span {
    display: block;
    font-size: 12px;
    color: #000
}

.darkmode .product-lister .product .product-img .user-wrapper .user-profile .user-infos span {
    display: block;
    font-size: 12px;
    color: #e7ecf1
}

.product-lister .product .product-img .user-wrapper .user-other-game {
    display: flex;
    background: #22303c;
    padding: 2px;
    border-radius: 5px
}

.product-lister .product .product-img .user-wrapper .user-other-game img {
    width: 27px;
    height: 27px;
    border-radius: 5px;
    margin-left: 5px
}

.product-lister .product .product-img .user-wrapper .user-other-game img:first-child {
    margin-left: 0;
    object-fit: cover
}

.product-lister .product .product-infos {
    position: Relative;
    padding: 10px;
    height: 75px;
    width: 100%;          /* Konteyner geniÅŸliÄŸi */
    overflow: hidden;      /* Taşmayı gizle */
    text-overflow: ellipsis; /* "..." ile kısaltma */
    white-space: nowrap;   /* Tek satırda kalmasını sağla */
}

.product-lister .product .product-infos::before {
    content: "";
    left: -5px;
    position: absolute;
    border-radius: 0 5px 5px 0;
    width: 5px;
    height: 70%;
    background: 0 0
}

.product-lister .product .product-infos span {
    color: #888f95;
    font-size: 12px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
}

.product-lister .product .product-infos p {
    font-size: 12px;
}

.darkmode .menu-light-inc {
    filter: contrast(0) brightness(1.7)
}

.menu-light-inc {
    filter: contrast(0) brightness(0)
}

.product-lister .product .product-price {
    display: flex;
    border-top: 1px solid rgb(169 169 169);
    justify-content: space-between;
    background: linear-gradient(45deg, rgb(153 178 255), rgb(0 0 0/0%));
    padding: 5px !important;
    align-items: center
}

.darkmode .product-lister .product .product-price {
    display: -webkit-box;
    border-top: 1px solid rgb(45 54 76);
    justify-content: space-between;
    background: linear-gradient(45deg, rgb(34 42 66), rgb(0 0 0/0%));
    padding: 5px !important;
    align-items: center
}

.product-lister .product .product-price .price {
    background: #e4eaef;
    border-radius: 5px;
    font-weight: 700;
    padding: 0 5px;
    height: 25px;
    line-height: 25px
}

.ilankonumla {
    background: linear-gradient(45deg, rgb(161 115 243), rgb(175 215 251));
    position: absolute;
    border-radius: 5px;
    padding: 3px
}

.featured,
.showcase {
    top: 10px;
    font-size: 11px;
    padding: 3px 6px;
    font-weight: 500;
    position: absolute
}

.darkmode .ilankonumla {
    background: linear-gradient(181deg, #393f77 0, rgb(56 66 92) 100%);
    position: absolute;
    border-top-left-radius: 5px !important;
    border-radius: 0;
    padding: 4px
}

.product-lister .product .product-price .go {
    display: block;
    height: 25px;
    width: 50px;
    text-align: Center;
    line-height: 25px;
    background: #e4eaef;
    border-radius: 5px;
    color: #70879b
}

.product-lister .product .product-price .go:hover {
    background: #ff2e00;
    color: #fff
}

.papers-slider .papers-slide-item:hover figure img,
.product-lister .product:hover .product-img figure img {
    transition: .2s ease-in-out; 
}

.showcase {
    background: linear-gradient(90deg, #8800db 0, #ff43ec 100%);
    border-radius: 0 5px 5px 0;
    left: 0;
    color: #fff
}

.campaigns-item figure,
.campaigns-item figure a,
.featured,
.papers-news figure,
.papers-news figure a,
.papers-news figure img {
    border-radius: 5px 0 0 5px
}

.featured {
    background: linear-gradient(90deg, #ff2e00 0, #ffaa29 100%);
    right: 0;
    color: #fff
}

.papers-slider .papers-slide-item figure {
    margin: 0;
    padding: 0;
    display: block;
    height: 300px;
    position: Relative;
    overflow: hidden;
    border-radius: 5px 5px 0 0
}

.papers-slider .papers-slide-item figure img {
    display: block;
    height: 300px;
    position: Relative;
    border-radius: 5px 5px 0 0
}

.papers-slider .papers-slide-item .infos {
    background: #fff;
    border-radius: 0 0 5px 5px;
    position: Relative;
    padding: 30px;
    height: 160px;
    overflow: hidden
}

.papers-slider .papers-slide-item .infos .date {
    position: absolute;
    background: #00315e;
    padding: 5px 10px;
    border-radius: 5px;
    top: -20px;
    color: #fff;
    font-weight: 700
}

.papers-slider .papers-slide-item .infos .name {
    font-weight: 700;
    font-size: 16px
}

.papers-slider .papers-slide-item .infos p {
    margin: 5px 0 0;
    padding: 0;
    font-size: 13px;
    color: #a6abb0;
    line-height: 24px
}

.papers-slider .papers-slide-item .infos::before {
    position: absolute;
    left: 0;
    width: 5px;
    height: 80%;
    top: 50%;
    transform: translateY(-50%);
    content: "";
    background: #00315e;
    border-radius: 0 5px 5px 0
}

.papers-slider .swiper-button-next,
.papers-slider .swiper-button-prev {
    position: absolute;
    top: 140px;
    z-index: 4;
    width: 30px;
    height: 30px;
    background: #ff2e00;
    color: #fff;
    line-height: 30px;
    text-align: center;
    border-radius: 100%
}

.papers-slider .swiper-button-next,
.sproduct-slider .swiper-button-next {
    right: 20px
}

.papers-slider .swiper-button-prev,
.sproduct-slider .swiper-button-prev {
    left: 20px
}

.papers-news {
    display: flex;
    background: #fff;
    border-radius: 5px
}

.papers-news figure {
    margin: 0;
    padding: 0;
    width: 50%;
    position: Relative;
    overflow: hidden
}

.papers-news figure a {
    display: block;
    position: Relative;
    overflow: hidden
}

.papers-news figure img {
    display: block;
    position: relative;
    height: 217px;
    object-fit: contain
}

.papers-news .papers-news-info {
    width: 50%;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.papers-news .papers-news-info .date div {
    background: #1c2938;
    padding: 5px;
    font-weight: 600;
    font-size: 12px;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    display: inline-block
}

.papers-news .papers-news-info .name {
    font-weight: 500;
    display: block;
    position: Relative
}

.papers-news .papers-news-info .name::after {
    position: absolute;
    left: -21px;
    width: 5px;
    height: 100%;
    top: 50%;
    transform: translateY(-50%);
    content: "";
    background: #00315e;
    border-radius: 0 5px 5px 0
}

.campaigns-item {
    background: #fff;
    border-radius: 5px;
    display: flex
}

.campaigns-item figure {
    width: 25%;
    margin: 0;
    padding: 0;
    position: Relative;
    overflow: hidden
}

.campaigns-item figure a {
    height: 102px;
    display: block;
    position: Relative;
    overflow: hidden
}

.campaigns-item figure img {
    width: 100%;
    display: block;
    top: 50%;
    position: Relative;
    transform: translateY(-50%)
}

.campaigns-item .infos {
    display: flex;
    width: 75%;
    align-items: Center;
    padding: 0 20px;
    position: Relative
}

.campaigns-item .infos::after {
    position: absolute;
    left: 0;
    width: 5px;
    height: 70%;
    top: 50%;
    transform: translateY(-50%);
    content: "";
    background: #ff2e00;
    border-radius: 0 5px 5px 0
}

.darkmode .long-text::before,
.long-text::before {
    z-index: 3;
    height: 200px;
    content: "";
    bottom: 0;
    position: absolute;
    width: 100%;
    left: 0
}

.campaigns-item .infos p {
    margin: 0;
    padding: 0;
    color: #a6abb0;
    line-height: 17px;
    font-size: 12px
}

.account-items .item .account-user-infos .aui-bot .auib-ranks div,
.brreadcrumb ul li,
.logged-droppedx .logged-money a span:first-child,
.order-autocomplete span:first-child,
.order-clock span:first-child,
.order-secure span:first-child,
.profile-tabses li span:first-child,
.sproduct-buy span:first-child,
.sproduct-dealer .dealer-buttons a span:first-child,
.sproduct__ranks .shares-item span:first-child,
.sproduct__ranks .viewers span:first-child {
    margin-right: 10px
}

.campaigns-item:hover a {
    color: #ff2e00
}

.long-text {
    position: Relative;
    height: 180px;
    overflow: hidden
}

.long-text::before {
    background: linear-gradient(180deg, rgba(248, 248, 248, 0) 0, #f8f8f8 100%)
}

.darkmode .long-text::before {
    background: 0 0
}

.long-text .long-text-toggler {
    width: 200px;
    left: 0;
    right: 0;
    margin: auto;
    background: #00315e;
    color: #fff;
    padding: 10px 0;
    text-align: Center;
    border-radius: 5px;
    cursor: pointer;
    bottom: 0;
    position: absolute;
    z-index: 5
}

.long-text .long-text-toggler::after {
    content: "Daha Fazla Göster"
}

.long-text .long-text-toggler.active::after {
    content: "Daha Az Göster"
}

.long-text.active {
    height: inherit
}

.brreadcrumb ul li:last-child a::after,
.long-text.active::before,
.product-lister__item {
    display: none
}

.sproduct-cover {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 10px;
    display: flex;
    align-items: flex-end
}

.sproduct-cover__inner {
    background: rgba(255, 255, 255, .8);
    backdrop-filter: blur(35px)
}

.sproduct-long,
.sproduct-title {
    padding: 0;
    letter-spacing: -.045em
}

.sproduct-title {
    font-size: 24px;
    font-weight: 700;
    margin: 0
}

.sproduct-long {
    line-height: 22px;
    margin: 5px 0 0
}

.sproduct-slider .swiper-button-next,
.sproduct-slider .swiper-button-prev {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 4;
    width: 30px;
    height: 30px;
    background: #ff2e00;
    color: #fff;
    line-height: 30px;
    text-align: center;
    border-radius: 100%;
    font-weight: 900;
}

.account-items .item .account-user-infos .aui-top .auit-photo,
.account-photo img,
.dealer-rates .item .rater-wrapper,
.sproduct-dealer,
.sproduct-img,
.sproduct__ranks .shares {
    position: relative
}

.sproduct__ranks .viewers {
    background: #fff;
    height: 41px;
    padding: 0 20px;
    border-radius: 5px;
    font-weight: 600;
    align-items: center;
    justify-content: center;
    display: flex
}

.sproduct__ranks .shares-item {
    cursor: pointer;
    background: #fff;
    height: 41px;
    padding: 0 20px;
    border-radius: 5px;
    justify-content: center;
    font-weight: 600;
    align-items: center;
    display: flex
}

.sproduct__ranks .auto-complete span:first-child img,
.sproduct__ranks .trust-seller span:first-child img {
    width: 24px;
    margin: 0 auto;
    display: block
}

.sproduct__ranks .shares .shares-socials {
    background: #fff;
    padding: 5px 0;
    display: none;
    justify-content: center;
    position: absolute;
    left: -105%;
    top: 0;
    width: 100%;
    z-index: 14;
    border-radius: 5px
}

.sproduct__ranks .shares .shares-socials a {
    width: 30px;
    height: 30px;
    margin: 0 2px;
    background: rgba(0, 0, 0, .05);
    font-size: 16px;
    line-height: 30px;
    text-align: Center;
    border-radius: 5px
}

.sproduct-dealer .dealer-buttons a:hover,
.sproduct__ranks .shares .shares-socials a:hover {
    background: #0085ff;
    color: #fff
}

.sproduct__ranks .auto-complete {
    background: linear-gradient(262deg, #161b29, #1847c2);
    height: 41px;
    padding: 0 20px 0 0;
    border-radius: 5px;
    font-weight: 400;
    align-items: center;
    display: flex;
    color: #fff;
    border: 1px solid #122e73
}

.sproduct__ranks .auto-complete span:first-child {
    background: #173b99;
    border-radius: 5px;
    width: 41px;
    height: 41px;
    margin-right: 10px;
    padding-top: 8px
}

.sproduct__ranks .trust-seller {
    background: #00cab2;
    height: 41px;
    padding: 0 20px 0 0;
    border-radius: 5px;
    font-weight: 600;
    align-items: center;
    display: flex;
    color: #fff
}

.sproduct__ranks .trust-seller span:first-child {
    background: #00ffe0;
    border-radius: 5px;
    width: 41px;
    height: 41px;
    margin-right: 10px;
    padding-top: 8px
}

.sproduct-img {
    width: 100%;
    overflow: hidden;
    border-radius: 5px;
    background: #192331
}

.sproduct-img a {
    display: block;
    position: Relative
}

.sproduct-img a img {
    display: block;
    left: 50%;
    transform: translateX(-50%);
    position: Relative
}

.card-list,
.sproduct-detail {
    background: #fff;
    border: 1px solid #ececec;
    border-radius: 5px
}

.sproduct-detail__top {
    border-bottom: 1px solid #ececec;
    padding: 10px 20px
}

.sproduct-detail__top .sproduct-no {
    color: #888f95
}

.sproduct-detail__top .sproduct-no span {
    color: #00315e;
    font-weight: 700
}

.sproduct-detail__top .sproduct-stock {
    position: Relative;
    line-height: 20px;
    text-align: center
}

.sproduct-detail__top .sproduct-stock span {
    color: #ff2e00;
    font-size: 20px;
    font-weight: 700;
    display: block
}

.sproduct-detail__top .sproduct-stock::after {
    position: absolute;
    right: -20px;
    width: 5px;
    height: 70%;
    top: 50%;
    transform: translateY(-50%);
    content: "";
    background: #ff2e00;
    border-radius: 5px 0 0 5px
}

.sproduct-detail__long {
    line-height: 22px;
    height: 50%;
    position: relative;
    overflow-x: auto;
    padding: 20px 10px 10px
}

.sproduct-dealer {
    background: #fff;
    border: 1px solid #ececec;
    border-radius: 5px;
    z-index: 5
}

.sproduct-dealer .dealer-img {
    position: Relative;
    float: left;
    background: rgb(63 66 87);
    border-radius: 50%;
    width: 70%;
    left: 30px;
}

.sproduct-dealer .dealer-img img {
    display: block;
    border-radius: 100%;
}

.sproduct-dealer .dealer-img .status {
    width: 12px;
    height: 12px;
    border-radius: 100%;
    position: absolute;
    right: -5px;
    top: 50%;
    transform: translateY(-50%);
    border: 2px solid #f1f1f1;
}

.account-items .item .account-user-infos .aui-top .auit-photo .status.online,
.selling-rate.access::after,
.sproduct-dealer .dealer-img .status.online {
    background: #00AF33
}

.account-items .item .account-user-infos .aui-top .auit-photo .status.offline,
.account-menus a:hover,
.sproduct-dealer .dealer-img .status.offline {
    background: #f1f1f1
}

.sproduct-dealer .dealer-nick {
    display: inline-grid
}

.sproduct-dealer .dealer-nick a {
    font-weight: 700;
    font-size: 18px;
    letter-spacing: -1px;
    text-align: center
}

.sproduct-dealer .dealer-nick .dealer-status {
    border-radius: 5px;
    display: inline-block;
    text-align: center;
    padding: 5px;
    font-size: 12px;
    font-weight: 600
}

.selling-rate.access,
.sproduct-dealer .dealer-nick .dealer-status.online {
    background: #d6fffa;
    color: #00cab2
}

.sproduct-dealer .dealer-nick .dealer-status.offline {
    background: #f1f1f1;
    color: #888f95;
    word-break: break-all;
    font-size: 11px
}

.darkmode .sproduct-dealer .dealer-nick .dealer-status.offline {
    background: 0 0;
    color: #fff;
    word-break: break-all;
    font-size: 11px;
    font-weight: 500;
    width: 165px
}

.sproduct-dealer .dealer-ranks {
    background: #eef3f6;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 0;
    flex-direction: column;
}

.sproduct-dealer .dealer-ranks span {
    margin: 0 5px
}

.sproduct-dealer .dealer-ranks span img {
    display: block;
    width: 30px
}

.sproduct-dealer .dealer-buttons a {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #00315e;
    color: #fff;
    padding: 10px 0;
    border-radius: 5px;
    margin: 3px;
    cursor: pointer;
}

.brreadcrumb {
    background: rgba(0, 49, 94, .8);
    display: block;
    backdrop-filter: blur(35px)
}

.darkmode .brreadcrumb {
    background: linear-gradient(45deg, #3203ab, #980ed5);
    backdrop-filter: blur(35px);
    box-shadow: 0 10px 40px rgb(33 36 48)
}

.sproduct-buy,
.sproduct-price {
    position: Relative;
    padding: 10px 10px
}

.brreadcrumb ul {
    margin: 0;
    padding: 0;
    display: flex;
    list-style: none
}

.account-items .item .buy:hover,
.brreadcrumb ul li a,
.items-lister .buy:hover,
.sproduct-buy:hover {
    color: #fff
}

.brreadcrumb ul li a::after {
    content: ">";
    margin-left: 10px
}

.brreadcrumb ul li a:hover {
    text-decoration: underline
}

.account-items .item .account-user-infos .aui-bot .auib-ranks div:last-child,
.brreadcrumb ul li:last-child {
    margin-right: 0
}

.sproduct-buy {
    display: flex;
    width: 100%;
    align-items: center;
    font-size: 14px;
    font-weight: 500;
    justify-content: center;
    color: #fff;
    background: #3f3f93;
    border: 1px solid #4605b3;
    border-radius: 5px;
    overflow: hidden;
    cursor: pointer
}

.sproduct-buy::after {
    position: absolute;
    left: 0;
    height: 100%;
    width: 0;
    background: #0085ff;
    content: "";
    z-index: 1;
    transition: .2s ease-in-out
}

.order-clock::before,
.selling-rate.denied::after,
.sproduct-price::before {
    background: #ff2e00
}

.sproduct-buy span {
    position: Relative;
    z-index: 2
}

.account-items .item .buy:hover::after,
.items-lister .buy:hover::after,
.sproduct-buy:hover::after {
    width: 100%;
    transition: .2s ease-in-out
}

.sproduct-price {
    text-align: Center;
    background: #fff;
    border: 1px solid #ececec;
    border-radius: 5px;
    font-weight: 700;
    font-size: 26px
}

.order-autocomplete::before,
.order-clock::before,
.order-secure::before,
.sproduct-price::before {
    height: 60%;
    border-radius: 0 5px 5px 0;
    width: 4px;
    left: 0;
    position: absolute;
    content: ""
}

.order-autocomplete,
.order-clock,
.order-secure {
    padding: 10px;
    font-weight: 500;
    position: Relative;
    border-radius: 5px
}

.order-autocomplete {
    background: #d6fffa;
    display: flex;
    align-items: center
}

.order-autocomplete img,
.order-clock img,
.order-secure img {
    height: 20px
}

.order-autocomplete::before {
    background: #00cab2
}

.order-secure {
    background: #dae6ff;
    display: flex;
    align-items: center
}

.order-clock,
.profile-tabses li {
    align-items: center;
    display: flex
}

.order-secure::before {
    background: #3f7dff
}

.order-clock {
    background: #ffe1da
}

.profile-tabses {
    padding: 10px 0 0;
    margin: 0;
    list-style: none
}

.profile-tabses li {
    cursor: pointer;
    transition: .2s ease-in-out;
    color: #fff;
    font-weight: 400;
    letter-spacing: -.045em;
    border-top: 3px solid transparent;
    border-radius: 5px 5px 0 0
}

.profile-tabses li.active {
    border-top-color: #ff2e00;
    background: #fbfbfb;
    color: #00315e
}

.profile-page-inner {
    padding-top: 200px
}

.profile-page-inner .sproduct-cover__inner {
    padding: 0 10px 0 0;
    background: rgb(36 38 56/43%);
    border-radius: 0 !important
}

.dealer-about {
    border-top: 1px solid #f1f1f1;
    font-size: 10px;
    color: #70879b
}

.dealer-about .title {
    font-weight: 700;
    font-size: 14px;
    color: #00315e
}

.dealer-about .value {
    color: #00315e
}

.darkmode .dealer-about .value {
    color: #cfcfcf
}

.selling-rate {
    border-radius: 5px;
    position: Relative;
    padding: 10px 0;
    text-align: Center
}

.selling-rate::after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 30px;
    margin: auto;
    height: 3px;
    border-radius: 0 0 5px 5px;
    content: ""
}

.selling-rate .value {
    display: block;
    font-size: 25px;
    font-weight: 700
}

.selling-rate .icon {
    position: absolute;
    left: 10px;
    top: 10px
}

.selling-rate .title {
    display: block;
    font-size: 13px;
    color: #00315e;
    font-weight: 600
}

.selling-rate.denied {
    background: #ffe0da;
    color: #ff2e00
}

.darkmode .account-items .item,
.darkmode .account-items .item.vitrin {
    background: linear-gradient(to bottom, #25273a 0%, #3a3d56 100%) !important;
    margin-bottom: 5px
}

.dealer-total-rating {
    background: #fff;
    border: 1px solid #ececec;
    border-radius: 5px;
    padding: 20px
}

.dealer-total-rating .total-value .value,
.items-lister .name {
    font-weight: 700;
    font-size: 20px
}

.dealer-total-rating .total-value .stars {
    color: #49739a
}

.dealer-rates .item .rater-name .stars .rated,
.dealer-total-rating .total-value .stars .rated {
    color: #ffaa29
}

.dealer-rates .item {
    margin-top: 20px;
    background: #fff;
    border: 1px solid #ececec;
    border-radius: 5px
}

.dealer-rates .item .rater-wrapper .rater-img {
    position: absolute
}

.dealer-rates .item .rater-wrapper .rater-img img {
    width: 30px;
    height: 30px;
    border: 3px solid #ececec;
    border-radius: 100%
}

.dealer-rates .item .rater-name .stars {
    font-size: 13px;
    color: #49739a
}

.dealer-rates .item .rater-date {
    color: #49739a;
    font-size: 12px
}

.dealer-rates .item .rater-comment {
    padding: 0;
    margin: 5px 0 0;
    line-height: 22px
}

.dealer-rates .seller-message {
    position: relative;
    margin-top: 20px;
    border-radius: 5px;
    background: #ecf6ff
}

.dealer-ranked {
    background: #fff;
    display: flex;
    align-items: center;
    top: 25px;
    border-radius: 0 5px 5px 0
}

.sproduct-search,
.sproduct-search-submit {
    background: rgba(207, 207, 207, .8);
    backdrop-filter: blur(35px);
    height: 38px;
    outline: 0;
    width: 100%;
    color: #00315e;
    transition: .2s ease-in-out
}

.dealer-ranked::after {
    right: 0;
    background: #ff2e00;
    width: 5px;
    border-radius: 5px 0 0 5px;
    height: 60%;
    top: 50%;
    transform: translateY(-50%);
    content: "";
    position: absolute
}

.dealer-ranked .value {
    line-height: 16px
}

.sproduct-search {
    border-radius: 5px 0 0;
    padding: 0 20px;
    display: block;
    border: none
}

.darkmode .sproduct-search {
    background: rgb(25 39 52)
}

.sproduct-search-submit {
    border-radius: 0 5px 0 0;
    padding: 0;
    display: block;
    border: none;
    text-align: Center
}

.sproduct-search-submit svg {
    width: 16px
}

.account-photo {
    position: relative;
    border-radius: 5px;
    overflow: hidden
}

@media(min-width:768px) {
    .sproduct-dealer {
        padding: 20px
    }
    .profile-page-dealer {
        border-radius: 5px;
        left: -4px
    }
    .dealer-rates .item {
        padding: 25px 30px
    }
    .dealer-rates .item .rater-wrapper .rater-img {
        left: -45px;
        top: -5px
    }
    .dealer-rates .seller-message {
        padding: 20px 30px
    }
    .dealer-rates .seller-message .rater-img {
        left: -15px !important;
        top: 15px !important
    }
    .dealer-ranked {
        position: sticky;
        left: 100%
    }
    .account-photo {
        margin-top: -150px
    }
    .account-photo img {
        left: 50%;
        transform: translateX(-50%);
        height: 240px;
        border-radius: 10px
    }
}

@media(max-width:767px) {
    .sproduct-img a img {
        height: 280px
    }
    .sproduct-dealer {
        padding: 10px;
        display: flex;
        flex-wrap: wrap;
        align-items: Center;
        justify-content: center
    }
    .sproduct-dealer .dealer-img img {
        width: 54px;
        height: 54px
    }
    .sproduct-dealer .dealer-img {
        width: 60px;
        height: 60px
    }
    .sproduct-dealer .dealer-nick {
        width: 60%
    }
    .sproduct-dealer .dealer-buttons a {
        padding: 5px;
        font-size: 12px
    }
    .sproduct-dealer .dealer-buttons {
        padding-left: 10px
    }
    .profile-tabses {
        flex-wrap: wrap
    }
    .dealer-about,
    .dealer-ranked {
        width: 100%;
        position: relative
    }
    .dealer-rates .item {
        padding: 15px
    }
    .dealer-rates .item .rater-wrapper .rater-img {
        left: -30px;
        top: -10px
    }
    .dealer-rates .seller-message {
        padding: 10px
    }
    .dealer-rates .seller-message .rater-img {
        left: -20px !important;
        top: -10px !important
    }
    .account-photo {
        margin-top: 20px
    }
    .account-photo img {
        display: block;
        width: 100%
    }
}

.account-menus {
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    background: #fff;
    border: 1px solid #ececec;
    border-radius: 5px
}

.darkmode .account-menus {
    background: #2f3144;
    border: 1px solid #2d364c;
    margin-bottom: 15px
}

.account-menus li {
    border-right: 1px solid #ececec
}

.darkmode .account-menus li {
    border-right: 1px solid #192734
}

.account-menus li:last-child {
    border-right: none
}

.account-menus li:first-child a {
    border-radius: 5px 0 0 5px
}

.account-menus a {
    display: block;
    padding: 10px 20px;
    transition: .2s ease-in-out;
    font-weight: 600
}

.account-menus a .icon {
    margin-bottom: 5px;
    display: flex;
    align-items: center;
    width: 100%;
    height: 45px;
    justify-content: center
}

.account-menus a .icon img {
    height: 45px;
    display: block;
    object-fit: cover;
    border-radius: 10px
}

.account-menus a .icon svg path {
    fill: #00315e;
    transition: .2s ease-in-out
}

.account-menus a .icon svg {
    height: 28px
}

.account-menus a .title {
    display: flex;
    align-items: Center;
    justify-content: Center
}

.account-menus a .title .value {
    transition: .2s ease-in-out;
    font-weight: 600;
    background: #2d364c;
    color: #fff;
    border-radius: 5px;
    padding: 2px 3px;
    margin-left: 5px;
    line-height: 14px
}

.darkmode .account-menus a:hover {
    background: #2d364c
}

.account-menus a.active {
    background: #00315e;
    color: #fff
}

.darkmode .account-menus a.active {
    background: #25273a;
    color: #fff
}

.account-menus a.active svg path {
    fill: #fff
}

.account-long {
    height: 110px
}

.account-items .item {
    background: #fff;
    border: 1px solid #ececec;
    border-radius: 5px;
    margin-top: 0;
    width: 83.1%
}

.darkmode .account-items .item {
    border: 3px solid #3f4257;
    border-radius: 10px
}

.account-items .item.onecikan {
    background: linear-gradient(90deg, rgba(255, 46, 0, .27) 0, rgba(254, 97, 62, 0) 80.66%);
    border: 1px solid #fbeeeb
}

.darkmode .account-items .item.onecikan {
    border: 1px solid #292726
}

.account-items .item.vitrin {
    background: linear-gradient(90deg, rgba(0, 255, 117, .27) 0, rgba(0, 255, 117, 0) 80.66%);
    border: 1px solid #ebfbf1
}

.darkmode .account-items .item.vitrin {
    border: 2px solid #454a5f;
    border-radius: 10px
}

.account-items .item .photo {
    padding: 5px;
    border-radius: 5px;
    position: relative;
    overflow: hidden
}

.account-items .item .photo img {
    border-radius: 5px;
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover
}

.account-items .item .long {
    padding: 0;
    margin: 5px 0 0;
    font-size: 12px;
    line-height: 18px
}

.account-items .item .buy {
    border: 1px solid transparent !important;
    background-color: #0e5799 !important;
    display: inline-block;
    margin-top: 27px;
    padding: 15px;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    text-align: Center;
    position: Relative;
    border-radius: 4px;
    overflow: hidden
}

.account-items .item .buy::after,
.items-lister .buy::after {
    position: absolute;
    left: 0;
    height: 100%;
    width: 0;
    top: 0;
    background: #0085ff;
    z-index: 1;
    transition: .2s ease-in-out
}

.account-items .item .buy span,
.items-lister .buy span {
    position: Relative;
    z-index: 2;
    display: block;
    width: 100%;
    text-align: Center
}

.account-items .item .price {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 10px;
    clear: both
}

.account-items .item .account-user-infos {
    padding: 10px;
    height: 150px;
    border-left: 1px solid #ececec;
    display: flex;
    background: #fff;
    border-radius: 0 5px 5px 0;
    align-items: center
}

.darkmode .account-items .item .account-user-infos {
    background: linear-gradient(to bottom, #25273a 0%, #3a3d56 100%) !important;
    border-left: 1px solid #c2c2c242
}

.darkmode .vitrin-user {
    border-left: 1px solid #182d40 !important;
    background: linear-gradient(269deg, rgb(13 26 75/28%) 0, rgba(0, 255, 117, 0) 80.66%) !important
}

.account-items .item .account-user-infos .aui-bar {
    width: 100%
}

.account-items .item .account-user-infos .aui-top {
    width: 100%;
    display: -webkit-box;
    align-items: Center;
    justify-content: space-between
}

.account-items .item .account-user-infos .aui-top .auit-photo img {
    width: 60px;
    height: 60px;
    display: block;
    border: 3px solid #ececec;
    border-radius: 100%
}

.account-items .item .account-user-infos .aui-top .auit-photo .status {
    position: absolute;
    width: 16px;
    height: 16px;
    border: 2px solid #ececec;
    border-radius: 100%;
    right: -7px;
    top: 50%;
    transform: translateY(-50%);
    background: #fff
}

.account-items .item .account-user-infos .aui-top .auit-name a {
    font-weight: 700;
    margin-left: 10px
}

.account-items .item .account-user-infos .aui-top .auit-name .status {
    border-radius: 5px;
    line-height: 12px;
    font-size: 10px;
    padding: 5px;
    margin-left: 10px
}

.account-items .item .account-user-infos .aui-top .auit-name .status.offline {
    background: #eef3f6;
    color: #88a2bb
}

.account-items .item .account-user-infos .aui-top .auit-name .status.online {
    background: #d6fffa;
    color: #021916
}

.account-items .item .account-user-infos .aui-bot {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px
}

.account-items .item .account-user-infos .aui-bot .auib-ranks {
    border-radius: 5px;
    background: #eef3f6;
    display: flex;
    align-items: Center;
    padding: 5px
}

.account-items .item .account-user-infos .aui-bot .auib-ranks img {
    width: 32px
}

.account-items .item .account-user-infos .aui-bot .auib-access {
    background: #d6fffa;
    font-weight: 700;
    border-radius: 5px;
    padding: 5px
}

.darkmode .account-items .item .account-user-infos .aui-bot .auib-access {
    color: #4e4e4e
}

.account-items .auto-complete {
    color: #fff;
    background: #007147;
    padding: 5px;
    margin-top: 15px;
    border-radius: 10px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    cursor: pointer;
    width: 150px
}

.zaman-align {
    text-align: center
}

.items-lister .long {
    margin: 5px 0 0;
    padding: 0;
    line-height: 20px
}

.items-lister .item {
    background: #fff;
    border: 1px solid #ececec;
    border-radius: 5px;
    margin-top: 20px
}

.darkmode .items-lister .item {
    background: rgb(47 49 68);
    border: 1px solid #142433
}

.items-lister .item:first-child {
    margin-top: 0
}

.items-lister .buy {
    display: block;
    padding: 10px;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    text-align: Center;
    background: linear-gradient(266.58deg, #00315e 35.58%, #49739a 100%);
    border: none;
    position: Relative;
    border-radius: 2px;
    overflow: hidden
}

.darkmode .items-lister .buy {
    background: linear-gradient(45deg, #f98c36, #d2772f);
    cursor: pointer;
    border-radius: 5px;
    font-weight: 400;
    height: 79px;
    padding: 20px
}

.items-lister .price {
    font-size: 24px;
    font-weight: 500
}

.items-lister .price .old-price {
    border-radius: 5px;
    font-weight: 500;
    font-size: 14px;
    display: block;
    color: #fff;
    text-align: center;
    width: 70px;
    background: linear-gradient(21deg, rgb(1 191 57), rgb(5 75 0));
    text-shadow: 1px 1px 0 #51217d;
    padding: 1px;
    cursor: pointer;
    margin: 10px;
}

.points-share a {
    display: block
}

.points-share a:hover {
    transform: scale(1.1)
}

.darkmode .card-list {
    background: #16212c;
    border: 1px solid #043762;
    border-radius: 5px
}

.card-list .card-item {
    background: #eff3f5;
    border-radius: 5px;
    padding: 5px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: Center
}

.logged-droppedx,
.output,
.output::after {
    background: #2f3144;
    position: absolute
}

.card-list .card-item img {
    max-height: 40px;
    max-width: 90%
}

.output {
    border-radius: 5px;
    z-index: 100;
    width: 95.5%;
    top: 105%;
    margin: 0;
    padding: 0;
    overflow-y: auto;
    max-height: 200px;
    list-style: none;
    box-shadow: 0 30px 30px 0 rgba(0, 0, 0, .2)
}

.output::after {
    content: "";
    width: 10px;
    height: 10px;
    top: -5px;
    left: 10px;
    transform: rotate(-45deg)
}

.output li {
    border-bottom: 1px solid #f1f1f1
}

.output li:last-child {
    border-bottom: none
}

.output li a {
    display: flex;
    align-items: center;
    padding: 10px
}

.output li a span:first-child {
    width: 40px
}

.output li a span:first-child img {
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 5px
}

.output li a:hover {
    background: rgba(0, 0, 0, .05)
}

.output li a span:nth-child(2) {
    padding-left: 20px;
    color: #00315e
}

.logged-droppedx {
    top: 120%;
    width: 215px;
    right: -40px;
    box-shadow: rgba(10, 10, 10, .6) 0 1px 6px 5px;
    z-index: 1000;
    border-radius: 14px
}

.logged-droppedx::before {
    content: "";
    width: 16px;
    height: 16px;
    top: -7px;
    transform: rotate(45deg);
    border-radius: 4px;
    right: 10px;
    position: absolute;
    background: 0 0
}

.logged-droppedx .logged-profile {
    border-radius: 10px 10px 0 0;
    padding: 10px;
    background: linear-gradient(270deg, #3440ab, #3c3f58)
}

.logged-droppedx .logged-img img {
    width: 100%;
    border-radius: 100%
}

.logged-droppedx .logged-name a {
    font-size: 18px;
    color: #fff;
    font-weight: 700
}

.logged-droppedx .logged-total {
    background: #004483;
    border-radius: 10px
}

.logged-droppedx .logged-total .value {
    display: block;
    color: rgba(255, 255, 255, .5);
    padding: 10px;
    font-size: 12px
}

.logged-droppedx .logged-total .value span {
    font-weight: 700;
    color: #fff
}

.logged-droppedx .logged-total a {
    display: block;
    color: #fff;
    border-radius: 10px;
    background: #0074df;
    padding: 5px;
    text-align: center;
    font-weight: 700
}

.logged-droppedx .logged-total a:hover {
    background: #118cff
}

.logged-droppedx .logged-links ul {
    margin: 0;
    list-style: none
}

.darkmode .logged-droppedx .logged-links ul {
    background: #2f3144;
    margin: 0;
    padding: 0px 0px 0px 0px;
    list-style: none;
}

.logged-droppedx .logged-links ul li a {
    display: flex;
    align-items: center;
    font-weight: 600;
    padding: 10px 0;
    border-radius: 10px
}

.logged-droppedx .logged-links ul li a span:first-child {
    margin-right: 43px;
    width: 20px
}

.logged-droppedx .logged-links ul li a:hover {
    background: rgba(0, 0, 0, .05);
    padding-left: 10px
}

.logged-droppedx .logged-links ul li a svg path {
    fill: rgba(0, 93, 180, .1);
    stroke: #fff;
}

.darkmode .logged-droppedx .logged-links ul li a svg path {
    fill: rgba(0, 93, 180, .1);
    stroke: #e6e6e6
}

.logged-droppedx .logged-links ul li a svg circle {
    stroke: #fff
}

.darkmode .logged-droppedx .logged-links ul li a svg circle {
    stroke: #e6e6e6
}

.logged-droppedx .logged-links ul li:last-child {
    border-bottom: 0
}

.logged-droppedx .logged-bottom-buttons {
    background: #00315e;
    display: flex
}

.darkmode .logged-droppedx .logged-bottom-buttons {
    background: #15202b;
    display: flex
}

.logged-droppedx .logged-bottom-buttons a {
    width: 50%;
    padding: 10px;
    color: #fff
}

.logged-droppedx .logged-bottom-buttons a .icon {
    display: block;
    text-align: center
}

.logged-droppedx .logged-bottom-buttons a .text {
    font-size: 13px;
    display: block;
    text-align: Center;
    margin-top: 10px
}

.logged-droppedx .logged-bottom-buttons a:first-child {
    border-right: 1px solid rgba(255, 255, 255, .1)
}

.darkmode .logged-droppedx .logged-money a,
.logged-droppedx .logged-bottom-buttons a:hover {
    background: #3b68e5;
    color: #fff
}

.logged-droppedx .logged-money {
    padding: 10px
}

.darkmode .logged-droppedx .logged-money {
    background: #1f223c;
    padding: 10px
}

.logged-droppedx .logged-money a {
    display: block;
    padding: 10px 0;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    background: #e7ebee;
    font-weight: 700
}

.logged-droppedx .logged-money a svg path {
    transition: .2s ease-in-out
}

.logged-droppedx .logged-money a:hover {
    color: #fff;
    background: #005db4
}

.logged-droppedx .logged-money a:hover svg path {
    fill: #fff;
    transition: .2s ease-in-out
}

.logged-droppedx .logged-logout {
    background: #e7ebee;
    display: flex;
    align-items: center;
    height: 55px;
    justify-content: space-between;
    padding: 20px;
    border-radius: 0 0 10px 10px;
    font-weight: 600;
    color: #121314
}

.darkmode .zed,
.zed {
    font-size: 10px !important;
    padding: 4px;
    border-radius: 20px;
    text-align: -webkit-center;
    width: 70%
}

.logged-droppedx .logged-logout:hover {
    background: #d9dde0
}

.zed {
    background-color: #00315e;
    color: #efefef !important
}

.centerSlid,
.centerSlid img,
.leftSlid,
.rightSlid {
    border-radius: 5px
}

.darkmode .zed {
    background-color: #15202b;
    color: #dedede !important
}

.ustcat {
    background-image: url(../images/ust.png)
}

.darkmode .ustcat {
    background-image: url(../images/ust-gray.png)
}

.account-items .item .photo a .featured {
    right: 0;
    bottom: 20px;
    top: auto;
    z-index: 9999
}

.account-items .item .photo a .showcase {
    left: 5px;
    top: 20px;
    z-index: 9999
}

@media(min-width:1200px) {
    .main-container,
    .main-container-safe {
        max-width: 1260px
    }
    .sproduct-cover__inner {
        border-radius: 0 5px 0 0;
        padding: 20px
    }
    .brreadcrumb {
        border-radius: 5px 5px 0 0;
        display: block;
        padding: 10px 20px
    }
    .dealer-ranked img,
    .profile-tabses li img {
        height: 40px
    }
    .profile-tabses li {
        padding: 25px;
        font-size: 16px
    }
    .dealer-ranked {
        padding: 10px 20px
    }
    .headerShorts--icons,
    .headerShorts--search_icon {
        display: none
    }
}

@media(max-width:1199px) {
    .sproduct-cover__inner {
        padding: 20px;
        text-align: center
    }
    .sproduct__ranks .shares-item,
    .sproduct__ranks .viewers {
        height: 30px;
        padding: 0 8px
    }
    .sproduct__ranks .auto-complete,
    .sproduct__ranks .trust-seller {
        font-size: 12px;
        padding-right: 10px;
        height: 30px
    }
    .sproduct__ranks .auto-complete span:first-child,
    .sproduct__ranks .trust-seller span:first-child {
        width: 30px;
        height: 30px;
        padding-top: 3px
    }
    .sproduct__ranks .auto-complete span:nth-child(2),
    .sproduct__ranks .trust-seller span:nth-child(2) {
        width: 60px;
        line-height: 13px
    }
    .brreadcrumb {
        display: block;
        padding: 7px
    }
    .brreadcrumb ul {
        flex-wrap: wrap
    }
    .brreadcrumb ul li a,
    .head-top .head-links li a {
        font-size: 10px
    }
    .dealer-ranked img,
    .profile-tabses li img {
        height: 20px
    }
    .profile-tabses li {
        padding: 10px;
        font-size: 12px
    }
    .dealer-ranked {
        padding: 5px 10px
    }
    .headerShorts--search_icon {
        position: absolute;
        top: 0;
        right: 0;
        width: 32px;
        height: 36px;
        line-height: 36px;
        text-align: Center;
        z-index: 10
    }
    .headerShorts--search_icon svg {
        height: 20px
    }
    .headerShorts {
        display: flex;
        align-items: center
    }
    .headerShorts--search {
        position: absolute;
        top: 0;
        z-index: 100;
        width: 100% !important;
        display: none;
        left: 0
    }
    .headerShorts--search .search {
        width: 80%
    }
    .headerShorts--search .search-button {
        width: 20%
    }
    .headerShorts--icons {
        width: 100% !important;
        text-align: center
    }
    .headerShorts--icons img {
        width: 20px;
        max-width: 100%;
        display: block;
        margin: 0 auto
    }
    .headerShorts--icons a {
        position: Relative;
        display: flex;
        align-items: flex-end;
        width: 33.333%;
        height: 40px
    }
    .headerShorts--icons a span {
        width: 16px;
        height: 16px;
        color: #fff;
        border-radius: 100%;
        background: #ff003d;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        margin: auto;
        line-height: 16px;
        text-align: Center;
        font-weight: 700;
        font-size: 12px
    }
    .userPanel-fix .tabses {
        width: 100% !important;
        flex-wrap: wrap
    }
    .userPanel-fix .tabses li {
        width: 25% !important;
        padding: 5px !important;
        border-top: 1px solid #f3f3f3
    }
    .userPanel-fix .tabses li:first-child,
    .userPanel-fix .tabses li:nth-child(2),
    .userPanel-fix .tabses li:nth-child(3),
    .userPanel-fix .tabses li:nth-child(4) {
        border-top: none
    }
    .userPanel-fix .tabses li:last-child,
    .userPanel-fix .tabses li:nth-last-child(2),
    .userPanel-fix .tabses li:nth-last-child(3) {
        width: 33.3333% !important
    }
    .userPanel-fix .tabses li .mpp-icon,
    .userPanel-fix .tabses li .mpp-img img {
        width: 26px !important;
        height: 26px !important
    }
    .userPanel-fix .tabses li:nth-child(4n+0) {
        border-right: none !important
    }
    .userPanel-fix .tabses li .mpp-icon {
        line-height: 24px !important;
        font-size: 14px !important
    }
    .col-half-offset-dash {
        max-width: 50% !important;
        padding: 10px
    }
    .flex-advert20 {
        flex: 0 0 50% !important;
        max-width: 50% !important
    }
    .cara {
        display: block !important;
        opacity: 1 !important;
        min-height: 115px !important
    }
    .head-top {
        position: relative !important;
        display: block !important
    }
    .head-top .socials {
        position: fixed !important;
        width: 100%;
        left: 0;
        display: flex !important;
        bottom: 50px;
        z-index: 1002 !important
    }
    .head-top .socials.dnoner {
        display: none !important
    }
    .head-top .head-links ul {
        justify-content: flex-start
    }
    .head-top .head-links li {
        margin-right: 5px !important;
        padding-right: 5px !important
    }
    .head-top .head-links li:last-child {
        margin-right: 0 !important
    }
    .head-top .mode {
        width: 40px
    }
    .head-top .mode input+span {
        display: none
    }
    .head-bot {
        position: Relative
    }
    .main-menu {
        z-index: 1000
    }
    .mob-menu {
        z-index: 1001
    }
}

.cara {
    display: block !important;
    min-height: 305px
}

.cara2 {
    min-height: 105px
}

.right-images {
    min-height: 82px !important
}

.mt-10 {
    margin-top: 10px !important
}

.pt-10 {
    padding-top: 10px !important
}

.centerSlid img:hover,
.leftSlid img:hover,
.rightSlid img:hover {
    filter: brightness(1.2)
}

.leftSlid {
    width: 20%;
    padding: 0 5px 0 0
}

.leftSlid img,
.rightSlid img {
    max-width: 100%;
    height: 150px;
    object-fit: cover;
    border-radius: 5px
}

.centerSlid {
    width: 60%;
    padding: 0 5px
}

.centerSlid img {
    max-width: 100%;
    height: 310px
}

.rightSlid {
    width: 20%;
    padding: 0 0 0 5px
}

@media screen and (max-width:992px) {
    .leftSlid img,
    .rightSlid img {
        width: 50%;
        height: auto;
        object-fit: cover;
        float: left;
        padding: 2px
    }
    .mt-10 {
        margin-top: 0 !important
    }
    .leftSlid,
    .rightSlid {
        width: 100%;
        padding: 0
    }
    .centerSlid {
        width: 100%;
        padding: 0 2px
    }
    .centerSlid img {
        height: auto !important;
        margin: 10px 0
    }
}






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

.select2-container--default .select2-selection--single {
    border: 1px solid #ced4da;
    border-radius: 15px;
    height: 32px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 32px;
    font-size: 13px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 32px;
}

.game-card {
    cursor: pointer;
    position: relative;
    box-shadow: 0 10px 20px -10px rgb(0 0 0 / 90%);
    transition: 0.4s transform cubic-bezier(0.06, 0.92, 1, 1), 0.4s background cubic-bezier(0.15, 0.67, 0.58, 1);
    border-radius: 6px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: Inter, -apple-system, BlinkMacSystemFont, Arial, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
    margin: 0 4px;
    height: 210px;
}

.game-card:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: linear-gradient(-135deg, rgba(200, 230, 250, 1) 0%, transparent 50%);
    background-size: 200%;
    transition: 0.4s transform cubic-bezier(0.06, 0.92, 1, 1), 0.4s background cubic-bezier(0.15, 0.67, 0.58, 1);
}

.game-card:hover {
    transform: perspective(80em) rotateX(10deg) scale(1.05);
    box-shadow: 0 10px 30px -10px rgb(0 0 0 / 80%);
    z-index: 1;
}

.game-card:hover:before {
    background-position: 50%;
}

.cat-img {
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
    object-position: center top;
}

.cat-name {
    height: 40px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: #2f2f2fc7;
    color: #fff;
    text-align: center;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.baslik_div, .baslik_div2, .baslik_div3 {
    margin: 2rem auto;
    display: block;
    position: relative;
    border-radius: 3.4rem;
    width: 100%;
    background: linear-gradient(to right, #00315e, #005899);
}

.cat-search {
    width:75% !important;
}
.oranla {
    flex: 0 0 14%;
    max-width: 14%;
}

.mpy__login-container .container .user .formBx form input[type='submit'] {
    max-width: 100%;
    position: relative;
    width: 100%;
    padding: 10px;
    background: var(--mpy-primary);
    color: var(--mpy-white);
    border: none;
    outline: none;
    box-shadow: none;
    margin: 8px 0;
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: 300;
    border: none !important;
}
.modal-content {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: none;
    border-radius: 0.3rem;
    outline: 0;
    -webkit-box-shadow: 0 0 34px 17px rgb(0 0 0 / 74%);
    box-shadow: 0 0 34px 17px rgb(0 0 0 / 74%);
}

.modal-header {
    padding: 4px 9px !important;
    justify-content: space-between !important;
    align-items: center;
}

#btnMpyModalClose {
    opacity: 1;
    background: #101213;
    color: #f0f0f0;
    border-radius: 5px;
    margin: 0;
    padding: 0 5px;
    text-shadow: none;
}

#btnMpyModalClose span {
    vertical-align: text-top;
}

.header-area {
    padding: 12px !important;
    margin-bottom: 10px;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    display: block;
    text-transform: uppercase;
    border-radius: 5px;
}

.header-area .title i {
    border-radius: 5px;
    border: 1px solid transparent;
    background: var(--mpy-dark-surface);
    padding: 1rem;
    margin-right: 1rem;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: #000000 !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    color: #ffffff !important;
}

.ellipsis {
    color: #ffffff !important;
}
#advertListingBanner,
#contactBanner {
    height: 170px;
}

#advertListingBanner .advert-filter-bg,
#contactBanner .advert-filter-bg {
    filter: brightness(.35);
    height: 170px;
    background-size: cover;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
}
.info-msg,
    .success-msg,
    .warning-msg,
    .error-msg {
        margin: 10px 0;
        padding: 10px;
        border-radius: 3px 3px 3px 3px;
    }

    .info-msg {
        color: #059;
        background-color: #BEF;
    }

    .success-msg {
        color: #270;
        background-color: #DFF2BF;
    }

    .warning-msg {
        color: #9F6000;
        background-color: #FEEFB3;
    }

    .error-msg {
        color: #D8000C;
        background-color: #FFBABA;
    }

    .customNavigation {
        text-align: center;
    }

    .customNavigation a {
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }

    .prevCatBtn {
        position: absolute;
        left: -10px;
        top: 50%;
        cursor: pointer;
        z-index: 9999;
    }

    .nextCatBtn {
        position: absolute;
        right: -10px;
        top: 50%;
        cursor: pointer;
        z-index: 9999;
    }
    @media only screen and (max-width: 767px) {
        .subtitle6 {
            font-size: 12px !important;
        }
        .title6 {
            font-size: 12px !important;
        }
        .details6 {
            font-size: 12px !important;
        }
        .subtitle4 {
            font-size: 12px !important;
        }
        .title4 {
            font-size: 12px !important;
        }
        .details4 {
            font-size: 12px !important;
        }
        .subtitle3 {
            font-size: 12px !important;
        }
        .title3 {
            font-size: 12px !important;
        }
        .details3 {
            font-size: 12px !important;
        }
        .subtitle5 {
            font-size: 12px !important;
        }
        .title5 {
            font-size: 12px !important;
        }
        .details5 {
            font-size: 12px !important;
        }
        .subtitle7 {
            font-size: 12px !important;
        }
        .title7 {
            font-size: 12px !important;
        }
        .details7 {
            font-size: 12px !important;
        }
    }

    @media only screen and (min-width: 768px) and (max-width: 991px) {
        .subtitle6 {
            font-size: 0px !important;
        }
        .title6 {
            font-size: 0px !important;
        }
        .details6 {
            font-size: 0px !important;
        }
        .subtitle4 {
            font-size: 0px !important;
        }
        .title4 {
            font-size: 0px !important;
        }
        .details4 {
            font-size: 0px !important;
        }
        .subtitle3 {
            font-size: 11.2px !important;
        }
        .title3 {
            font-size: 10.5px !important;
        }
        .details3 {
            font-size: 10.5px !important;
        }
        .subtitle5 {
            font-size: 0px !important;
        }
        .title5 {
            font-size: 0px !important;
        }
        .details5 {
            font-size: 0px !important;
        }
        .subtitle7 {
            font-size: 0px !important;
        }
        .title7 {
            font-size: 0px !important;
        }
        .details7 {
            font-size: 0px !important;
        }
    }