input {
    -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;
}

.ilan-filter-card {
    background: rgb(255 255 255);
    padding: 10px;
    border-radius: 6px;
    margin-bottom: 10px;
    border: 0;
    box-shadow: #24272447 0px 0px 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;
}

.ilan-filter-card .ilan-filter-title {
    font-weight: 500;
    margin-bottom: 5px;
}

.ilan-filter-card .ilan-filter-header {
    font-weight: 500;
    margin-bottom: 10px;
    text-align: center;
    background: #f36f24;
    padding: 6px 10px;
    border-radius: 6px;
    color: #fff;
    font-size: 14px;
}

.ilan-sorting-block {
    background: #fff;
    padding: 10px;
    border-radius: 6px;
    margin-bottom: 10px;
    border: 2px solid #7ca1a136;
    display: flex;
    justify-content: space-between;
}

.form-bg {
    height: auto !important;
}

.cat-scroll {
    list-style: none;
    height: 430px;
    overflow-y: scroll;
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 0px 5px 0px 0;
    margin: 8px 0 0 0;
}

.cat-scroll img {
    object-fit: cover;
    margin-right: 5px;
    border-radius: 4px;
    width: 30px;
    height: 30px;
    background: #3e4b6f;
}

.cat-scroll li a {
    background-color: #dcdcdc47;
    border: 2px solid #a9a9a94a;
    transition: all 0.15s ease 0s;
    border-radius: 6px;
    overflow: hidden;
    display: block;
}

.cat-scroll li a:hover {
    border: 2px solid #f36f24;
}

.cat-scroll li a,
.cat-scroll li a:hover {
    padding: 2px !important;
}

.cat-scroll li a.sub-category {
    display: block;
    background: #2b72ff0a !important;
}

.cat-scroll li a.sub-category.selected {
    border: 1px solid #f36f24 !important;
    box-shadow: #f36f2457 0 0 10px;
}

.cat-scroll li a.cat-all {
    display: block;
    padding: 9px !important;
    font-weight: 500;
    font-size: 12px;
    text-align: center;
    background: #000000ab;
    color: #fff;
    border: 0 !important;
    box-shadow: unset !important;
}

.cat-scroll::-webkit-scrollbar {
    width: 10px !important;
    box-shadow: unset !important;
}

.sub-list-clear {
    list-style: none;
    padding: 5px 0px 0 20px;
}

.ilan-filter-option {
    padding: 8px;
    background: #0000001c;
    border-radius: 6px;
    margin: 10px 0;
}

.ilan-filter-option .checks {
    display: flex;
    flex-direction: column;
    gap: 3px;
    padding: 4px;
    max-height: 150px;
    overflow-y: auto;
}

.ilan-filter-option .checks .form-check {
    margin: 0;
    min-height: auto;
    display: flex;
    gap: 8px;
    align-items: center;
    font-size: 13px;
}

.ilan-filter-option .checks .form-check input {
    width: 16px;
    height: 16px;
}

.mobil-filter-button {
    border: 0 !important;
}

.ilan-faq-button {
    background: #4b67ab59;
    padding: 10px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-weight: 600;
    font-size: 14px;
    color: #fff;
    box-shadow: #1d232fb5 0 3px 8px;
    background: linear-gradient(16deg, rgb(59 69 95 / 55%) 24%, rgb(61 73 103) 65%);
    transition: border-color 0.15s ease;
    border: 1.6px solid #545c72;
}

.ilan-faq-button:hover {
    border-color: #bfd0ff;
}

#ilan-sorting {
    display: block !important;
}

.ilan-item {
    position: relative;
    -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;
    transition: box-shadow 0.2s;
    background: #fff;
    border: 1px solid #c0c0c0;
    box-shadow: 0 4px 3px 0 rgb(0 0 0 / 10%);
    border-radius: 6px;
    transition: border 0.15s ease;
    display: block;
    width: 100%;
    overflow: hidden;
}

.ilan-item:hover {
    border: 1px solid #4c6395;
}

.ilan-item .seller-info {
    padding: 0 5px;
    color: #000;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    margin: 8px 0;
}

.ilan-item .seller-amblems {
    display: flex;
    align-items: center;
    width: 56px;
    justify-content: end;
}

.ilan-item .seller-amblems img {
    height: 22px !important;
}

.ilan-item .seller-name {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 6px;
    flex-grow: 1;
    flex-shrink: 1;
}

.ilan-item .seller-name a {
    display: flex;
    align-items: center;
    gap: 4px;
    text-overflow: ellipsis;
    overflow: hidden;
}

.ilan-item .seller-name a span {
    text-overflow: ellipsis;
    overflow: hidden;
    text-wrap: nowrap;
    -webkit-box-orient: vertical;
    line-clamp: 1;
    -webkit-line-clamp: 1;
    flex-shrink: 0;
}

.ilan-item .seller-name img {
    width: 32px;
    height: 32px;
    object-fit: cover;
    border-radius: 999px;
}

.ilan-item .seller-rate {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

.ilan-item .ilan-auto-delivery {
    position: absolute;
    top: 8px;
    right: 8px;
    background: linear-gradient(45deg, #343e52, #233a6e);
    padding: 3px 5px;
    border-radius: 6px;
    font-weight: 600;
    font-size: 13px;
    border: 2px solid #949bda;
    color: #fff;
    z-index: 3;
}

.ilan-item .ilan-auto-delivery i {
    margin-right: 3px;
}

.ilan-item .ilan-main-category {
    display: flex;
    align-items: center;
    gap: 8px;
    background: #ffffff;
    padding: 5px;
    font-size: 13px;
    border-top: 1px solid #c4c4c4;
    height: 50px;
    overflow: hidden;
    margin: 0 13px;
    margin-top: 10px;
}

.ilan-item .ilan-main-category img {
    width: 32px;
    height: 32px;
    object-fit: cover;
    border-radius: 6px;
}

.ilan-item .ilan-card-description {
    color: #000;
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    line-height: 14px;
    margin: 5px 0;
    word-break: break-all;
    height: 28px;
    font-size: 12px;
    padding: 0 15px;
}

.ilan-preview-image {
    height: 245px;
    width: 100%;
    object-fit: cover;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.ilan-list {
    margin-top: 10px;
    display: flex;
    flex-direction: row;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.ilan-list .ilan-card-wrapper {
    width: calc((100% - 2rem) / 5);
}

.ilan-card-wrapper.ilan-suffle-banner {
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 0 0 5px #718bc491;
    border: 1px solid transparent;
    transition: all 0.15s ease 0s;
}

.ilan-card-wrapper.ilan-suffle-banner:hover {
    border-color: #718bc4d4;
    transition: all 0.15s ease 0s;
}

.ilan-card-wrapper.ilan-suffle-banner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    -moz-window-dragging: none;
    -webkit-user-drag: none;
}

.ilan-sorting .btn {
    display: flex;
    align-items: center;
    gap: 8px;
}

.filter-header {
    display: none;
}

#edit-sorting-modal {
    z-index: 99999;
    padding: 0 30px 0 30px;
}

#edit-sorting-modal .modal-title {
    font-size: 18px;
}

#edit-sorting-modal .order-list {
    list-style: none;
    font-size: 15px;
}

#edit-sorting-modal .order-list label {
    display: block;
}

#edit-sorting-modal .order-list input {
    float: right;
    -ms-transform: scale(1.5);
    /* IE 9 */
    -webkit-transform: scale(1.5);
    /* Chrome, Safari, Opera */
    transform: scale(1.5);
}

#edit-sorting-modal ul {
    padding: 0;
}

#edit-sorting-modal .order-list li.selected,
#edit-sorting-modal .order-list li:hover {
    background-color: #efefef;
    border-radius: 8px;
}

#edit-sorting-modal .order-list li {
    padding: 10px;
}

.ilan-list.slick {
    display: block !important;
}

.ilan-card-wrapper .sold-quantity {
    padding: 0.3rem 0.5rem;
    text-align: center;
    background: #00000094;
    position: absolute;
    z-index: 5;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 12px;
    color: #fff;
    font-weight: 500;
    font-size: 12px;
    backdrop-filter: blur(10px);
    height: 27px;
    width: 80%;
    margin: auto;
    transform: translateY(-300%);
}

@media (max-width: 1280px) {
    .ilan-list .ilan-card-wrapper {
        width: calc((100% - 1rem) / 3);
    }
}

@media (max-width: 1175px) {
    .ilan-list .ilan-card-wrapper {
        width: calc((100% - 1rem) / 3);
    }

    .ilan-sorting {
        margin-top: 8px;
    }

    .ilan-sorting-block-right {
        display: none;
    }

    .ilan-filter-section {
        background: #fff;
        position: fixed;
        z-index: 999;
        top: 0;
        left: 0;
        right: 0;
        bottom: 70px;
        margin: 0 !important;
        padding: 0 5px !important;
        overflow-y: auto;
        padding-top: 40px !important;
    }

    .ilan-filter-card {
        border: 0;
        border-radius: 0;
        margin: 0;
    }

    ::-webkit-scrollbar {
        width: 4px;
        height: 4px;
    }

    .filter-header {
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 99999;
    }

    .filter-header span {
        font-weight: bold;
        font-size: 15px;
        margin-top: 8px;
    }

    #ilan-filter {
        display: none;
        margin-top: 15px;
    }

    #ilan-sorting {
        display: none;
    }

    .mobil-filter-button {
        display: flex;
        gap: 8px;
        justify-content: space-between;
        width: 100%;
        z-index: 3;
    }

    .ilan-sorting-block {
        flex-direction: column;
        gap: 10px;
    }
}

@media (max-width: 912px) {
    .ilan-list .ilan-card-wrapper {
        width: calc((100% - 0.5rem) / 2);
    }

    .ilan-item .ilan-main-category {
        font-size: 11px;
    }

    .ilan-item .seller-info {
        padding: 5px 3px;
    }

    .ilan-item .seller-name {
        font-size: 11px;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 100%;
        white-space: nowrap;
        text-wrap: nowrap;
        display: flex;
        -webkit-line-clamp: 1;
        align-items: center;
    }

    .ilan-sorting {
        margin-top: 8px;
    }

    .ilan-sorting-block-right {
        display: none;
    }

    .ilan-filter-section {
        background: #141515;
        position: fixed;
        z-index: 999;
        top: 0;
        left: 0;
        right: 0;
        bottom: 70px;
        margin: 0 !important;
        padding: 0 !important;
        overflow-y: auto;
        padding-top: 40px !important;
    }

    .ilan-filter-card {
        border: 0;
        border-radius: 0;
        margin: 0;
    }

    ::-webkit-scrollbar {
        width: 4px;
        height: 4px;
    }

    .filter-header {
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 99999;
    }

    .filter-header span {
        font-weight: bold;
        font-size: 15px;
        margin-top: 8px;
    }

    .ilan-sorting-block {
        flex-direction: column;
        gap: 10px;
    }

    #ilan-filter {
        display: none;
        margin-top: 15px;
    }

    #ilan-sorting {
        display: none;
    }

    .mobil-filter-button {
        display: flex;
        gap: 8px;
        justify-content: space-between;
        width: 100%;
        z-index: 3;
    }

    .ilan-list.slick {
        display: flex !important;
    }

    .top-product .ilan-card-wrapper {
        width: calc(calc(100vw / var(--var-body-zoom)) * 0.55) !important;
    }
}

.ko-item {
    background: rgba(0, 0, 0, .95);
    font-family: Verdana, Roboto, sans-serif !important;
    color: #fff;
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 6px 4px;
    text-shadow: black 1px 1px 1px;
    position: relative;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    overflow: hidden;
}

.ko-item * {
    font-family: Verdana, Roboto, sans-serif !important;
}

.ko-item.tooltip {
    position: absolute;
    z-index: 999;
    pointer-events: none;
    opacity: 1;
}

.ko-item .item-gear {
    color: rgba(192, 192, 192);
    font-size: 10px;
    text-align: center;
}

.ko-item .item-seperator {
    height: 2px;
    width: 100%;
    background-color: #887744;
    margin: 2px 0;
}

.ko-item .item-header {
    display: flex;
    justify-content: start;
    align-items: start;
    margin-top: -2px;
}

.ko-item .item-header .item-icon {
    width: 38px;
    height: 38px;
    margin-right: 2px;
    background-size: 53px;
    flex-shrink: 0;
}

.ko-item .item-header .item-name {
    font-size: 11px;
    font-weight: 600;
    margin: 3px 0;
    max-width: 78%;
}

.ko-item .general,
.ko-item-color.general {
    color: #ffffffff;
}

.ko-item .magic,
.ko-item-color.magic {
    color: rgba(128, 128, 255, 255);
}

.ko-item .lair,
.ko-item-color.lair {
    color: rgba(255, 255, 0, 255);
}

.ko-item .craft,
.ko-item-color.craft {
    color: rgba(128, 255, 0, 255);
}

.ko-item .unique,
.ko-item-color.unique {
    color: rgba(220, 199, 124, 255);
}

.ko-item .upgrade,
.ko-item-color.upgrade {
    color: rgba(200, 124, 199, 255);
}

.ko-item .set,
.ko-item-color.set {
    color: rgba(255, 60, 60, 255);
}

.ko-item .familiar,
.ko-item-color.familiar {
    color: rgba(200, 124, 199, 255);
}

.ko-item .event,
.ko-item-color.event {
    color: rgba(26, 255, 255, 255);
}

.ko-item .cosplay,
.ko-item-color.cosplay {
    color: rgba(50, 247, 204, 255);
}

.ko-item .rebirth,
.ko-item-color.rebirth {
    color: rgba(236, 142, 169, 255);
}

.ko-item .rebirth-unique,
.ko-item-color.rebirth-unique {
    color: rgba(233, 154, 85, 255);
}

.ko-item .item-main-properties {
    display: flex;
    justify-content: end;
    flex-direction: column;
    align-items: end;
}

.ko-item .item-main-properties .item-grade {
    font-size: 10px;
}

.ko-item .item-main-properties .item-type {
    font-size: 10px;
    color: #fff;
}

.ko-item .item-durability {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    align-items: center;
}

.ko-item .item-durability span {
    font-size: 10px;
}

.ko-item .item-durability .durability-progress {
    width: 100%;
    height: 7px;
    background-color: #FF8A00;
    width: 45px;
}

.ko-item .item-properties {
    font-size: 10px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.ko-item .item-properties.set-properties {
    text-align: center;
}

.ko-item .item-properties.set-properties .item-set-info .item-set-name {
    color: #BCC54F;
}

.ko-item .item-properties.set-properties .item-set-info .item-set-part {
    color: #C1C961;
}

.ko-item .item-properties .item-property-bonus {
    color: #88c329;
}

.ko-item .item-properties .item-property-resist {
    color: #5CD1E5;
}

.ko-item .item-properties .item-property-damage {
    color: #75C76E;
}

.ko-item .item-properties .item-property-req {
    color: rgba(255, 60, 60, 255);
}

.ko-item .item-property-warning {
    color: rgba(255, 60, 60, 255);
    font-size: 10px;
    text-align: right;
}

.ko-item .item-grade {
    font-size: 10px;
    text-align: center;
}

.ko-item .item-grade.low,
.ko-item .item-grade.middle,
.ko-item .item-grade.high {
    color: rgba(128, 255, 0, 255);
}

.ko-item .item-grade.upgrade {
    color: rgba(200, 124, 199, 255);
}

.ko-item .item-grade.rebirth {
    color: rgba(236, 142, 169, 255);
}

.ko-item .item-grade.rebirth-unique {
    color: rgba(233, 154, 85, 255);
}

.ko-item .item-grade.unique {
    color: rgba(220, 199, 124, 255);
}

.ko-item .item-description {
    font-size: 10px;
    text-align: center;
    line-height: 20px;
}

.ko-item .item-seperator:last-of-type {
    margin-bottom: 10px;
}

.set-icon {
    position: relative;
    overflow: hidden;
}

.set-icon::before {
    background: linear-gradient(to right, rgb(255 255 255 / 29%) 0%, rgb(255 255 255 / 84%) 100%);
    content: "";
    display: block;
    height: 200%;
    left: -120%;
    position: absolute;
    top: 0;
    transform: skewX(230deg);
    width: 50%;
    z-index: 2;
    filter: brightness(2) blur(5px);
    -webkit-filter: brightness(2) blur(5px);
}

.set-icon::before,
.set-icon::before {
    -webkit-animation: shine 3s infinite ease-in-out;
    animation: shine 3s infinite ease-in-out;
}

@-webkit-keyframes shine {
    0% {
        left: -120%;
    }

    25% {
        left: -120%;
    }

    50% {
        left: -120%;
    }

    100% {
        left: 230%;
    }
}

@keyframes shine {
    0% {
        left: -120%;
    }

    25% {
        left: -120%;
    }

    50% {
        left: -120%;
    }

    100% {
        left: 230%;
    }
}


.ilan-list .ko-item,
.slick-slide .ko-item,
.product-top .ko-item {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    height: 245px;
    width: 100%;
    padding: 12px 10px;
}

.ilan-list .ko-item:before,
.slick-slide .ko-item:before,
.product-top .ko-item:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100px;
    background: linear-gradient(0deg, #23262d, transparent);
    z-index: 1;
}

.ilan-item .item-sets {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    align-items: center;
    justify-content: center;
    background: linear-gradient(0, #23262d 30%, transparent);
    position: absolute;
    overflow: hidden;
    padding: 0 0 26px 0;
    bottom: 0;
    width: 100%;
    z-index: 1;
}

.ilan-item .item-sets:not(.show-set) div:nth-of-type(1n+5) {
    display: none;
}

.ilan-item .item-sets:not(.show-set) div:nth-of-type(1n+5) {
    display: none;
}

.ilan-item .item-sets .show-more {
    cursor: pointer;
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #9a9a9a;
    border-radius: 3px;
    position: relative;
    z-index: 2;
}

.ilan-item .item-sets .ko-tooltip-item {
    width: 32px;
    height: 32px;
    background-size: 46px;
    flex-shrink: 0;
    z-index: 2;
}

.ko-item-tooltip {
    position: absolute;
    z-index: 999;
    pointer-events: none;
    display: none;
}

.ko-item-tooltip .ko-item {
    min-width: 260px;
    max-width: 400px
}

.ilan-item .ribbon {
    z-index: 1;
}

.ilan-item.steam-ilan .position-relative {
    background: rgb(51, 51, 51);
    background: -moz-radial-gradient(circle, rgb(114 114 114) 0%, rgb(80 80 80) 66%);
    background: -webkit-radial-gradient(circle, rgb(114 114 114) 0%, rgb(80 80 80) 66%);
    background: radial-gradient(circle, rgb(114 114 114) 0%, rgb(80 80 80) 66%);
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.ilan-item.steam-ilan .ilan-preview-image {
    transform: matrix(0.8, 0, 0, 0.8, 0, 0);
}

.seller-verifications {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin: 10px 0;
}

.seller-verifications .verification-check {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    background: #f36f24;
    border-radius: 999px;
    font-size: 18px;
    color: #fff;
    opacity: 0.5;
    position: relative;
}

.seller-verifications .verification-check.checked {
    opacity: 1;
}

.seller-verifications .verification-check.checked:after {
    content: "\f00c";
    font-family: "Font Awesome 5 Pro";
    position: absolute;
    bottom: -6px;
    right: -4px;
    background: #f36f24;
    border-radius: 999px;
    width: 20px;
    height: 20px;
    font-size: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #fff;
}

.ilan-discount-label {
    position: absolute;
    right: 5px;
    top: 0px;
    z-index: 2;
    background: #238202;
    color: #ffffff;
    font-size: 10px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    gap: 4px;
    text-transform: uppercase;
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15);
    width: 39px;
}

.ilan-discount-label .disc {
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    width: 30px;
    padding: 2px 0;
    margin-bottom: 3px;
}

.ilan-discount-label .bflag {
    width: 0;
    height: 0;
    border-right: 19px solid transparent;
    border-left: 19px solid transparent;
    border-top: 8px solid #238202;
    position: absolute;
    bottom: -8px;
    left: 0;
}

.ilan-discount-label .bflag:after {
    content: '';
    width: 0;
    height: 0;
    border-right: 16px solid transparent;
    border-left: 16px solid transparent;
    border-top: 8px solid #ffffff;
    position: absolute;
    bottom: 3px;
    left: -15px;
}

.ilan-faqs {
    display: flex;
    flex-direction: column;
    gap: 8px;
    background: #ffffff;
    background: rgb(255 255 255);
    padding: 10px;
    border-radius: 6px;
    margin-bottom: 10px;
    border: 0;
    box-shadow: #24272447 0px 0px 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;
}

.ilan-faqs h4 {
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    margin: 6px 0;
}

.ilan-faqs a {
    padding: 8px 14px;
    border-radius: 6px;
    border: 2px solid #f36f24;
    font-size: 13px;
    font-weight: 600;
    box-shadow: 0 3px 5px #00000021;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: all 0.15s;
}

.ilan-faqs a:hover {
    padding-right: 24px;
}

.ilan-item .rise-item {
    height: 245px;
    overflow: hidden;
    position: relative;
}

.ilan-item .rise-item:before,
.slick-slide .rise-item:before,
.product-top .rise-item:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100px;
    background: linear-gradient(0deg, #23262d, transparent);
    z-index: 1;
}

.rise-icon-item {
    width: 35px;
    height: 35px;
    background-size: contain;
    flex-shrink: 0;
    z-index: 2;
}

.rise-item-tooltip {
    position: absolute;
    z-index: 999;
    width: 304px;
    pointer-events: none;
    background-color: #202020;
    display: flex;
    justify-content: center;
    max-height: 400px;
    overflow: hidden;
    display: none;
}

.rise-item-tooltip .rise-item {
    width: 100%;
    max-height: 400px;
    overflow: hidden;
}

.rise-item-tooltip .rise-item img {
    object-fit: contain;
}

.ilan-item .seller-info .seller-detail {
    display: flex;
    flex-direction: column;
    margin-left: 2px;
}

.ilan-item .seller-info .seller-detail .seller-online-status {
    display: flex;
    gap: 4px;
    align-items: center;
    font-size: 10px;
    max-width: 100px;
}

.ilan-item .seller-info .seller-detail .seller-online-status .user-online {
    color: #28a745;
    font-weight: 600;
}

.ilan-item .seller-info .seller-detail .seller-online-status .user-offline {
    color: #7e7e7e;
    font-weight: 600;
}

.ilan-item .seller-info .seller-detail .seller-name {
    font-weight: 600;
    font-size: 13px;
    max-width: 100px;
    overflow: hidden;
    display: block;
}

.user-online-status-ilan {
    display: block;
    border-radius: 999px;
    width: 8px;
    height: 8px;
}

.user-online-status-ilan.user-offline {
    background: #787878;
    box-shadow: #939393 0 -1px 5px 0px, inset #cdcdcd80 0 -1px 5px, #969696ab 0 2px 12px;
}

.user-online-status-ilan.user-online {
    background: var(--var-light-green-color);
    box-shadow: #939393 0 -1px 5px 0px, inset #0c660080 0 -1px 5px, #00ff16ab 0 2px 12px;
}

.ilan-main-category div {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

@font-face {
    font-family: "Septimus";
    src: url("https://assets.hyperteknoloji.com/fonts/septimus/Septimus.woff.ttf")format("truetype"), ;
}

.rise-item {
    background-color: #000;
    color: #fff;
    padding: 10px;
    font-family: 'Septimus';
    display: flex;
    flex-direction: column;
    font-size: 11px;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -webkit-user-drag: none;
    border: 2px solid #142533;
    position: relative;
}

.rise-item .rise-accent {
    display: none;
}

.rise-item .col-unique {
    color: #FFAD00;
}

.rise-item .item-name {
    font-size: 14px;
    text-align: center;
    margin-bottom: 16px;
}

.rise-item .item-header {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin-top: 4px;
    text-wrap: nowrap;
}

.rise-item .item-header .item-icon-rise {
    display: block;
    width: 50px;
    height: 50px;
    object-fit: contain;
    margin-bottom: 10px;
    pointer-events: none;
}

.rise-item .item-header .prop-ap {
    color: #A9B095;
    font-size: 14px;
}

.rise-item .item-header .item-type {
    display: flex;
    align-items: start;
    justify-content: start;
    flex-direction: column;
    flex-shrink: 1;
    flex-basis: 33%;
    font-size: 10px;
    overflow: hidden;
    padding-top: 20px;
}

.rise-item .item-header .item-type .item-type-text {
    text-overflow: ellipsis;
    display: block;
    overflow: hidden;
    width: 100%;
}

.rise-item .item-header .item-type .item-class {
    color: #BA0000;
}

.rise-item .item-header .item-type .item-class.all {
    color: #fff;
}

.rise-item .item-col.basic {
    color: #239F58;
}

.rise-item .item-col.rare {
    color: #3636D9;
}

.rise-item .item-col.unique {
    color: #BF9100;
}

.rise-item .item-col.epic {
    color: #824B9F;
}

.rise-item .item-col.upgrade {
    color: #842AD7;
}

.rise-item .item-header .item-main {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    flex-shrink: 0;
    flex-basis: 33%;
}

.rise-item .item-header .item-rare {
    display: flex;
    align-items: start;
    justify-content: end;
    flex-basis: 33%;
    font-size: 10px;
}

.rise-item .rise-sep {
    display: block;
    width: 100%;
    height: 1px;
    background: rgb(44, 183, 239);
    background: -moz-linear-gradient(90deg, rgba(44, 183, 239, 0) 0%, rgba(179, 179, 179, 0.15) 25%, rgba(44, 183, 239, 0) 125%);
    background: -webkit-linear-gradient(90deg, rgba(44, 183, 239, 0) 0%, rgba(179, 179, 179, 0.15) 25%, rgba(44, 183, 239, 0) 125%);
    background: linear-gradient(90deg, rgba(44, 183, 239, 0) 0%, rgb(179 179 179 / 15%) 25%, rgba(44, 183, 239, 0) 125%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2cb7ef", endColorstr="#2cb7ef", GradientType=1);
    box-shadow: 0 4px 13px 3px #ffffff14;
    margin: 8px 0;
}

.rise-item .item-properties {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.item-properties+.item-properties {
    margin-top: 8px;
}

.item-properties:empty {
    margin: 0 !important;
}

.rise-item .item-properties .item-property-normal {
    color: #fff;
    display: flex;
    justify-content: space-between;
}

.rise-item .item-properties .item-property-bonus {
    color: #26AA5E;
    display: flex;
    justify-content: space-between;
}

.rise-item .item-properties .item-property-damage {
    color: #4B7C49;
    display: flex;
    justify-content: space-between;
}

.rise-item .item-properties .item-property-resist {
    color: #4B7C49;
    display: flex;
    justify-content: space-between;
}

.rise-item .item-properties .item-property-req {
    color: #BA0000;
    display: flex;
    justify-content: space-between;
}

.rise-item .item-properties .item-property-def {
    color: #5A8881;
    display: flex;
    justify-content: space-between;
}

.ilan-item.rise .left.ribbon {
    top: unset !important;
    bottom: 0px !important;
    z-index: 2;
}

.rise-item .item-runes {
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin: 5px 0;
    pointer-events: none;
}

.rise-item .item-runes .item-rune-socket {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.rise-item .item-runes .item-rune-socket img {
    width: 30px;
    height: 30px;
    margin: 0;
    pointer-events: none;
    background: transparent;
}

.rise-nft-details {
    position: relative;
    height: 245px;
}

.rise-nft-details .ilan-preview-image {
    height: 80%;
}

.rise-nft-details .char-head {
    position: absolute;
    z-index: 1;
    bottom: 0;
    display: flex;
    width: 100%;
    left: 0;
    right: 0;
    background: #23262d;
    color: #fff;
    flex-direction: column;
    padding: 10px;
    gap: 6px;
}

.rise-nft-details .char-head .char-main {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.rise-nft-details .char-head .chr-type {
    width: 22px;
    height: 22px;
    object-fit: contain;
}

.rise-nft-details .char-head .char-main .chr-level {
    font-weight: 900;
    font-size: 16px;
}

.rise-nft-details .char-head .char-main .chr-class {
    width: 60%;
    color: #fff;
    font-size: 10px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .8);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: right;
}

.rise-nft-details .char-head .char-prop {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.rise-nft-details .char-head .char-prop .chr-craft {
    text-align: right;
}

.rise-nft-details .char-head .char-prop .chr-ext-prop {
    display: flex;
    flex-direction: column;
}

.rise-nft-details .char-head .char-prop .chr-ext-prop .chr-ext-value {
    font-weight: 600;
}

.rise-nft-details .char-head .char-exp-progress {
    width: 100%;
    border-radius: 20px;
    background: black;
    box-shadow: 0 0 3px black;
    padding: 2px;
    position: relative;
    height: 14px;
    margin-bottom: 16px;
}

.rise-nft-details .char-head .char-exp-progress span {
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #f36f24;
    border-radius: 20px;
    text-align: center;
    color: #000000;
    font-size: 10px;
    text-shadow: none;
    line-height: 11px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
}

.rise-nft-details .char-head:before {
    content: '';
    position: absolute;
    top: -80px;
    right: 0;
    left: 0;
    height: 80px;
    background: linear-gradient(0deg, #23262D -1%, transparent);
}

.purchase-badge {
    width: 73px;
    display: flex;
    height: 25px;
    position: absolute;
    background: linear-gradient(45deg, #7a3535, #682e82);
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 13px;
    left: 0;
    right: 0;
    margin: auto;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    text-shadow: 0 0 1px BLACK;
    z-index: 3;
    color: #fff;
}

.ko .purchase-badge {
    left: unset;
    border-bottom-right-radius: 0;
}

.rise .purchase-badge {
    bottom: 27px;
    left: unset;
    border-top-left-radius: 6px;
    border-bottom-right-radius: 0;
}

.rise-nft .purchase-badge {
    left: unset;
    border-bottom-right-radius: 0;
}

.ilan-important-variant {
    background: radial-gradient(circle, rgb(255 255 255 / 63%) -40%, rgba(36, 36, 44, 1) 41%);
    background-position-y: -24px;
    background-repeat: no-repeat;
    background-size: 100% 200%;
    padding: 2px 4px;
    text-align: center;
    display: block;
    font-weight: 600;
    font-size: 13px;
    color: #fff;
    text-shadow: 0 0 1px BLACK;
    position: absolute;
    z-index: 2;
    left: 5px;
    top: 5px;
    border-radius: 6px;
    border: 1px solid #5a5a5a;
}

.ko .ilan-important-variant {
    top: 64px;
}

.ilan-type-select {
    display: flex;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    padding: 3px;
    background: #E6EAEC;
    border-radius: 6px;
}

.ilan-type-select .btn-tab-select {
    flex: 1 1;
    padding: 8px 3px;
    border: 0;
    background-color: #fff;
    font-family: 'Inter';
    text-transform: uppercase;
    font-weight: 500;
    color: #000;
    transition: all 0.15s;
}

.ilan-type-select .btn-tab-select:hover {
    background-color: #ffffff6e;
}

.ilan-type-select .btn-tab-select:first-of-type {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.ilan-type-select .btn-tab-select:last-of-type {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.ilan-type-select .btn-tab-select.selected {
    background: #f66d00;
    color: #fff;
}

.knight-ring-details {
    position: relative;
    height: 245px;
}

.knight-ring-details .ilan-preview-image {
    height: 80%;
}

.knight-ring-details .char-head {
    position: absolute;
    z-index: 1;
    bottom: 0;
    display: flex;
    width: 100%;
    left: 0;
    right: 0;
    background: #23262d;
    color: #fff;
    flex-direction: column;
    padding: 10px;
    gap: 6px;
}

.knight-ring-details .char-head .char-main {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.knight-ring-details .char-head .chr-type {
    width: 22px;
    height: 22px;
    object-fit: contain;
}

.knight-ring-details .char-head .char-main .chr-level {
    font-weight: 900;
    font-size: 16px;
}

.knight-ring-details .char-head .char-main .chr-class {
    width: 60%;
    color: #fff;
    font-size: 10px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .8);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: right;
}

.knight-ring-details .char-head .char-prop {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.knight-ring-details .char-head .char-prop .chr-craft {
    text-align: right;
}

.knight-ring-details .char-head .char-exp-progress {
    width: 100%;
    border-radius: 20px;
    background: black;
    box-shadow: 0 0 3px black;
    padding: 2px;
    position: relative;
    height: 14px;
    margin-bottom: 30px;
}

.knight-ring-details .char-head .char-exp-progress span {
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #f36f24;
    border-radius: 20px;
    text-align: center;
    color: #000000;
    font-size: 10px;
    text-shadow: none;
    line-height: 11px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
}

.knight-ring-details .char-head:before {
    content: '';
    position: absolute;
    top: -80px;
    right: 0;
    left: 0;
    height: 80px;
    background: linear-gradient(0deg, #23262D -1%, transparent);
}

.knight-ring .purchase-badge {
    left: unset;
    border-bottom-right-radius: 0;
}

.ilan-variant-top-area {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: center;
    justify-content: center;
    margin-bottom: 1rem;
}

.ilan-variant-top-area .top-variant-item {
    padding: 8px 14px;
    border-radius: 6px;
    background-color: #767676;
    color: #fff;
    font-weight: 600;
    width: calc((100% - 5rem) / 10);
    text-align: center;
    border: 0;
    outline: 0;
    transition: background-color .15s ease;
}

.ilan-variant-top-area .top-variant-item.clicked {
    background-color: #f36f24;
}

.ilan-variant-top-area .top-variant-item:hover {
    background-color: #d05b18;
}

.ilan-variant-top-area .top-variant-item:active {
    background-color: #c3591d;
}

.variant-range-filter {
    display: flex;
    align-items: center;
    max-width: 100%;
    flex-wrap: nowrap;
    gap: 4px;
}

.variant-range-filter input {
    flex: 1 1;
}

@media (max-width: 912px) {
    .ilan-variant-top-area {
        flex-wrap: nowrap;
        overflow-x: auto;
        justify-content: start;
        padding: 0 10px;
    }

    .ilan-variant-top-area .top-variant-item {
        width: calc((100% - 1rem) / 3.2);
        flex-shrink: 0;
    }
}

.ilan-banner-area {
    display: flex;
    margin-bottom: 10px;
    gap: 0.5rem;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
}

.ilan-banner-area .ilan-banner-item {
    width: calc((100% - 1.5rem) / 4);
}

.ilan-banner-area .ilan-banner-item img {
    border-radius: 5px;
    width: 100%;
    aspect-ratio: 260/85;
    object-fit: cover;
}

@media (max-width: 912px) {
    .ilan-banner-area .ilan-banner-item {
        width: calc((100% - 0.5rem) / 2);
    }

    .ilan-banner-area .ilan-banner-item img {
        border-radius: 5px;
        width: 100%;
        object-fit: cover;
    }

    .ilan-faqs {
        display: none !important;
    }
}

.relative-to-screen {
    position: fixed;
    bottom: 30px;
    margin: 5px;
    border-radius: 0;
    box-shadow: 0 0 4px 5px #0000007d !important;
}

.ilan-item .sold-date {
    padding: 5px 12px;
    text-align: center;
    font-weight: 600;
    font-size: 13px;
}

.ilan-card-wrapper {
    position: relative;
}

.ilan-card-mod-tools {
    position: absolute;
    z-index: 3;
    background: linear-gradient(0deg, #000000b3, transparent);
    bottom: 0;
    left: 0;
    right: 0;
    height: 30%;
    display: flex;
    align-items: end;
    justify-content: center;
    padding: 0 10px 10px 10px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
}

.ilan-card-mod-tools button {
    width: 100%;
    font-size: 14px;
    font-weight: 600;
}

.ilan-card-mod-tools+.ilan-item {
    opacity: 0.5;
}

.ilan-item .ilan-flex-details {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 0.3rem;
    justify-content: space-between;
    padding: 8px;
    margin-top: -25px;
    position: relative;
    z-index: 3;
    align-items: center;
}

.ilan-item .ilan-flex-details .ilan-category {
    width: 30px;
    height: 30px;
    border-radius: 4px;
    overflow: hidden;
    border: 2px solid #fff;
    flex-shrink: 0;
}

.ilan-item .ilan-flex-details .ilan-category img {
    width: 100%;
    height: 100%;
    border-radius: 6px;
    object-fit: cover;
}

.ilan-item .ilan-flex-details .ilan-ribbon {
    font-size: 11px;
    padding: 2px 5px;
    color: #fff;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border: 2px solid #fff;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 0.3rem;
}

.ilan-item .ilan-flex-details .ilan-ribbon.ri-showcase {
    background: #2371A2;
}

.ilan-item .ilan-flex-details .ilan-ribbon.ri-new {
    background: #14894C;
}

.ilan-item .ilan-flex-details .ilan-ribbon.ri-purchase {
    background: #652E7E;
}

.ilan-item .ilan-flex-details .ilan-price {
    padding: 2px 2px;
    flex-shrink: 0;
    background: #e57639;
    color: #fff;
    font-weight: 600;
    border-radius: 4px;
    border: 2px solid #fff;
    font-size: 11px;
    text-align: center;
    width: 85px;
    white-space: nowrap;
}

.ilan-item .ilan-texts {
    padding: 0 10px 6px 10px;
    border-bottom: 1px solid #e2e2e2;
}

.ilan-item .ilan-texts h2 {
    margin: 0;
    font-size: 13px;
    font-weight: 600;
    text-wrap: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    text-transform: uppercase;
}

.ilan-item .ilan-texts .ilan-description {
    margin: 0;
    text-wrap: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #474747;
    text-transform: lowercase;
}

.breadcrumb-block.banner {
    padding: 0.5rem;
    border-radius: 20px;
    margin-bottom: 1rem;
    background-size: cover;
    background-position: top center;
}

.breadcrumb-block.banner .breadcrumb {
    margin: 0;
    position: absolute;
    left: 0;
    display: flex;
    align-items: center;
}

.breadcrumb-block.banner .breadcrumb li a {
    color: #fff !important;
}

.breadcrumb-block.banner nav {
    background: linear-gradient(169deg,#f36f24 0,#00000024 20%);
    padding: 6px;
    display: flex;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    position: relative;
    border-radius: 16px;
    min-height: 62px;
}

.breadcrumb-block.banner nav .ilan-header-banner-texts {
    color: #fff;
    align-self: center;
    text-align: center;
}

.breadcrumb-block.banner nav .ilan-header-banner-texts h3 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.breadcrumb-block.banner nav .ilan-header-banner-texts p {
    margin: 0;
    font-weight: 600;
    font-size: 12px;
}

.breadcrumb-block.banner .breadcrumb li:before {
    color: #cbcbcb !important;
}

.shroom-style-0 {
    margin-right: -calc(-.5* var(--bs-gutter-x));
    margin-left: -calc(-.5* var(--bs-gutter-x));
}

.home-section-tabs,
.home-section-indicator {
    margin-right: 0;
    margin-left: 0;
}

.slick-track {
    margin: 0;
}

.link-button {
    padding: 8px 14px;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 600;
    background: #f66d00;
    color: #fff;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.link-button:hover {
    background: #e28d49;
    color: #fff;
}

.link-button:last-of-type {
    margin-top: 10px;
}

.ilan-item .star-rating li {
    display: none;
}

.ilan-item .star-rating li:first-of-type {
    display: inline-block;
}

.ilan-category-slider {
    aspect-ratio: 1280/150;
    width: 100%;
}

.ilan-category-slider img {
    aspect-ratio: 1280/150;
    width: 100%;
    object-fit: contain;
}

.tool-switch {
    margin-top: 7px;
    margin-right: 12px;
}

.tool-switch input {
    width: 3rem !important;
    height: 1.2rem !important;
    margin-left: -3.5rem !important;
    margin-top: 0 !important;
}

.ilan-filter-option.single-option {
    padding: 0;
    background: transparent;
    border-radius: 0;
    position: relative;
}

.ilan-filter-option.single-option i {
    position: absolute;
    left: 10px;
    top: 15px;
    font-size: 15px;
    color: #666666;
}

.ilan-filter-option.single-option input {
    font-size: 14px;
    padding: 10px 12px 10px 32px;
}

@media (max-width: 1024px) {
    .ilan-category-slider {
        aspect-ratio: 640/150;
    }

    .ilan-category-slider img {
        aspect-ratio: 640/150;
    }

    .breadcrumb-block.banner nav .ilan-header-banner-texts {
        display: none;
    }

    .breadcrumb-block.banner .breadcrumb {
        position: initial;
        margin-left: 30px;
        padding: 0;
    }

    .breadcrumb-block.banner nav {
        display: block;
        min-height: auto;
    }

    .ilan-item .ilan-flex-details .ilan-category {
        width: 30px;
        height: 30x;
    }

    .ilan-item .ilan-flex-details .ilan-ribbon {
        font-size: 11px !important;
    }

    div:not(.product-top).ilan-list
    {
        justify-content: center;
    }
}

.discount-code-input {
    position: relative;
    flex-shrink: 0;
}

.discount-code-input button {
    position: absolute;
    right: 0px;
    top: 0px;
    border-radius: 0;
    width: 33px;
    height: 100%;
    background-color: #f66d00;
    border: 0;
    outline: 0;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    color: #fff;
}

.discount-code-input button:hover {
    background-color: #fc790e;
}

.discount-code-input button:active {
    background-color: #ff8928;
}

.discount-code-input input {
    background: #fff;
    border: 2px dashed #f66d00 !important;
    padding: 6px 32px 6px 6px;
    text-align: center;
    border-radius: 3px;
    outline: none;
    width: 100%;
}

.ilan-banner-area+.product-top .row,
.ilan-banner-area+.top-product .row {
    margin-left: 0;
    margin-right: 0;
}

.ilan-banner-area+.product-top .ilan-card-wrapper,
.ilan-banner-area+.top-product .ilan-card-wrapper {
    padding: 0;
}

@media (max-width: 912px) {
    .ilan-banner-area+.product-top .ilan-card-wrapper,
    .ilan-banner-area+.top-product .ilan-card-wrapper {
        width: calc((100% - 0.5rem) / 2) !important;
    }
}

/** DARK THEME **/
body.dark-theme .ilan-item {
    background: #212630;
    border-color: #323948;
}

body.dark-theme .ilan-item .ilan-main-category,
body.dark-theme .ilan-sorting-block,
body.dark-theme .ilan-filter-card,
body.dark-theme .ilan-faqs {
    background: #212630;
}

body.dark-theme .ilan-type-select .btn-tab-select {
    background-color: #171a21;
}

body.dark-theme .bg-light {
    background: #171a21 !important;
}

body.dark-theme .ilan-type-select .btn-tab-select:hover {
    background-color: #914001c4;
}

body.dark-theme .ilan-item .ilan-main-category,
body.dark-theme .form-bg {
    border-color: #323948;
}

body.dark-theme .catscroll::-webkit-scrollbar-track {
    background-color: #323948 !important;
    background: #323948 !important;
}

body.dark-theme .cat-scroll li a {
    border-color: #323948 !important;
    background-color: #171a21 !important
}

body.dark-theme .ilan-type-select {
    background-color: #323948;
}

body.dark-theme .ilan-main-category div {
    color: #fff;
}

body.dark-theme #ilan-sorting,
body.dark-theme .ilan-type-select .btn-tab-select,
body.dark-theme .ilan-filter-card,
body.dark-theme .cart-check label,
body.dark-theme .ilan-faqs h4,
body.dark-theme .form-bg,
body.dark-theme .ilan-item .ilan-price,
body.dark-theme .ilan-item .seller-info {
    color: #fff;
}

body.dark-theme .ilan-item .ilan-texts h2 {
    color: #fff;
}

body.dark-theme .ilan-item .ilan-texts .ilan-description {
    color: #c6c6c6;
}

body.dark-theme .ilan-item .seller-info .seller-detail .seller-online-status .user-offline {
    color: #a7a7a7;
}

body.dark-theme .ilan-item .ilan-flex-details .ilan-category {
    border: 2px solid #434d60;
}

body.dark-theme .ilan-item .ilan-texts {
    border-bottom: 1px solid #2e3541;
}