@charset "UTF-8";

:root {
    --tagify-dd-color-primary: rgb(53, 149, 246);
    --tagify-dd-text-color: black;
    --tagify-dd-bg-color: white;
    --tagify-dd-item-pad: .3em .5em;
    --tagify-dd-max-height: 300px;
}

.tagify {
    --tags-disabled-bg: #F1F1F1;
    --tags-border-color: rgba(255, 71, 71, 0.2);
    --tags-hover-border-color: rgba(255, 71, 71, 0.4);
    --tags-focus-border-color: #3595f6;
    --tag-border-radius: 3px;
    --tag-bg: rgba(255, 71, 71, 0.2);
    --tag-hover: rgba(255, 71, 71, 0.4);
    --tag-text-color: #ff4747;
    --tag-text-color--edit: #ff4747;
    --tag-pad: 0.3em 0.5em;
    --tag-inset-shadow-size: 1.1em;
    --tag-invalid-color: rgba(119, 119, 119, 0.3);
    --tag-invalid-bg: rgba(119, 119, 119, 0.5);
    --tag--min-width: 1ch;
    --tag--max-width: 100%;
    --tag-hide-transition: 0.3s;
    --tag-remove-bg: rgba(119, 119, 119, 0.3);
    --tag-remove-btn-color: #ff4747;
    --tag-remove-btn-bg: none;
    --tag-remove-btn-bg--hover: rgba(99, 99, 99, 0.3);
    --input-color: inherit;
    --placeholder-color: rgba(0, 0, 0, 0.6);
    --placeholder-color-focus: rgba(0, 0, 0, 0.6);
    --loader-size: .8em;
    --readonly-striped: 1;
    display: inline-flex;
    align-items: flex-start;
    flex-wrap: wrap;
    border: 1px solid var(--tags-border-color);
    padding: 0;
    line-height: 0;
    outline: none;
    position: relative;
    box-sizing: border-box;
    transition: 0.1s;
}

@keyframes tags--bump {
    30% {
        transform: scale(1.2);
    }
}

@keyframes rotateLoader {
    to {
        transform: rotate(1turn);
    }
}

.tagify:has([contenteditable=true]) {
    cursor: text;
}

.tagify:hover:not(.tagify--focus):not(.tagify--invalid) {
    --tags-border-color: var(--tags-hover-border-color);
}

.tagify[disabled] {
    background: var(--tags-disabled-bg);
    filter: saturate(0);
    opacity: 0.5;
    pointer-events: none;
}

.tagify[readonly].tagify--select,
.tagify[disabled].tagify--select {
    pointer-events: none;
}

.tagify[readonly]:not(.tagify--mix):not(.tagify--select),
.tagify[disabled]:not(.tagify--mix):not(.tagify--select) {
    cursor: default;
}

.tagify[readonly]:not(.tagify--mix):not(.tagify--select)>.tagify__input,
.tagify[disabled]:not(.tagify--mix):not(.tagify--select)>.tagify__input {
    visibility: hidden;
    width: 0;
    margin: 5px 0;
}

.tagify[readonly]:not(.tagify--mix):not(.tagify--select) .tagify__tag>div,
.tagify[disabled]:not(.tagify--mix):not(.tagify--select) .tagify__tag>div {
    padding: var(--tag-pad);
}

.tagify[readonly]:not(.tagify--mix):not(.tagify--select) .tagify__tag>div::before,
.tagify[disabled]:not(.tagify--mix):not(.tagify--select) .tagify__tag>div::before {
    animation: readonlyStyles 1s calc(-1s * (var(--readonly-striped) - 1)) paused;
}

@keyframes readonlyStyles {
    0% {
        background: linear-gradient(45deg, var(--tag-bg) 25%, transparent 25%, transparent 50%, var(--tag-bg) 50%, var(--tag-bg) 75%, transparent 75%, transparent) 0/5px 5px;
        box-shadow: none;
        filter: brightness(0.95);
    }
}

.tagify[readonly] .tagify__tag__removeBtn,
.tagify[disabled] .tagify__tag__removeBtn {
    display: none;
}

.tagify--loading .tagify__input>br:last-child {
    display: none;
}

.tagify--loading .tagify__input::before {
    content: none;
}

.tagify--loading .tagify__input::after {
    content: "";
    vertical-align: middle;
    opacity: 1;
    width: 0.7em;
    height: 0.7em;
    width: var(--loader-size);
    height: var(--loader-size);
    min-width: 0;
    border: 3px solid;
    border-color: #EEE #BBB #888 transparent;
    border-radius: 50%;
    animation: rotateLoader 0.4s infinite linear;
    content: "" !important;
    margin: -2px 0 -2px 0.5em;
}

.tagify--loading .tagify__input:empty::after {
    margin-left: 0;
}

.tagify+input,
.tagify+textarea {
    position: absolute !important;
    left: -9999em !important;
    transform: scale(0) !important;
}

.tagify__tag {
    display: inline-flex;
    align-items: center;
    max-width: var(--tag--max-width);
    margin-inline: 5px 0;
    margin-block: 5px;
    position: relative;
    z-index: 1;
    outline: none;
    line-height: normal;
    cursor: default;
    transition: 0.13s ease-out;
}

.tagify__tag>div {
    display: flex;
    flex: 1;
    vertical-align: top;
    box-sizing: border-box;
    max-width: 100%;
    padding: var(--tag-pad);
    color: var(--tag-text-color);
    line-height: inherit;
    border-radius: var(--tag-border-radius);
    white-space: nowrap;
    transition: 0.13s ease-out;
}

.tagify__tag>div>* {
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    vertical-align: top;
    min-width: var(--tag--min-width);
    max-width: var(--tag--max-width);
    transition: 0.8s ease, 0.1s color;
    width: 100%;
}

.tagify__tag>div>*[contenteditable] {
    display: block;
    outline: none;
    user-select: text;
    cursor: text;
    margin: -2px 0 -2px -2px;
    padding: 2px;
    max-width: 350px;
}

.tagify__tag>div>*:only-child {
    width: 100%;
}

.tagify__tag>div::before {
    content: "";
    position: absolute;
    border-radius: inherit;
    inset: var(--tag-bg-inset, 0);
    z-index: -1;
    pointer-events: none;
    transition: 120ms ease;
    animation: tags--bump 0.3s ease-out 1;
    box-shadow: 0 0 0 var(--tag-inset-shadow-size) var(--tag-bg) inset;
}

.tagify__tag:hover:not([readonly]) div::before,
.tagify__tag:focus div::before {
    --tag-bg-inset: -2.5px;
    --tag-bg: var(--tag-hover);
}

.tagify__tag--loading {
    pointer-events: none;
}

.tagify__tag--loading .tagify__tag__removeBtn {
    display: none;
}

.tagify__tag--loading::after {
    --loader-size: .4em;
    content: "";
    vertical-align: middle;
    opacity: 1;
    width: 0.7em;
    height: 0.7em;
    width: var(--loader-size);
    height: var(--loader-size);
    min-width: 0;
    border: 3px solid;
    border-color: #EEE #BBB #888 transparent;
    border-radius: 50%;
    animation: rotateLoader 0.4s infinite linear;
    margin: 0 0.5em 0 -0.1em;
}

.tagify__tag--flash div::before {
    animation: none;
}

.tagify__tag--hide {
    width: 0 !important;
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
    opacity: 0;
    transform: scale(0);
    transition: var(--tag-hide-transition);
    pointer-events: none;
}

.tagify__tag--hide>div>* {
    white-space: nowrap;
}

.tagify__tag.tagify--noAnim>div::before {
    animation: none;
}

.tagify__tag.tagify--notAllowed:not(.tagify__tag--editable) div>span {
    opacity: 0.5;
}

.tagify__tag.tagify--notAllowed:not(.tagify__tag--editable) div::before {
    --tag-bg: var(--tag-invalid-bg);
    transition: 0.2s;
}

.tagify__tag[readonly] .tagify__tag__removeBtn {
    display: none;
}

.tagify__tag[readonly]>div::before {
    animation: readonlyStyles 1s calc(-1s * (var(--readonly-striped) - 1)) paused;
}

@keyframes readonlyStyles {
    0% {
        background: linear-gradient(45deg, var(--tag-bg) 25%, transparent 25%, transparent 50%, var(--tag-bg) 50%, var(--tag-bg) 75%, transparent 75%, transparent) 0/5px 5px;
        box-shadow: none;
        filter: brightness(0.95);
    }
}

.tagify__tag--editable>div {
    color: var(--tag-text-color--edit);
}

.tagify__tag--editable>div::before {
    box-shadow: 0 0 0 2px var(--tag-hover) inset !important;
}

.tagify__tag--editable>.tagify__tag__removeBtn {
    pointer-events: none;
}

.tagify__tag--editable>.tagify__tag__removeBtn::after {
    opacity: 0;
    transform: translateX(100%) translateX(5px);
}

.tagify__tag--editable.tagify--invalid>div::before {
    box-shadow: 0 0 0 2px var(--tag-invalid-color) inset !important;
}

.tagify__tag__removeBtn {
    order: 5;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    cursor: pointer;
    font: 14px/1 Arial;
    background: var(--tag-remove-btn-bg);
    color: var(--tag-remove-btn-color);
    width: 14px;
    height: 14px;
    margin-inline: auto 4.6666666667px;
    overflow: hidden;
    transition: 0.2s ease-out;
}

.tagify__tag__removeBtn::after {
    content: "×";
    transition: 0.3s, color 0s;
}

.tagify__tag__removeBtn:hover {
    color: white;
    background: var(--tag-remove-btn-bg--hover);
}

.tagify__tag__removeBtn:hover+div>span {
    opacity: 0.5;
}

.tagify__tag__removeBtn:hover+div::before {
    box-shadow: 0 0 0 var(--tag-inset-shadow-size) var(--tag-remove-bg, rgba(119, 119, 119, 0.3)) inset !important;
    transition: box-shadow 0.2s;
}

.tagify:not(.tagify--mix) .tagify__input br {
    display: none;
}

.tagify:not(.tagify--mix) .tagify__input * {
    display: inline;
    white-space: nowrap;
}

.tagify__input {
    flex-grow: 1;
    display: inline-block;
    min-width: 110px;
    margin: 5px;
    padding: var(--tag-pad);
    line-height: normal;
    position: relative;
    white-space: pre-wrap;
    color: var(--input-color);
    box-sizing: inherit;
    overflow: hidden;
    /* Seems firefox newer versions don't need this any more
  @supports ( -moz-appearance:none ){
      &::before{
          line-height: inherit;
          position:relative;
      }
  }
  */
}

@-moz-document url-prefix() {}

.tagify__input:focus {
    outline: none;
}

.tagify__input:focus::before {
    transition: 0.2s ease-out;
    opacity: 0;
    transform: translatex(6px);
    /* ALL MS BROWSERS: hide placeholder (on focus) otherwise the caret is placed after it, which is weird */
    /* IE Edge 12+ CSS styles go here */
}

@supports (-ms-ime-align: auto) {
    .tagify__input:focus::before {
        display: none;
    }
}

.tagify__input:focus:empty::before {
    transition: 0.2s ease-out;
    opacity: 1;
    transform: none;
    color: rgba(0, 0, 0, 0.6);
    color: var(--placeholder-color-focus);
}

@-moz-document url-prefix() {
    .tagify__input:focus:empty::after {
        display: none;
    }
}

.tagify__input::before {
    content: attr(data-placeholder);
    width: 100%;
    height: 100%;
    margin: auto 0;
    z-index: 1;
    color: var(--placeholder-color);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    pointer-events: none;
    opacity: 0;
    position: absolute;
}

.tagify__input::after {
    content: attr(data-suggest);
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    min-width: calc(100% - 1.5em);
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: pre;
    /* allows spaces at the beginning */
    color: var(--tag-text-color);
    opacity: 0.3;
    pointer-events: none;
    max-width: 100px;
}

.tagify__input .tagify__tag {
    margin: 0 1px;
}

.tagify--mix {
    display: block;
}

.tagify--mix .tagify__input {
    padding: 5px;
    margin: 0;
    width: 100%;
    height: 100%;
    line-height: 1.5;
    display: block;
}

.tagify--mix .tagify__input::before {
    height: auto;
    display: none;
    line-height: inherit;
}

.tagify--mix .tagify__input::after {
    content: none;
}

.tagify--select {
    cursor: default;
}

.tagify--select::after {
    content: ">";
    opacity: 0.5;
    position: absolute;
    top: 50%;
    right: 0;
    bottom: 0;
    font: 16px monospace;
    line-height: 8px;
    height: 8px;
    pointer-events: none;
    transform: translate(-150%, -50%) scaleX(1.2) rotate(90deg);
    transition: 0.2s ease-in-out;
}

.tagify--select[aria-expanded=true]::after {
    transform: translate(-150%, -50%) rotate(270deg) scaleY(1.2);
}

.tagify--select .tagify__tag {
    flex: 1;
    max-width: none;
    margin-inline-end: 2em;
    margin-block: 0;
    padding-block: 5px;
    cursor: text;
}

.tagify--select .tagify__tag div::before {
    display: none;
}

.tagify--select .tagify__tag+.tagify__input {
    display: none;
}

.tagify--empty .tagify__input::before {
    transition: 0.2s ease-out;
    opacity: 1;
    transform: none;
    display: inline-block;
    width: auto;
}

.tagify--mix .tagify--empty .tagify__input::before {
    display: inline-block;
}

.tagify--focus {
    --tags-border-color: var(--tags-focus-border-color);
    transition: 0s;
}

.tagify--invalid {
    --tags-border-color: rgba(119, 119, 119, 0.3);
}

.tagify__dropdown {
    position: absolute;
    z-index: 9999;
    transform: translateY(-1px);
    border-top: 1px solid var(--tagify-dd-color-primary);
    overflow: hidden;
}

.tagify__dropdown[dir=rtl] {
    transform: translate(-100%, -1px);
}

.tagify__dropdown[placement=top] {
    margin-top: 0;
    transform: translateY(-100%);
}

.tagify__dropdown[placement=top] .tagify__dropdown__wrapper {
    border-top-width: 1.1px;
    border-bottom-width: 0;
}

.tagify__dropdown[position=text] {
    box-shadow: 0 0 0 3px rgba(var(--tagify-dd-color-primary), 0.1);
    font-size: 0.9em;
}

.tagify__dropdown[position=text] .tagify__dropdown__wrapper {
    border-width: 1px;
}

.tagify__dropdown__wrapper {
    max-height: var(--tagify-dd-max-height);
    overflow: hidden;
    overflow-x: hidden;
    color: var(--tagify-dd-text-color);
    background: var(--tagify-dd-bg-color);
    border: 1px solid;
    border-color: var(--tagify-dd-color-primary);
    border-bottom-width: 1.5px;
    border-top-width: 0;
    box-shadow: 0 2px 4px -2px rgba(0, 0, 0, 0.2);
    transition: 0.3s cubic-bezier(0.5, 0, 0.3, 1), transform 0.15s;
    animation: dd-wrapper-show 0s 0.3s forwards;
}

@keyframes dd-wrapper-show {
    to {
        overflow-y: auto;
    }
}

.tagify__dropdown__header:empty {
    display: none;
}

.tagify__dropdown__footer {
    display: inline-block;
    margin-top: 0.5em;
    padding: var(--tagify-dd-item-pad);
    font-size: 0.7em;
    font-style: italic;
    opacity: 0.5;
}

.tagify__dropdown__footer:empty {
    display: none;
}

.tagify__dropdown--initial .tagify__dropdown__wrapper {
    max-height: 20px;
    transform: translateY(-1em);
}

.tagify__dropdown--initial[placement=top] .tagify__dropdown__wrapper {
    transform: translateY(2em);
}

.tagify__dropdown__item {
    box-sizing: border-box;
    padding: var(--tagify-dd-item-pad);
    margin: 1px;
    white-space: pre-wrap;
    cursor: pointer;
    border-radius: 2px;
    position: relative;
    outline: none;
    max-height: 60px;
    max-width: 100%;
    line-height: normal;
    position: relative;
    /* custom hidden transition effect is needed for horizontal-layout suggestions */
}

.tagify__dropdown__item--active {
    background: var(--tagify-dd-color-primary);
    color: white;
}

.tagify__dropdown__item:active {
    filter: brightness(105%);
}

.tagify__dropdown__item--hidden {
    padding-top: 0;
    padding-bottom: 0;
    margin: 0 1px;
    pointer-events: none;
    overflow: hidden;
    max-height: 0;
    transition: var(--tagify-dd-item--hidden-duration, 0.3s) !important;
}

.tagify__dropdown__item--hidden>* {
    transform: translateY(-100%);
    opacity: 0;
    transition: inherit;
}

.tagify__dropdown__item--selected::before {
    content: "✓";
    font-family: monospace;
    position: absolute;
    inset-inline-start: 6px;
    text-indent: 0;
    line-height: 1.1;
}

.tagify__dropdown:has(.tagify__dropdown__item--selected) .tagify__dropdown__item {
    text-indent: 1em;
}

.tagify.disabled-input .tagify__input {
    display: none;
}

body.dark .tagify__input:focus:empty::before {
    color: #6c757d;
}

body.dark .tagify__input::before {
    color: #6c757d;
}

body.dark section.blog .detailbox figure.table table {
    border: 1px solid #363636;
}

body.dark section.blog .detailbox figure.table table thead th {
    background-color: #363636;
    border: 1px solid #363636;
    color: #fff;
}

body.dark section.blog .detailbox figure.table table tbody tr td {
    border: 1px solid #363636;
    color: #fff;
}

body.dark .site-header .user-summary {
    background: #2d2d2f;
    border-color: #2d2d2f;
}

body.dark .site-header .user-summary .user-data .balance {
    color: #11d377;
}

body.dark .site-header .user-summary .user-data .name,
body.dark .site-header .user-summary .user-data a {
    color: #b0b0b0;
}

body.dark .square-btn.link {
    color: #FFF;
}

body.dark .square-btn.link:hover,
body.dark .square-btn.link:before,
body.dark .square-btn.link:after {
    color: #3d5afe;
}

body.dark .float-rank .point {
    border-top: 6px solid #fff;
}

body.dark .float-rank .label,
body.dark .reviewitem .p .name {
    color: #fff !important;
}

body.dark section.t-detail .boxtab .body .reviewitem .mgc {
    background: rgba(0, 0, 0, 0.15);
}

body.dark .ask-store-content .bdr:nth-child(odd) {
    border-color: #2d2d2f !important;
}

body.dark .ask-store-content .top {
    border-color: #2d2d2f !important;
}

body.dark .site-header .header-top,
body.dark .site-header .header-middle,
body.dark .site-header .header-bottom,
body.dark .dropdown .dropdown-menu:before,
body.dark .site-header .header-nav.show,
body.dark .dropdown .dropdown-menu,
body.dark section.howtowork-affiliates,
body.dark section.affiliates-content .card,
body.dark section.affiliates-content .box,
body.dark section.affiliates-content .boxes .item,
body.dark section.affiliates-history table.shadow-table tr,
body.dark section.affiliates-faq .card {
    background-color: #1e1e1f;
    border-color: #2d2d2f;
}

body.dark .site-header .logo .light {
    display: none;
}

body.dark .site-header .logo .dark {
    display: block;
}

body.dark .site-header .top-menu-box a.mini,
body.dark .site-header .header-kurumsal-menu .nav-item,
body.dark .site-header .header-nav .nav-item {
    color: #FFF;
}

body.dark .site-header .top-menu-box a.mini.show,
body.dark .site-header .top-menu-box a.mini:hover,
body.dark .site-header .header-kurumsal-menu .nav-item.show,
body.dark .site-header .header-kurumsal-menu .nav-item:hover,
body.dark .site-header .header-nav .nav-item.show,
body.dark .site-header .header-nav .nav-item:hover {
    color: #3d5afe;
}

body.dark .site-header .top-menu-box a.semi-round-btn {
    padding: 8px 12px;
}

body.dark .site-header .top-menu-box a.semi-round-btn.dark-orange {
    background: #FF4D00;
    color: #fff;
}

body.dark .site-header .top-menu-box a.semi-round-btn.dark-orange:hover {
    background: #cc3e00;
}

body.dark .site-header .top-menu-box a.semi-round-btn.blue {
    background-color: #3d5afe;
    color: #fff;
}

body.dark .site-header .top-menu-box a.semi-round-btn.blue:hover {
    background-color: #0a2ffe;
}

body.dark .site-header .header-kurumsal-menu .dropdown-menu {
    border-color: #3d5afe;
}

body.dark .site-header .header-kurumsal-menu .dropdown-menu ul li a {
    color: #FFF;
}

body.dark .site-header .header-kurumsal-menu .dropdown-menu ul li a:hover {
    color: #3d5afe;
}

body.dark .site-header .header-kurumsal-menu .dropdown-menu ul li a:hover:before {
    background: #3d5afe;
}

body.dark .site-header .header-kurumsal-menu .kurumsal-close-row {
    background: rgba(0, 0, 0, 0.1);
}

body.dark .site-header .dropdown-notification .btn-all {
    border: 0;
}

body.dark .site-header .dropdown-notification .btn-all:hover {
    color: #FFF;
    background: #3d5afe;
    border: 0;
}

body.dark .site-header .category-menu-box .all-category-head .kategori-arama-container .form-control,
body.dark .site-header .search-box,
body.dark .site-header .search-box .search-input {
    color: #fff;
    background: #2d2d2f;
    border-color: #2d2d2f;
}

body.dark .site-header .header-middle .header-logo:after {
    border-color: #2d2d2f;
}

body.dark .site-header .category-menu-box .item {
    background-color: #2b2b2c;
    border-color: #2b2b2c;
}

body.dark .site-header .search-box .search-results-box .head {
    color: #fff;
}

body.dark .site-header .search-box .search-results-box ul li a {
    color: #fff;
    border-bottom: 1px solid rgba(239, 239, 239, 0.1);
}

body.dark .site-header .search-box .search-results-box:before {
    background-color: rgba(239, 239, 239, 0.1);
}

body.dark section.streamer-text .card,
body.dark .streamer-list .streamer-card,
body.dark section.streamer-content .card {
    background-color: #1e1e1f;
}

body.dark .square-btn .notify-box {
    border-color: #1e1e1f;
}

body.dark.login {
    background-color: #1e1e1f !important;
}

body.dark .theme-mod .light {
    display: none;
}

body.dark .theme-mod .dark {
    display: block;
}

body.dark .breadcrumb {
    border-top: 1px solid #2d2d2f;
}

body.dark .hero-slider .swiper-pagination .hero-tumb {
    background: rgba(0, 0, 0, 0.44);
    border-left-color: rgba(255, 255, 255, 0.1);
    border-top-color: rgba(255, 255, 255, 0.1);
}

body.dark .hero-slider .swiper-pagination .swiper-pagination-bullet-active {
    background: rgba(0, 0, 0, 0.15);
}

body.dark .best-product-card {
    background-color: #28282a;
}

body.dark .best-product-card .name {
    color: #fff !important;
}

body.dark .product-card .product-body .name {
    color: #fff !important;
}

body.dark section.hero {
    background-color: #1D1D1D !important;
}

body.dark section .text .box {
    background-color: #28282A;
}

body.dark section.showcase,
body.dark section.social {
    background-color: #121212;
}

body.dark section.product-listing-cover .tabs button.active {
    background-color: #3d5afe;
    color: #fff;
}

body.dark section.product-listing-cover .tabs button:hover {
    background-color: #3d5afe;
    color: #fff;
}

body.dark section.product-listing-products .item {
    background: #1e1e1f !important;
    --bs-accordion-bg: #1e1e1f;
}

body.dark section.product-listing-products .item span.product-name {
    color: #fff;
}

body.dark section.product-listing-products .item p {
    color: #fff;
}

body.dark section.product-listing-products .item .price-lg {
    border-left: 1px solid #333;
}

body.dark section.product-listing-products .item .number {
    background-color: #2e2e30;
    border: none;
}

body.dark section.product-listing-products .item .number button {
    background-color: rgb(0, 0, 0);
    color: #fff;
}

body.dark section.product-listing-products .item .number button:hover {
    background-color: #3d5afe;
}

body.dark section.product-listing-products .item .number input {
    color: #fff;
    background-color: transparent;
}

body.dark section.product-listing-desc .boxtab {
    background: #1e1e1f !important;
    --bs-accordion-bg: #1e1e1f;
}

body.dark section.product-listing-desc .boxtab .head {
    border-bottom: 1px solid #282828;
}

body.dark section.product-listing-desc .boxtab .body .content {
    color: #7b7b84;
}

body.dark section.product-listing-desc .boxtab .body .content a {
    color: #fff;
}

body.dark section.product-listing-desc .boxtab .body .content h2 {
    color: #ffffff;
}

body.dark section.product-listing-desc .boxtab .body .content h3 {
    color: #ffffff;
}

body.dark section.product-listing-desc .boxtab .body .reviewitem {
    border-color: #2d2d2f !important;
}

body.dark section.product-listing-desc .boxtab .body .reviewitem .p.brdr {
    border-color: #2d2d2f !important;
}

body.dark .footer-top {
    background-color: #242424;
}

body.dark section .text .box .content h1,
body.dark section .text .box .content h2,
body.dark section .text .box .content a {
    /*color: #7B7B84;*/
    color: #fff;
}

body.dark .btn-circle {
    color: #FFF;
    background: var(--main-color);
}

body.dark .btn-circle.show,
body.dark .btn-circle:hover {
    color: var(--main-color);
    background: #FFF;
}

body.dark .product-card .product-body {
    background-color: #28282A;
    color: #FFF;
}

body.dark .product-card .product-body .detail ul li {
    color: #fff;
}

body.dark .product-card .product-body .foot .price,
body.dark .product-card .product-body a {
    color: #FFF;
}

body.dark .product-card .product-body .foot {
    border-color: #37373B;
}

body.dark .product-card .product-body a:hover {
    color: #fff;
}

body.dark .more-product-btn {
    background-color: #28282A;
}

body.dark .more-product-btn:hover {
    background: #11d377;
    color: #FFF;
}

body.dark .more-product-btn:hover .icon {
    background: rgba(0, 0, 0, 0.2);
}

body.dark .promotion-time .title p {
    color: #8a8a8a;
}

body.dark .view-all-btn {
    color: #FFF;
    background: #353535;
}

body.dark .view-all-btn:hover {
    color: #FFF;
    background: var(--main-color);
}

body.dark .showcase-card {
    background: #1E1E1F;
}

body.dark .showcase-card .nav-link {
    color: #FFF;
}

body.dark .showcase-card .nav-link.active {
    color: #fff;
    background: var(--main-color);
}

body.dark .showcase-card .nav-link:hover {
    color: #fff;
    background: var(--main-color);
}

body.dark .login-form .login-cover {
    background-image: url('data:image/svg+xml,<svg version="1.2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 3000 1200" width="3000" height="1200"><path id="Path" fill="%231e1e1f" d="m1478 685c0 0 23.3 9 42 0l1493.6-706.2-1.5 1230.3-3018.2-1.5-6-1231.8z"/></svg>');
}

body.dark .login-form .login-cover .login-logo .light {
    display: none;
}

body.dark .login-form .login-cover .login-logo .dark {
    display: block;
}

body.dark .login-form .card {
    background: #2b2b2c !important;
    --bs-accordion-bg: #2b2b2c;
}

body.dark .login-form .tk-vdigit .tk-vinput,
body.dark .login-form .form-control {
    background-color: #343434;
    border-color: #343434;
}

body.dark .login-form .pass-reset-btn {
    color: #FFF;
}

body.dark .login-form .pass-reset-btn:hover {
    color: #325cf4;
}

body.dark .bl1,
body.dark .bt1,
body.dark .br1,
body.dark .bb1 {
    border-color: #2E2E2E;
}

body.dark .giveaway-section .card {
    background: #1e1e1f !important;
}

body.dark .giveaway-section .card .count .count-item:first-child {
    border-color: #1e1e1f !important;
}

body.dark .giveaway-section .card .border-left-1,
body.dark .giveaway-section .card .border-top-1,
body.dark .border-left-1,
body.dark .border-top-1 {
    border-color: #2d2d2f !important;
}

body.dark section.all-category .category .detail {
    background-color: #1e1e1f;
}

body.dark section.all-category .category .detail .right .bottom-block {
    background-color: rgba(60, 60, 60, 0.5);
    border-top: 1px solid #121212;
}

body.dark section.all-category .category .detail .right .bottom-block:hover {
    background-color: #3d5afe;
    color: #FFFFFF;
}

body.dark section.all-category .category .detail .right .sub-categories .list::-webkit-scrollbar {
    width: 4px;
    border-radius: 2px;
}

body.dark section.all-category .category .detail .right .sub-categories .list::-webkit-scrollbar-track {
    border-radius: 2px;
    background-color: #2f2f30;
}

body.dark section.all-category .category .detail .right .sub-categories .list::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background-color: rgb(60, 60, 60);
}

body.dark section.all-category .category .detail .right .sub-categories .list::-webkit-scrollbar-thumb:hover {
    background-color: #1e1e1f;
}

body.dark section.all-category .category .detail .right .sub-categories .list a:hover {
    background-color: #3d5afe;
    color: #FFFFFF;
}

body.dark section.all-category .category .detail .right .sub-categories .list a {
    color: #888;
}

body.dark .ilanlarim-sub-hero {
    background-color: #1e1e1f;
}

body.dark section.detail .box .seller {
    background: #2b2b2c !important;
    border-color: #2d2d2f !important;
    color: #fff !important;
}

body.dark .ilanlarim-sub-hero .search-box .my-product-search-input,
body.dark .ilanlarim-sub-hero .filter-select,
body.dark .giveaway-section .giveway-input,
body.dark .giveaway-section .card .time,
body.dark .giveaway-section .card .count {
    background-color: #2d2d2f;
    border-color: #2d2d2f;
}

body.dark section.all-category .category .detail .right .sub-categories .title,
body.dark section.streamer-content .card .head .item-box .txt .sub,
body.dark .streamer-modal .modal-content .modal-body,
body.dark section.streamer-text .card,
body.dark .streamer-list .streamer-card,
body.dark section.streamer-content .card,
body.dark .pagination-list li.disabled span,
body.dark .step-box .desc,
body.dark section.howtowork-affiliates,
body.dark section.howtowork-affiliates .howtowork-title,
body.dark .terms-box,
body.dark .group-title .group-txt,
body.dark section.affiliates-content .card,
body.dark section.affiliates-content .card .head .item-box .txt .sub,
body.dark section.affiliates-content .boxes .item .small,
body.dark section.affiliates-content .card .body .glass-box input,
body.dark section.affiliates-faq .faq-item .accordion-title,
body.dark .site-header .search-box .search-results-box .body .no-result,
body.dark .site-header .search-box .search-results-box .body ul li a:hover,
body.dark .site-header .header-nav .large-menu .hm-item,
body.dark .site-header .header-user-menu .dropdown-menu .dropdown-item:hover,
body.dark .site-header .top-menu-box .square-btn.mini.link:hover,
body.dark .site-header .header-kurumsal-menu .square-btn.mini.link:hover,
body.dark .top-menu-box .square-btn.link:hover,
body.dark .site-header .category-menu-box .hm-title,
body.dark .site-header .category-menu-box .item,
body.dark .site-header .search-box .search-results-box .body ul li.group-title,
body.dark .dropdown .dropdown-menu,
body.dark .site-header .user-summary .user-data .name,
body.dark .filter-sidebar .cat-tree li .item,
body.dark .filter-sidebar .filter-title,
body.dark .ilan-pazari-hero .filter-select,
body.dark .filter-sidebar .form-control,
body.dark .filter-sidebar .form-select,
body.dark .filter-sidebar .filter-group .group-content,
body.dark .filter-sidebar .filter-group .group-title,
body.dark .filter-sidebar .cat-tree-content li a,
body.dark .filter-sidebar .cat-tree li a,
body.dark .filter-sidebar .card,
body.dark .filter-sidebar .card-header,
body.dark .product-row-card .name,
body.dark .product-row-card,
body.dark section.social .x-title h2,
body.dark section.text-content .card .content,
body.dark .stores-section .store-row .store-sub-products .p-title,
body.dark .stores-section .store-row .store-sub-products .price,
body.dark .stores-section .s-title,
body.dark .stores-section .user-data .user-sub-title,
body.dark .login-form,
body.dark .login-form .f-title,
body.dark .login-form .form-control,
body.dark .login-form .tk-vdigit .tk-vinput,
body.dark .giveaway-section .giveway-input,
body.dark .giveaway-section .card .time,
body.dark .giveaway-section .card .count,
body.dark .my-product-list .subtitle,
body.dark .ilanlarim-sub-hero .search-box .search-icon-box,
body.dark .ilanlarim-sub-hero .filter-select,
body.dark .ilanlarim-sub-hero .filter-box a,
body.dark .ilanlarim-sub-hero .search-box .my-product-search-input,
body.dark .giveaway-section.giveaway-detail .giveaway-title,
body.dark .giveaway-section.giveaway-detail .giveaway-desc,
body.dark .giveaway-section .head-desc .sub-txt,
body.dark .giveaway-section .default-data .default-sub-title,
body.dark .giveaway-section .title,
body.dark .giveaway-section .user-data .card,
body.dark .giveaway-section .user-data .user-name,
body.dark .giveaway-section .card .count .count-item .count-sub,
body.dark .giveaway-section .card .count .count-item .count-main,
body.dark section.live-stream-content form label small,
body.dark section.live-stream-content form label,
body.dark .search-datatable,
body.dark table.shadow-table.donate-list-table tr.data-row .message-item,
body.dark section.streamer-panel-content .form-group .form-card .form-control,
body.dark section.streamer-panel-content .form-group .group-title,
body.dark .yayinci-panel-sidebar .streamer-summary .user-data .name,
body.dark section.streamer-panel-content .form-group .form-card .txt,
body.dark section.streamer-panel-content .streamer-panel-title,
body.dark section.streamer-panel-content .card {
    color: #FFF;
}

body.dark section.affiliates-faq .faq-item .accordion-content {
    color: #CCC;
}

body.dark .ilanlarim-sub-hero .filter-box a:hover {
    background-color: #3d5afe;
}

body.dark .ilanlarim-sub-hero .filter-box a.selected {
    background-color: #3d5afe;
}

body.dark .giveaway-section .card .subitem span.count {
    background-color: #11d377;
}

body.dark .my-product-list .product-card .control-box {
    background-color: #37373b;
}

body.dark .stores-sub-hero .filter-box a.orange {
    background-color: #ff9101;
    color: #FFF;
}

body.dark .stores-sub-hero .filter-box a.orange:hover {
    background-color: #D97B01;
}

body.dark .stores-section .store-row .store-sub-products {
    border-color: #2d2d2f !important;
}

body.dark .stores-section .top-user-seperator {
    border-color: #121212 !important;
}

body.dark section.live-stream-content .card,
body.dark .product-row-card,
body.dark .currency-content .card,
body.dark section.text-content .card {
    background: #1e1e1f !important;
    --bs-accordion-bg: #1e1e1f;
}

body.dark .stores-section .applystore {
    background: url(../img/applystorebg.png) center center no-repeat #3d5afe !important;
}

body.dark .stores-section .top-user-seperator {
    background-image: url("data:image/svg+xml,%3Csvg version='1.2' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 14' width='20' height='14'%3E%3Cpath id='Şekil 1' fill='%23121212' d='m13 14c-3.9 0-7-3.1-7-7 0-3.9 3.1-7 7-7 3.9 0 7 3.1 7 7 0 3.9-3.1 7-7 7z'/%3E%3C/svg%3E");
}

body.dark .empty .icon {
    fill: #FFF;
}

body.dark .product-row-card .number,
body.dark .favorite-products .number input {
    background-color: #2e2e30;
    border: none;
}

body.dark .favorite-products .number button {
    background-color: rgb(0, 0, 0);
    color: #fff;
}

body.dark .favorite-products .number button:hover {
    background-color: #3d5afe;
}

body.dark .ilanlarim-sub-hero .filter-box,
body.dark .ilanlarim-sub-hero .search-box {
    background-color: rgba(0, 0, 0, 0.12);
}

body.dark .ilan-pazari-hero .filter-select {
    background-color: #2f2f30;
}

body.dark .ilan-pazari-hero .btn-swicth {
    background-color: rgba(0, 0, 0, 0.2);
}

body.dark .ilan-pazari-hero .btn-swicth .swicth-icon {
    background-color: rgba(0, 0, 0, 0.4);
}

body.dark .ilan-pazari-hero .btn-swicth.on .swicth-icon {
    background-color: #2f2f30;
}

body.dark .filter-sidebar .filter-title,
body.dark .filter-sidebar .card {
    background-color: #28282A;
}

body.dark .filter-sidebar .card-header {
    border-color: #37373B;
}

body.dark .filter-sidebar .form-control,
body.dark .filter-sidebar .form-select {
    background-color: #2f2f30;
    border-color: #2f2f30;
}

body.dark .cat-tree-main-item:hover,
body.dark .filter-sidebar .cat-tree-content li a:hover,
body.dark .filter-sidebar .cat-tree li a:hover {
    color: #3d5afe;
}

body.dark .sticky-box-wrap .sticky-body.sticky {
    border-color: #37373B;
    background: rgba(0, 0, 0, 0.5);
}

body.dark .filter-cover-box {
    background-color: rgba(255, 255, 255, 0.1);
}

body.dark .filter-cover-box a.selected,
body.dark .filter-cover-box a:hover {
    background-color: #3d5afe;
    color: #fff;
}

body.dark section.t-detail .box .btn-user.views {
    background-color: rgba(100, 123, 173, 0.2);
}

body.dark section.t-detail .box .btn-user.views:hover {
    background-color: rgba(100, 123, 173, 0.4);
}

body.dark section.t-detail .box .hurry-up,
body.dark section.t-detail .box .icons .bag.black,
body.dark section.t-detail .box .u-avatar-name .u-name,
body.dark section.t-detail .box h1,
body.dark section.t-detail .boxtab .body .content,
body.dark section.t-detail .box .u-avatar-name .success-operation,
body.dark section.t-detail .box .u-avatar-name .last-seen,
body.dark section.t-detail .box .small-title,
body.dark section.t-detail .box .buybox .share,
body.dark section.t-detail .box span.like,
body.dark section.t-detail .box .buybox span.unlike,
body.dark section.t-detail .box .buybox .price {
    color: #FFF;
}

body.dark section.t-detail .tag-list span::before,
body.dark section.t-detail .box .buybox .share,
body.dark section.t-detail .box .buybox span.unlike,
body.dark section.t-detail .helpbox,
body.dark section.t-detail .boxtab,
body.dark section.t-detail .box,
body.dark section.t-detail .box .sub-desc .ellipsis-box:hover {
    background-color: #1e1e1f;
    --bs-accordion-bg: #1e1e1f;
}

body.dark section.t-detail .box .btn-user.like,
body.dark section.t-detail .box span.like {
    background-color: #2e2e30;
    color: #fff;
}

body.dark section.t-detail .box .btn-user.like.active,
body.dark section.t-detail .box .btn-user.like:hover,
body.dark section.t-detail .box span.like.active,
body.dark section.t-detail .box span.like:hover {
    background-color: #FF9D1D;
}

body.dark section.t-detail .box .buybox .share:hover,
body.dark section.t-detail .box .buybox span.unlike:hover {
    background-color: #2e2e30;
}

body.dark section.t-detail .box .icons .bag.black {
    background-color: rgba(100, 123, 173, 0.1);
}

body.dark section.t-detail .box .sub-desc-title {
    color: #BBB;
}

body.dark section.t-detail .box .buybox .number button {
    background-color: #121212;
    border-color: #2d2d2f;
    color: #FFF;
}

body.dark section.t-detail .box .buybox .number button:hover {
    background-color: #3d5afe;
}

body.dark section.t-detail .buybox {
    background-color: #1e1e1f;
    border-color: #2d2d2f;
}

body.dark section.t-detail .box .separator,
body.dark section.t-detail .buybox .number {
    background-color: #2e2e30;
    border-color: #2d2d2f;
}

body.dark section.t-detail .boxtab .body .reviewitem,
body.dark section.t-detail .userProfileAreaTab .reviewitem .p.brdr,
body.dark section.t-detail .userProfileAreaTab .reviewitem,
body.dark section.t-detail .boxtab .body .reviewitem .p.brdr,
body.dark section.t-detail .helpbox .body,
body.dark section.t-detail .boxtab .head {
    border-color: #2d2d2f;
}

body.dark section.t-detail .boxtab .body .content table tr td {
    color: #999;
}

body.dark section.t-detail .boxtab .body .content table tr td:first-child {
    color: #FFF;
}

body.dark section.t-detail .box .u-avatar-img span {
    border-color: #1e1e1f;
}

body.dark section.t-detail .boxtab .body .content table,
body.dark section.t-detail .boxtab .body .content table * {
    border-color: #2d2d2f !important;
}

body.dark section.detail .digerPaketler .box .advertPrice {
    color: #7b7b84;
}

body.dark .userProfileAreaTab .reviewitem:nth-child(odd) {
    border-color: #2d2d2f !important;
}

body.dark .userProfileAreaTab .reviewitem .p.brdr,
body.dark .userProfileAreaTab .reviewitem {
    border-color: #2d2d2f !important;
}

body.dark section.t-detail .digerPaketler .title {
    color: #fff;
}

body.dark section.t-detail .digerPaketler .box .advertPrice {
    color: #fff;
}

body.dark .ask-store-content .conversation {
    border-color: #2d2d2f;
}

body.dark .ask-store-content .conversation .talk-item .text-wrapper .text {
    color: #FFF;
}

body.dark .ask-store-content .ask-box {
    background-color: #121212;
    border-color: #2d2d2f;
}

body.dark .social-share-box {
    background-color: #2d2d2f;
}

body.dark .social-share-box .social-share {
    background-color: #1e1e1f;
    color: #FFF;
}

body.dark .social-share-box .social-share:hover {
    background-color: #555;
}

body.dark .daily-deals-hero .filter-box {
    background-color: rgba(0, 0, 0, 0.12);
}

body.dark section.daily-deals .subtitle {
    color: #FFF;
}

body.dark .modal,
body.dark .currency-content .alert-box,
body.dark .currency-content .card label,
body.dark table.shadow-table .table-item .txt .main,
body.dark table.shadow-table .table-item .txt .sub,
body.dark .currency-content .card .body .tab-item .txt .main,
body.dark .currency-content .card .body .tab-item .txt .sub,
body.dark .currency-content .card .head .step-title,
body.dark .currency-content .card,
body.dark section.verify .box .b b,
body.dark section.verify .box .b strong,
body.dark section.verify .box .body .subtitle,
body.dark section.verify .box .head .title,
body.dark .user-summary-sidebar .sidebar-body .sidebar-menu li .link-item.active,
body.dark .user-summary-sidebar .sidebar-body .sidebar-menu li .link-item:hover,
body.dark section.verify .box,
body.dark .user-summary-sidebar .sidebar-body {
    color: #FFF;
}

body.dark section.streamer-panel-content .form-group .form-card .form-control,
body.dark section.streamer-panel-content .card,
body.dark .card-box,
body.dark section.verify .box,
body.dark .user-summary-sidebar .sidebar-body {
    background-color: #1e1e1f !important;
    --bs-accordion-bg: #1e1e1f;
}

body.dark .card-box {
    border-color: #2d2d2f !important;
}

body.dark section.verify .box .b,
body.dark section.verify .box .body,
body.dark .card-box .x-title {
    color: #aaa;
}

body.dark .discord-card .card-box .link {
    border: 1px solid #1e1e1f;
    background-color: #1e1e1f;
}

body.dark .discord-card .card-box .link .text {
    color: #FFF;
}

body.dark section.verify .custom-control .custom-control-input {
    border-color: #444;
    background: #1e1e1f;
}

body.dark section.verify .custom-control .custom-control-input:checked {
    background-color: #007bff;
    border-color: #007bff;
}

body.dark .upload-area.dragover {
    border-color: rgba(255, 255, 255, 0.2);
}

body.dark table.shadow-table .table-item .txt .sub {
    opacity: 0.5;
}

body.dark .currency-content .card .body .tab-item:hover {
    background: #3d5afe;
}

body.dark .currency-content .alert-box {
    border-color: #4c4c52;
    background-color: #212122;
}

body.dark .currency-content .card input[type=text]:read-only {
    border: 1px solid #4c4c52;
    background-color: #212122;
    color: #FFF;
}

body.dark table.shadow-table tr {
    background: #2d2d2f;
}

body.dark table.shadow-table tr td {
    border-color: rgba(174, 184, 203, 0.2) !important;
}

body.dark .custom-select-down .down-icon {
    background: rgba(255, 255, 255, 0.1);
}

body.dark .custom-input-checked {
    border-color: #444;
    background: #1e1e1f;
}

body.dark .custom-input-checked:checked {
    background-color: #007bff;
    border-color: #007bff;
}

body.dark .verify-btn {
    background-color: rgba(255, 255, 255, 0.1);
    color: #FFF;
}

body.dark .verify-btn:hover {
    background-color: rgba(255, 255, 255, 0.3);
}

body.dark .currency-content .card .note-box,
body.dark .currency-content .card .form-control,
body.dark .currency-content .card .form-select,
body.dark .currency-content .card .body .tab-item {
    background: #2d2d2f;
    border-color: #4c4c52;
    color: #FFF;
}

body.dark section.affiliates-faq .faq-item {
    border-color: #4c4c52;
}

body.dark section.affiliates-content .card .body .glass-box input {
    background-color: #363638;
}

body.dark .terms-box .desc {
    color: rgba(255, 255, 255, 0.7);
}

body.dark section.affiliates-content .card .body .glass-box,
body.dark .step-box .icon .b1,
body.dark .step-box .icon .b1 .b2 {
    background: rgba(61, 90, 254, 0.2);
}

body.dark .howtowork-affiliates .seperator-box .dot .l1,
body.dark .howtowork-affiliates .seperator-box .dot .l2,
body.dark .howtowork-affiliates .seperator-box .dot .l3,
body.dark .howtowork-affiliates .seperator-box .dot .r1,
body.dark .howtowork-affiliates .seperator-box .dot .r2,
body.dark .howtowork-affiliates .seperator-box .dot .r3 {
    background: rgba(61, 90, 254, 0.4);
}

body.dark section.streamer-content .card .filter-btn.blue.selected,
body.dark section.streamer-content .card .filter-btn.blue:hover {
    background-color: rgba(50, 92, 244, 0.2);
}

body.dark section.streamer-content .card .filter-btn.green.selected,
body.dark section.streamer-content .card .filter-btn.green:hover {
    background-color: rgba(17, 211, 119, 0.2);
}

body.dark section.streamer-content .card .filter-btn.purple.selected,
body.dark section.streamer-content .card .filter-btn.purple:hover {
    background-color: rgba(141, 69, 248, 0.2);
}

body.dark section.streamer-content .card .filter-btn.red.selected,
body.dark section.streamer-content .card .filter-btn.red:hover {
    background-color: rgba(255, 0, 0, 0.2);
}

body.dark section.streamer-content .card .filter-btn.light.blue {
    background-color: rgba(50, 92, 244, 0.2);
}

body.dark section.streamer-content .card .filter-btn.light.blue.selected,
body.dark section.streamer-content .card .filter-btn.light.blue:hover {
    background-color: #325cf4;
}

body.dark section.streamer-content .card .filter-btn.light.green {
    background-color: rgba(17, 211, 119, 0.2);
}

body.dark section.streamer-content .card .filter-btn.light.green.selected,
body.dark section.streamer-content .card .filter-btn.light.green:hover {
    background-color: #11d377;
}

body.dark section.streamer-content .card .filter-btn.light.purple {
    background-color: rgba(141, 69, 248, 0.2);
}

body.dark section.streamer-content .card .filter-btn.light.purple.selected,
body.dark section.streamer-content .card .filter-btn.light.purple:hover {
    background-color: #8d45f8;
}

body.dark section.streamer-content .card .filter-btn.light.red {
    background-color: rgba(255, 0, 0, 0.2);
}

body.dark section.streamer-content .card .filter-btn.light.red.selected,
body.dark section.streamer-content .card .filter-btn.light.red:hover {
    background-color: #ff0000;
}

body.dark .streamer-list .streamer-card .patform .icon.blue {
    background-color: rgba(50, 92, 244, 0.2);
}

body.dark .streamer-list .streamer-card .patform .icon.blue:hover {
    background-color: rgba(50, 92, 244, 0.4);
}

body.dark .streamer-list .streamer-card .patform .icon.green {
    background-color: rgba(17, 211, 119, 0.2);
}

body.dark .streamer-list .streamer-card .patform .icon.green:hover {
    background-color: rgba(17, 211, 119, 0.4);
}

body.dark .streamer-list .streamer-card .patform .icon.purple {
    background-color: rgba(141, 69, 248, 0.2);
}

body.dark .streamer-list .streamer-card .patform .icon.purple:hover {
    background-color: rgba(141, 69, 248, 0.4);
}

body.dark .streamer-list .streamer-card .patform .icon.red {
    background-color: rgba(255, 0, 0, 0.2);
}

body.dark .streamer-list .streamer-card .patform .icon.red:hover {
    background-color: rgba(255, 0, 0, 0.4);
}

body.dark section.live-stream-content form .btn-group button,
body.dark section.live-stream-content form .form-control,
body.dark section.live-stream-content form .input-group .input-group-text {
    background: #2b2b2c;
    border-color: rgba(255, 255, 255, 0.1);
    color: #fff;
}

body.dark section.live-stream-content form .btn-group button:hover,
body.dark section.live-stream-content form .btn-group button:active,
body.dark section.live-stream-content form .btn-group button:focus {
    border-color: #3d5afe;
    background: #3d5afe;
    color: #fff;
}

body.dark section.streamer-live-hero .streamer-channel .platfom-btn {
    background-color: #2b2b2c;
}

body.dark section.streamer-live-hero .streamer-channel .platfom-btn.blue {
    color: #325cf4;
}

body.dark section.streamer-live-hero .streamer-channel .platfom-btn.blue:hover {
    background-color: #325cf4;
    color: #FFF;
}

body.dark section.streamer-live-hero .streamer-channel .platfom-btn.green {
    color: #11d377;
}

body.dark section.streamer-live-hero .streamer-channel .platfom-btn.green:hover {
    background-color: #11d377;
    color: #FFF;
}

body.dark section.streamer-live-hero .streamer-channel .platfom-btn.purple {
    color: #8d45f8;
}

body.dark section.streamer-live-hero .streamer-channel .platfom-btn.purple:hover {
    background-color: #8d45f8;
    color: #FFF;
}

body.dark section.streamer-live-hero .streamer-channel .platfom-btn.red {
    color: #ff0000;
}

body.dark section.streamer-live-hero .streamer-channel .platfom-btn.red:hover {
    background-color: #ff0000;
    color: #FFF;
}

body.dark .empty-live {
    background: rgba(255, 255, 255, 0.1);
}

body.dark .empty-live .icon {
    color: #AAA;
}

body.dark .empty-live .text {
    color: #DDD;
}

body.dark section.live-stream-content .live-content .live-platform-change .dropdown-menu {
    background: rgba(0, 0, 0, 0.4);
}

body.dark .search-datatable,
body.dark table.shadow-table tr.data-row,
body.dark table.shadow-table.donate-list-table tr.data-row .message-item {
    background: #2d2d2f;
    border-color: rgba(174, 184, 203, 0.2) !important;
}

body.dark table.shadow-table tr.space-row {
    background: transparent;
}

body.dark .yayinci-panel-sidebar .yayinci-panel-menu .item {
    color: #FFF;
}

body.dark .yayinci-panel-sidebar .yayinci-panel-menu .item:hover,
body.dark .yayinci-panel-sidebar .yayinci-panel-menu .item.active {
    color: #3d5afe;
}

body.dark section.streamer-panel-content .form-group .form-card {
    border-color: rgba(174, 184, 203, 0.2);
}

body.dark section.streamer-panel-content .form-group .form-card.purple {
    border-color: rgba(141, 69, 248, 0.6);
}

body.dark section.streamer-panel-content .form-group .form-card.green {
    border-color: rgba(17, 211, 119, 0.6);
}

body.dark section.streamer-panel-content .form-group .form-card.red {
    border-color: rgba(255, 0, 0, 0.6);
}

body.dark div.dt-container .dt-search input {
    background-color: #2d2d2f;
    border-color: rgba(174, 184, 203, 0.2) !important;
    outline: none;
}

body.dark .game-accounts-dropdown .add-game-account a:hover i {
    border-color: #FFF;
}

body.dark .game-accounts-dropdown .game-accounts-btn {
    border-color: #2d2d2f;
    background-color: #2e2e30;
}

body.dark .contact-right .t .info-item {
    border: 1px solid transparent !important;
    background-color: #2b2b2c !important;
}

body.dark .contact-right .t .info-item .icon {
    background-color: #1e1e20;
    color: #fff;
}

body.dark .contact-right .t .info-item .text .meta-label {
    color: #adb5bd;
}

body.dark .contact-right .t .info-item .text .text-main {
    color: #e9ecef;
}

body.dark .contact-right .trust-section {
    background-color: #2b2b2c;
}

/* YARDIM MERKEZİ YENİ*/
body.dark .help-search input {
    background-color: #2b2b2c;
    color: #fff;
}

body.dark .help-search .clear-btn {
    color: #fff;
}

body.dark .accordion {
    background-color: #121212 !important;
}

body.dark .accordion .help-item {
    background: #202020 !important;
    border-bottom: 1px solid #121212;
}

body.dark .accordion .row-title {
    color: #fff;
}

body.dark .open-panel {
    background: #282828;
}

body.dark .open-panel .panel-content {
    color: #fff;
}

body.dark .close-x {
    background-color: #1e1e20;
}

body.dark .acc-action {
    background-color: #282828;
}

/* YARDIM MERKEZİ YENİ*/
body.dark .site-header .header-middle .header-logo {
    background-color: #1e1e1f;
}

body.dark .customPopupSwal,
body.dark .swal2-popup {
    background-color: #1e1e1f !important;
}

body.dark .kurumsalPanelBody .announcements .items .item {
    background-color: #121212 !important;
}

body.dark .customPopupSwal .swal2-title {
    border-bottom: 1px solid #2d2d2f !important;
    color: #fff;
}

body.dark .customPopupSwal .scrollarea *,
body.dark .customPopupSwal select,
body.dark .customPopupSwal input,
body.dark .customPopupSwal textarea,
body.dark .customPopupSwal .swal2-html-container,
body.dark .swal2-html-container,
body.dark .swal2-title {
    color: #fff !important;
}

body.dark .customPopupSwal .star-rating {
    direction: rtl;
    cursor: default;
    display: flex;
    margin-bottom: 14px;
    margin-top: 14px;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
}

body.dark .customPopupSwal .star-rating input[type=radio] {
    display: none;
}

body.dark .customPopupSwal .star-rating label {
    color: #bbb;
    font-size: 24px;
    padding: 0;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    width: auto;
}

body.dark .customPopupSwal .star-rating label:hover,
body.dark .customPopupSwal .star-rating label:hover~label,
body.dark .customPopupSwal .star-rating input[type=radio]:checked~label {
    color: #f2b600 !important;
}

body.dark .customPopupSwal .swal2-html-container input[type=text],
body.dark .customPopupSwal .swal2-html-container input[type=number] {
    background-color: #2b2b2c !important;
    border-color: #2b2b2c !important;
}

body.dark .customPopupSwal .swal2-html-container textarea {
    background-color: #2b2b2c !important;
    border-color: #2b2b2c !important;
}

body.dark .scrollarea {
    background: rgba(255, 255, 255, 0.06) !important;
}

body.dark .customPopupSwal .swal2-html-container hr {
    border-top: 1px solid #2d2d2f !important;
}

body.dark .customPopupSwal .swal2-html-container .game-accounts-dropdown .game-accounts-btn {
    border: 2px solid #2d2d2f !important;
}

@media (max-width: 1199px) {
    body.dark .site-header .header-top {
        background-color: #1c1d26;
    }

    body.dark .site-header .mobile-main-menu {
        background: #16161D;
    }

    body.dark .site-header .top-menu-box a.mini,
    body.dark .site-header .header-kurumsal-menu .nav-item {
        color: #3d5afe;
    }

    body.dark .site-header .top-menu-box a.mini.show,
    body.dark .site-header .top-menu-box a.mini:hover,
    body.dark .site-header .header-kurumsal-menu .nav-item.show,
    body.dark .site-header .header-kurumsal-menu .nav-item:hover {
        color: #FFF;
        background: #3d5afe;
    }

    body.dark .site-header .top-menu-box a.mini.show svg,
    body.dark .site-header .top-menu-box a.mini:hover svg,
    body.dark .site-header .header-kurumsal-menu .nav-item.show svg,
    body.dark .site-header .header-kurumsal-menu .nav-item:hover svg {
        fill: #FFF;
    }

    body.dark .site-header .top-menu-box a.mini.show svg path,
    body.dark .site-header .top-menu-box a.mini:hover svg path,
    body.dark .site-header .header-kurumsal-menu .nav-item.show svg path,
    body.dark .site-header .header-kurumsal-menu .nav-item:hover svg path {
        fill: #FFF;
    }

    body.dark .site-header .top-menu-box a.mini.semi-round:before,
    body.dark .site-header .top-menu-box a.mini.semi-round:after,
    body.dark .site-header .header-kurumsal-menu .nav-item.semi-round:before,
    body.dark .site-header .header-kurumsal-menu .nav-item.semi-round:after {
        border-radius: 4px;
    }

    body.dark .site-header .top-menu-box a.mini.dark-orange .notify-box,
    body.dark .site-header .top-menu-box a.mini.dark-orange,
    body.dark .site-header .header-kurumsal-menu .nav-item.dark-orange .notify-box,
    body.dark .site-header .header-kurumsal-menu .nav-item.dark-orange {
        background: #FF4D00;
        color: #fff;
    }

    body.dark .site-header .top-menu-box a.mini.blue .notify-box,
    body.dark .site-header .top-menu-box a.mini.blue,
    body.dark .site-header .header-kurumsal-menu .nav-item.blue .notify-box,
    body.dark .site-header .header-kurumsal-menu .nav-item.blue {
        background-color: #3d5afe;
        color: #fff;
    }

    body.dark .site-header .header-nav .nav-item {
        color: #9393ab;
    }

    body.dark .site-header .header-nav .nav-item.show,
    body.dark .site-header .header-nav .nav-item:hover {
        color: #3d5afe;
    }

    .reviewitem .p .name,
    section.t-detail .boxtab .body .reviewitem .p .name {
        color: #fff !important;
    }
}

@media (max-width: 990px) {
    body.dark nav.mobile-stickybar {
        background-color: #1e1e1f;
    }

    body.dark nav.mobile-stickybar a .large-icon {
        background-color: #1e1e1f;
    }
}

/**
 * Swiper 11.1.9
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2024 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: July 31, 2024
 */
@font-face {
    font-family: swiper-icons;
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
    font-weight: 400;
    font-style: normal;
}

:root {
    --swiper-theme-color: #007aff;
}

:host {
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    z-index: 1;
}

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

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

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

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

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

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

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

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

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

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

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

.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px;
}

.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d;
}

.swiper-3d {
    perspective: 1200px;
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide {
    transform-style: preserve-3d;
}

.swiper-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none;
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start;
}

.swiper-css-mode.swiper-horizontal>.swiper-wrapper {
    scroll-snap-type: x mandatory;
}

.swiper-css-mode.swiper-vertical>.swiper-wrapper {
    scroll-snap-type: y mandatory;
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
    scroll-snap-type: none;
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: none;
}

.swiper-css-mode.swiper-centered>.swiper-wrapper::before {
    content: "";
    flex-shrink: 0;
    order: 9999;
}

.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always;
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after);
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after);
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, 0.15);
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent;
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear;
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000;
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0deg);
    }

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

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

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
    height: 1px;
    width: var(--swiper-virtual-size);
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
    width: 1px;
    height: var(--swiper-virtual-size);
}

:root {
    --swiper-navigation-size: 44px;
}

.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: var(--swiper-navigation-top-offset, 50%);
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - var(--swiper-navigation-size) / 2);
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: 0.35;
    cursor: auto;
    pointer-events: none;
}

.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none;
}

.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
    display: none !important;
}

.swiper-button-next svg,
.swiper-button-prev svg {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transform-origin: center;
}

.swiper-rtl .swiper-button-next svg,
.swiper-rtl .swiper-button-prev svg {
    transform: rotate(180deg);
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 10px);
    right: auto;
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 10px);
    left: auto;
}

.swiper-button-lock {
    display: none;
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1;
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
    content: "prev";
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 10px);
    left: auto;
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
    content: "next";
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: 0.3s opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0;
}

.swiper-pagination-disabled>.swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
    display: none !important;
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: var(--swiper-pagination-bottom, 0px);
    top: var(--swiper-pagination-top, auto);
    left: 0;
    width: 100%;
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(0.33);
    position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(0.33);
}

.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    display: inline-block;
    border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
}

.swiper-pagination-bullet:only-child {
    display: none !important;
}

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical>.swiper-pagination-bullets {
    right: var(--swiper-pagination-right, 8px);
    left: var(--swiper-pagination-left, auto);
    top: 50%;
    transform: translate3d(0px, -50%, 0);
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: 0.2s transform, 0.2s top;
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: 0.2s transform, 0.2s left;
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: 0.2s transform, 0.2s right;
}

.swiper-pagination-fraction {
    color: var(--swiper-pagination-fraction-color, inherit);
}

.swiper-pagination-progressbar {
    background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
    position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top;
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top;
}

.swiper-horizontal>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: var(--swiper-pagination-progressbar-size, 4px);
    left: 0;
    top: 0;
}

.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical>.swiper-pagination-progressbar {
    width: var(--swiper-pagination-progressbar-size, 4px);
    height: 100%;
    left: 0;
    top: 0;
}

.swiper-pagination-lock {
    display: none;
}

.swiper-scrollbar {
    border-radius: var(--swiper-scrollbar-border-radius, 10px);
    position: relative;
    touch-action: none;
    background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1));
}

.swiper-scrollbar-disabled>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
    display: none !important;
}

.swiper-horizontal>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
    position: absolute;
    left: var(--swiper-scrollbar-sides-offset, 1%);
    bottom: var(--swiper-scrollbar-bottom, 4px);
    top: var(--swiper-scrollbar-top, auto);
    z-index: 50;
    height: var(--swiper-scrollbar-size, 4px);
    width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}

.swiper-scrollbar.swiper-scrollbar-vertical,
.swiper-vertical>.swiper-scrollbar {
    position: absolute;
    left: var(--swiper-scrollbar-left, auto);
    right: var(--swiper-scrollbar-right, 4px);
    top: var(--swiper-scrollbar-sides-offset, 1%);
    z-index: 50;
    width: var(--swiper-scrollbar-size, 4px);
    height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));
    border-radius: var(--swiper-scrollbar-border-radius, 10px);
    left: 0;
    top: 0;
}

.swiper-scrollbar-cursor-drag {
    cursor: move;
}

.swiper-scrollbar-lock {
    display: none;
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.swiper-slide-zoomed {
    cursor: move;
    touch-action: none;
}

.swiper .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000;
}

.swiper-free-mode>.swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto;
}

.swiper-grid>.swiper-wrapper {
    flex-wrap: wrap;
}

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

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

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

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

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

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

.swiper-cube {
    overflow: visible;
}

.swiper-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%;
}

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

.swiper-cube.swiper-rtl .swiper-slide {
    transform-origin: 100% 0;
}

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

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible;
}

.swiper-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 100%;
    opacity: 0.6;
    z-index: 0;
}

.swiper-cube .swiper-cube-shadow:before {
    content: "";
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    filter: blur(50px);
}

.swiper-cube .swiper-slide-next+.swiper-slide {
    pointer-events: auto;
    visibility: visible;
}

.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.swiper-flip {
    overflow: visible;
}

.swiper-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
}

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

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

.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.swiper-creative .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    transition-property: transform, opacity, height;
}

.swiper-cards {
    overflow: visible;
}

.swiper-cards .swiper-slide {
    transform-origin: center bottom;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
}

@media (min-width: 1454px) {

    .container-xxl,
    .container-xl,
    .container-lg,
    .container-md,
    .container-sm,
    .container {
        max-width: 1434px;
    }
}

.btn-star {
    background: #FF9101;
    transition: all 0.3s ease;
    color: #fff;
}

.btn-star:hover,
.btn-star:active,
.btn-star:focus {
    background: #cd7400 !important;
    border-color: #cd7400 !important;
}

.no-spin::-webkit-outer-spin-button,
.no-spin::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.no-spin {
    -moz-appearance: textfield;
}

a {
    text-decoration: none;
    color: #333;
    display: inline-block;
    transition: 0.3s;
}

a:hover,
a:active,
a:focus {
    text-decoration: none;
}

i {
    font-weight: 400;
}

#clear {
    clear: both;
}

.fw-300 {
    font-weight: 300 !important;
}

.fw-400 {
    font-weight: 400 !important;
}

.fw-500 {
    font-weight: 500 !important;
}

.fw-600 {
    font-weight: 600 !important;
}

.fw-700 {
    font-weight: 700 !important;
}

.fw-800 {
    font-weight: 800 !important;
}

.fw-900 {
    font-weight: 900 !important;
}

.fs-10px {
    font-size: 10px !important;
}

.fs-11px {
    font-size: 11px !important;
}

.fs-12px {
    font-size: 12px !important;
}

.fs-13px {
    font-size: 13px !important;
}

.fs-14px {
    font-size: 14px !important;
}

.fs-15px {
    font-size: 15px !important;
}

.fs-16px {
    font-size: 16px !important;
}

.fs-18px {
    font-size: 18px !important;
}

.fs-20px {
    font-size: 20px !important;
}

.fs-22px {
    font-size: 22px !important;
}

.fs-24px {
    font-size: 24px !important;
}

.fs-26px {
    font-size: 26px !important;
}

.fs-28px {
    font-size: 28px !important;
}

.fs-30px {
    font-size: 30px !important;
}

.fs-32px {
    font-size: 32px !important;
}

.min-height-100px {
    min-height: 100px;
}

/*Float Value*/
.float-rank {
    position: relative;
    height: 6px;
    margin: -10px auto auto;
    grid-column: 1/3;
}

.float-rank .label {
    color: #000;
    font-size: 12px;
    top: -2em;
    margin-left: auto;
    margin-right: auto;
    width: max-content;
    left: 0;
    right: 0;
}

.float-rank[data-rank=""] {
    visibility: hidden;
}

.float-rank .point {
    position: absolute;
    margin-left: 0;
    top: -60%;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-bottom-width: 6px;
    border-right: 6px solid transparent;
    border-top: 6px solid #000000;
    z-index: 6;
}

.float-rank .fn {
    width: 7%;
    background-color: #060;
    z-index: 5;
}

.float-rank .mw {
    width: 15%;
    background-color: #6c0;
    z-index: 4;
}

.float-rank .ft {
    width: 37%;
    background-color: #fc3;
    z-index: 3;
}

.float-rank .ww {
    width: 44%;
    background-color: #c00;
    z-index: 2;
}

.float-rank .bs {
    width: 100%;
    background-color: #900;
    z-index: 1;
}

.float-rank>* {
    position: absolute;
    height: 100%;
    left: 0;
    border-radius: 4px;
}

/*Float Value*/
.cheap-games .game-price-card {
    position: relative;
    display: block;
    height: 98px;
    border-radius: 10px;
    overflow: hidden;
    text-decoration: none !important;
    color: #fff !important;
    border: 1px solid rgba(255, 255, 255, 0.12);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.18);
    transition: all 0.25s ease;
    background: #0b1020;
    margin-bottom: 15px;
}

.cheap-games .game-price-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 18px 38px rgba(0, 0, 0, 0.28);
}

.cheap-games .game-price-card:before {
    content: "";
    position: absolute;
    inset: -1px;
    background: linear-gradient(120deg, rgba(0, 255, 255, 0.4), rgba(255, 0, 153, 0.35), rgba(0, 255, 128, 0.35));
    filter: blur(10px);
    opacity: 0.6;
    z-index: 0;
}

.cheap-games .gpc-bg {
    position: absolute;
    inset: 0;
    background: linear-gradient(rgba(255, 255, 255, 0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.05) 1px, transparent 1px);
    background-size: 18px 18px;
    opacity: 0.35;
    z-index: 1;
}

.cheap-games .gpc-scanlines {
    position: absolute;
    inset: 0;
    background: repeating-linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 2px, rgba(0, 0, 0, 0.18) 3px);
    opacity: 0.25;
    z-index: 2;
}

.cheap-games .gpc-body {
    position: relative;
    z-index: 3;
    height: 100%;
    padding: 12px 12px 18px;
    display: flex;
    align-items: center;
}

.cheap-games .gpc-left {
    display: flex;
    align-items: center;
    gap: 10px;
}

.cheap-games .gpc-icon {
    width: 44px;
    height: 44px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.14);
    font-size: 22px;
}

.cheap-games .gpc-amount {
    font-size: 20px;
    font-weight: 600;
    line-height: 1.05;
}

.cheap-games .gpc-label {
    font-size: 11px;
    font-weight: 400;
    letter-spacing: 0.6px;
    text-transform: uppercase;
}

.cheap-games .gpc-badge {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 10px;
    padding: 4px 8px;
    border-radius: 999px;
    background: rgba(0, 0, 0, 0.35);
    border: 1px solid rgba(255, 255, 255, 0.12);
    z-index: 4;
}

.cheap-games .gpc-bar {
    position: absolute;
    left: 12px;
    right: 12px;
    bottom: 10px;
    height: 6px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.1);
    overflow: hidden;
    z-index: 4;
}

.cheap-games .gpc-bar-fill {
    height: 100%;
    display: block;
    background: linear-gradient(90deg, #00ffd5, #ff3cac);
}

.cheap-games .gpc-glow {
    position: absolute;
    inset: 0;
    opacity: 0;
    background: radial-gradient(circle at 30% 40%, rgba(0, 255, 255, 0.25), transparent 55%);
    transition: opacity 0.25s ease;
}

.cheap-games .game-price-card:hover .gpc-glow {
    opacity: 1;
}

@media (max-width: 576px) {
    .cheap-games .game-price-card {
        height: 94px;
    }

    .cheap-games .gpc-amount {
        font-size: 18px;
    }

    .cheap-games .gpc-label {
        font-size: 10px;
    }
}

.gift-cards .gift-card-clean {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 25px 10px;
    border-radius: 4px;
    overflow: hidden;
    background: #1a1a1a;
    transition: background 0.3s ease;
    text-decoration: none !important;
    min-height: 160px;
}

.gift-cards .card-bg-overlay {
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at top right, rgba(255, 255, 255, 0.1), transparent);
    pointer-events: none;
}

.gift-cards .gift-card-clean .icon-box {
    width: 55px;
    height: 55px;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 12px;
    transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.gift-cards .gift-card-clean .icon-box i {
    font-size: 28px;
    color: #fff;
}

.gift-cards .gift-card-clean .card-info {
    text-align: center;
    display: flex;
    flex-direction: column;
}

.gift-cards .platform-name {
    color: #fff;
    font-weight: 600;
    font-size: 15px;
    letter-spacing: 0.5px;
}

.gift-cards .sub-text {
    color: rgba(255, 255, 255, 0.6);
    font-size: 10px;
    font-weight: 600;
    margin-top: 2px;
}

.gift-cards .gift-card-clean:hover {
    filter: brightness(1.15);
}

.gift-cards .gift-card-clean:hover .icon-box {
    transform: translateY(-5px);
    background: rgba(255, 255, 255, 0.2);
    border-color: rgba(255, 255, 255, 0.4);
}

.gift-cards .gift-card-clean.steam {
    background: #171a21;
}

.gift-cards .gift-card-clean.ps {
    background: #003791;
}

.gift-cards .gift-card-clean.xbox {
    background: #107c10;
}

.gift-cards .gift-card-clean.netflix {
    background: #b20710;
}

.gift-cards .gift-card-clean.geforce {
    background: #76b900;
}

.gift-cards .gift-card-clean.apple {
    background: #000000;
}

.gift-cards .gift-card-clean.google {
    background: #34a853;
}

.gift-cards .gift-card-clean.amazon {
    background: #232f3e;
}

@media (max-width: 768px) {
    .gift-cards .platform-name {
        font-size: 13px;
    }

    .gift-cards .gift-card-clean {
        min-height: 140px;
        padding: 20px 5px;
    }
}

.google-login-btn {
    border-radius: 4px !important;
}

.google-login-btn .google-left-icon {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.15);
}

.google-login-btn .google-left-icon i {
    font-size: 26px;
    color: #fff;
    line-height: 1;
}

.google-login-btn .google-text-title {
    color: #fff;
    font-size: 1.1rem;
    font-weight: 500;
    margin-bottom: 4px;
    /* iki satır arası boşluk */
}

.google-login-btn .google-text-sub {
    color: rgba(255, 255, 255, 0.8);
    /* muted beyaz ton */
    font-size: 0.75rem;
}

#kvkk+.form-check-label {
    font-size: 12px !important;
    line-height: 1.4;
}

.customPopupSwal {
    border-radius: 10px !important;
    text-align: center !important;
    width: 496px !important;
    color: #000 !important;
}

.customPopupSwal .star-rating {
    direction: rtl;
    cursor: default;
    display: flex;
    margin-bottom: 14px;
    margin-top: 14px;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
}

.customPopupSwal .star-rating input[type=radio] {
    display: none;
}

.customPopupSwal .star-rating label {
    color: #bbb !important;
    font-size: 24px;
    padding: 0;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    width: auto;
}

.customPopupSwal .star-rating label:hover,
.customPopupSwal .star-rating label:hover~label,
.customPopupSwal .star-rating input[type=radio]:checked~label {
    color: #f2b600 !important;
}

.swal2-popup button:focus {
    outline: none !important;
    box-shadow: none !important;
}

.swal2-popup button:focus-visible {
    outline: none !important;
    box-shadow: none !important;
}

.customPopupSwal .customPopupTitle {
    display: flex !important;
}

.customPopupSwal .customPopupTitle .customPopupIcon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-right: 10px !important;
    font-size: 20px !important;
    width: 48px !important;
    height: 48px !important;
    border-radius: 8px !important;
    color: #fff !important;
}

.customPopupSwal .customPopupTitle .customPopupIcon img {
    width: 40px !important;
    padding: 7px !important;
}

.customPopupSwal .customPopupTitleDetail {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    gap: 0.25rem !important;
}

.customPopupSwal .customPopupTitleDetail .customPopupCategory {
    font-size: 18px !important;
}

.customPopupSwal .customPopupTitleDetail .customPopupAdvertOrProductName {
    font-size: 12px !important;
    font-weight: 400 !important;
    float: left !important;
    text-align: left !important;
}

/* media query 991 */
@media (max-width: 991px) {
    .customPopupSwal .customPopupTitleDetail .customPopupAdvertOrProductName {
        width: 220px !important;
        line-height: 15px !important;
    }

    section.profilee .cover {
        padding-bottom: 0;
    }
}

/* media query 991 */
.customPopupSwal .customPopupCloseButton {
    width: 2rem !important;
    height: 2rem !important;
    border-radius: 100% !important;
    background-color: #3d5afe !important;
    font-size: 20px !important;
    position: absolute !important;
    margin-top: 30px !important;
    margin-right: 20px !important;
    font-weight: 100 !important;
    color: #fff;
}

.customPopupSwal .customPopupCloseButton:hover {
    background-color: rgb(51, 78, 228) !important;
    color: white !important;
}

.customPopupSwal .customConfirmButton {
    width: 96% !important;
    /* w-full */
    background-color: #11d377 !important;
    /* bg-[#11d377] */
    border-radius: 0.25rem;
    /* rounded */
    color: #ffffff !important;
    /* text-white */
    font-size: 1rem !important;
    /* text-xs */
    position: relative !important;
    /* relative */
    overflow: hidden !important;
    /* overflow-hidden */
    padding-left: 1rem !important;
    /* px-4 */
    padding-right: 1rem !important;
    /* px-4 */
    margin-left: 20px !important;
    margin-right: 20px !important;
    margin-top: 10px !important;
}

.customPopupSwal .customConfirmButton:hover {
    background-color: #10c56f !important;
    /* hover-btn-sgreen */
}

.customPopupSwal .swal2-title {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    border-bottom: 1px solid #eee !important;
    padding: 20px 20px !important;
    padding-bottom: 20px !important;
}

.customPopupSwal .swal2-html-container {
    text-align: left !important;
    font-size: 16px !important;
    margin: 0px 0.1em -7px !important;
    padding-top: 20px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    padding-bottom: 0px !important;
    overflow: hidden !important;
}

.customPopupSwal .swal2-html-container .mb-2 {
    margin-bottom: 0.8rem !important;
}

.customPopupSwal .swal2-html-container hr {
    width: 100vw !important;
    position: relative !important;
    left: calc(-50vw + 50%) !important;
    border-top: 1px solid #eeeeee !important;
    opacity: 1 !important;
    margin-top: 20px !important;
}

.customPopupSwal .swal2-html-container .scrollarea {
    background: transparent !important;
    padding: 0 !important;
    border-radius: 0 !important;
    overflow-y: scroll !important;
    -webkit-overflow-scrolling: touch !important;
    max-height: 310px !important;
    touch-action: pan-y !important;
    overscroll-behavior: contain !important;
}

.customPopupSwal .swal2-html-container .scrollarea::-webkit-scrollbar-thumb {
    background: #b2b2b2 !important;
}

.customPopupSwal .swal2-html-container .scrollarea::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.03) !important;
}

.customPopupSwal .swal2-html-container .scrollarea p.big {
    font-size: 16px !important;
    text-align: left !important;
}

.customPopupSwal .swal2-html-container .game-accounts-dropdown .game-accounts-btn {
    width: 100% !important;
    border-radius: 0 !important;
    height: 56px !important;
    border: 2px solid #e5e7eb !important;
}

.customPopupSwal .swal2-html-container input[type=text],
.customPopupSwal .swal2-html-container input[type=text] input[type=number] {
    padding-top: 0.75rem !important;
    /* py-3 */
    padding-bottom: 0.75rem !important;
    /* py-3 */
    padding-left: 1rem !important;
    /* px-4 */
    padding-right: 1rem !important;
    /* px-4 */
    height: 56px !important;
    /* Display and width */
    display: block !important;
    /* block */
    width: 100% !important;
    /* w-full */
    /* Border */
    border-radius: 0.125rem !important;
    /* rounded-sm */
    border: 2px solid #e5e7eb !important;
    /* border-gray-200 border-2 */
    /* Text */
    font-size: 1.125rem !important;
}

.customPopupSwal .swal2-html-container .message textarea {
    padding-top: 0.75rem !important;
    /* py-3 */
    padding-bottom: 0.75rem !important;
    /* py-3 */
    padding-left: 1rem !important;
    /* px-4 */
    padding-right: 1rem !important;
    /* px-4 */
    /* Display and width */
    display: block !important;
    /* block */
    width: 100% !important;
    /* w-full */
    /* Border */
    border-radius: 0.125rem !important;
    /* rounded-sm */
    border: 2px solid #e5e7eb !important;
    /* border-gray-200 border-2 */
    /* Text */
    font-size: 1.125rem !important;
}

.customPopupSwal .swal2-html-container input[type=text]:focus,
input[type=number]:focus {
    border: 2px solid #10b981 !important;
    /* focus:border-sgreen */
    outline: none !important;
    /* Tailwind'ın focus:ring için outline kaldırması */
}

.customPopupSwal .swal2-actions {
    margin: inherit !important;
}

.swal2-container.swal2-backdrop-show:not(.swal2-top-right),
.swal2-container.swal2-noanimation:not(.swal2-top-right) {
    background: rgba(0, 0, 0, 0.8) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(4px);
}

.kurumsalPanelBody .card-body {
    padding: 20px 10px !important;
}

.kurumsalPanelBody .announcements {
    padding-top: 0 !important;
}

.kurumsalPanelBody .announcements .items .item {
    background-color: #efefef !important;
}

.kurumsalPanelBody .container-xxl {
    padding: 0 !important;
}

section.blog .detailbox figure.table table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #f1f1f1;
}

section.blog .detailbox figure.table table thead th {
    background-color: #f1f1f1;
    padding: 5px;
    border: 1px solid #f1f1f1;
    font-weight: 500;
}

section.blog .detailbox figure.table table thead td {
    border: 1px solid #f1f1f1;
}

section.blog .detailbox figure.table table tbody tr td {
    border: 1px solid #f1f1f1;
    padding: 6px;
    font-size: 16px;
}

section.hero {
    padding: 0 0 30px 0;
    background-color: #fff !important;
}

.hero .hero-title {
    color: #FFF;
    font-size: 28px;
    font-family: "samsungsharpsans", serif;
    font-weight: 700;
    line-height: 1.5;
}

.hero .hero-btn {
    background: rgba(255, 255, 255, 0.3);
    backdrop-filter: blur(10px);
    color: #FF9101;
    font-size: 15px;
    padding: 16px 24px;
    border-radius: 30px;
    transition: all 0.3s ease;
    font-weight: 600;
    display: flex;
    align-items: center;
}

.hero .hero-btn:hover {
    background: #FF9101;
    color: #FFF;
}

.sub-hero .sub-item {
    position: relative;
    display: flex;
    border-radius: 4px;
    transition: all 0.3s ease-in-out;
    padding: 0 2px;
}

.sub-hero .sub-item .details {
    position: absolute;
    display: flex;
    flex-direction: column;
    transition: all 0.3s ease-in-out;
    margin-left: 23px;
    height: 100%;
    justify-content: center;
}

.sub-hero .sub-item .details .subTitle {
    font-family: SamsungSharpSans, serif;
    font-size: 16px;
    line-height: normal;
    color: #fff;
}

.sub-hero .sub-item .details .title {
    font-family: SamsungSharpSans, serif;
    font-size: 20px;
    line-height: normal;
    color: #fff;
    font-weight: 700;
}

.sub-hero .sub-item .discount {
    position: absolute;
    top: -12px;
    left: 24px;
    font-family: "Nexa", serif;
    font-weight: 700;
    color: #FFF;
    background: #11d377;
    font-size: 14px;
    line-height: 24px;
    padding: 2px 14px 0;
    border-radius: 20px;
    transition: all 0.3s ease-in-out;
}

.sub-hero .sub-item img {
    border-radius: 4px;
}

.sub-hero .sub-item .hover-icon {
    color: #FFF;
    font-size: 22px;
    position: absolute;
    left: 2px;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.3s ease;
    overflow: hidden;
    width: 5px;
    height: 60px;
    display: flex;
    align-items: center;
    background: #3D5AFE;
    justify-content: center;
    border-radius: 0 6px 6px 0;
    text-indent: -100px;
}

.sub-hero .sub-item .hover-icon.pubg {
    background: #de8d00;
}

.sub-hero .sub-item .hover-icon.valorant {
    background: #ff4454;
}

.sub-hero .sub-item .hover-icon.brawl {
    background: #fe1114;
}

.sub-hero .sub-item .hover-icon.mobilelegends {
    background: #2633e8;
}

.sub-hero .sub-item .hover-icon.cs2 {
    background: #28397f;
}

.sub-hero .sub-item .hover-icon.lol {
    background: #b39556;
}

.sub-hero .sub-item .hover-icon.roblox {
    background: #000000;
}

.sub-hero .sub-item .hover-icon.whiteout {
    background: #000000;
}

.sub-hero .sub-item .hover-icon.ozelgun {
    background: #e62929;
}

.sub-hero .sub-item .hover-icon.pink {
    background: #F035C6;
}

.sub-hero .sub-item .hover-icon.orange {
    background: #FF9101;
}

.sub-hero .sub-item .hover-icon.green {
    background: #11d377;
}

.sub-hero .sub-item .hover-icon.red {
    background: #FB4242;
}

.sub-hero .sub-item .hover-icon.beige {
    background: #DCBA7A;
}

.sub-hero .sub-item .hover-icon.black {
    background: #111;
}

.hero-slider {
    width: 100%;
    overflow: hidden;
    position: relative;
    padding: 0;
    margin: 0 0 30px 0;
    border-radius: 4px;
}

.hero-slider .main-slider .swiper-slide {
    height: auto;
    max-height: 500px;
    overflow: hidden;
    border-radius: 4px;
}

.hero-slider .main-slider .swiper-slide:before {
    content: " ";
    position: absolute;
    background: #DCBA7A;
    width: 8px;
    height: 296px;
    transition: 0.3s;
    z-index: 4;
    border-radius: 0 10px 10px 0;
    top: 50%;
    transform: translateY(-60%);
}

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

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

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

.hero-slider .main-slider .swiper-slide.brawl:before {
    background: #f01919;
}

.hero-slider .main-slider .swiper-slide.mobilelegends:before {
    background: #c79b3b;
}

.hero-slider .main-slider .swiper-slide.cs2:before {
    background: #f89e1c;
}

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

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

.hero-slider .main-slider .swiper-slide.whiteout:before {
    background: #ffdc5c;
}

.hero-slider .main-slider .swiper-slide.ozelgun:before {
    background: #e62929;
}

.hero-slider .main-slider .swiper-slide.pink:before {
    background: #F035C6;
}

.hero-slider .main-slider .swiper-slide.orange:before {
    background: #FF9101;
}

.hero-slider .main-slider .swiper-slide.green:before {
    background: #11d377;
}

.hero-slider .main-slider .swiper-slide.red:before {
    background: #FB4242;
}

.hero-slider .main-slider .swiper-slide.beige:before {
    background: #DCBA7A;
}

.hero-slider .main-slider .swiper-slide.black:before {
    background: #111;
}

.hero-slider .main-slider .swiper-slide.blue:before {
    background: #425efe;
}

.hero-slider .main-slider .swiper-slide.pubg .txt-content .round-btn {
    border-color: #de8d00;
    color: #de8d00;
    fill: #de8d00;
}

.hero-slider .main-slider .swiper-slide.valorant .txt-content .round-btn {
    border-color: #ff4655;
    color: #ff4655;
    fill: #ff4655;
}

.hero-slider .main-slider .swiper-slide.freefire .txt-content .round-btn {
    border-color: #ffb900;
    color: #ffb900;
    fill: #ffb900;
}

.hero-slider .main-slider .swiper-slide.brawl .txt-content .round-btn {
    border-color: #f01919;
    color: #f01919;
    fill: #f01919;
}

.hero-slider .main-slider .swiper-slide.mobilelegends .txt-content .round-btn {
    border-color: #c79b3b;
    color: #c79b3b;
    fill: #c79b3b;
}

.hero-slider .main-slider .swiper-slide.cs2 .txt-content .round-btn {
    border-color: #f89e1c;
    color: #f89e1c;
    fill: #f89e1c;
}

.hero-slider .main-slider .swiper-slide.lol .txt-content .round-btn {
    border-color: #c79b3b;
    color: #c79b3b;
    fill: #c79b3b;
}

.hero-slider .main-slider .swiper-slide.roblox .txt-content .round-btn {
    border-color: #d7200a;
    color: #d7200a;
    fill: #d7200a;
}

.hero-slider .main-slider .swiper-slide.whiteout .txt-content .round-btn {
    border-color: #ffdc5c;
    color: #ffdc5c;
    fill: #ffdc5c;
}

.hero-slider .main-slider .swiper-slide.ozelgun .txt-content .round-btn {
    border-color: #e62929;
    color: #e62929;
    fill: #e62929;
}

.hero-slider .main-slider .swiper-slide.pink .txt-content .round-btn {
    border-color: #F035C6;
    color: #F035C6;
    fill: #F035C6;
}

.hero-slider .main-slider .swiper-slide.orange .txt-content .round-btn {
    border-color: #FF9101;
    color: #FF9101;
    fill: #FF9101;
}

.hero-slider .main-slider .swiper-slide.green .txt-content .round-btn {
    border-color: #11d377;
    color: #11d377;
    fill: #11d377;
}

.hero-slider .main-slider .swiper-slide.red .txt-content .round-btn {
    border-color: #FB4242;
    color: #FB4242;
    fill: #FB4242;
}

.hero-slider .main-slider .swiper-slide.beige .txt-content .round-btn {
    border-color: #DCBA7A;
    color: #DCBA7A;
    fill: #DCBA7A;
}

.hero-slider .main-slider .swiper-slide.black .txt-content .round-btn {
    border-color: #111;
    color: #111;
    fill: #111;
}

.hero-slider .main-slider .swiper-slide.blue .txt-content .round-btn {
    border-color: #425efe;
    color: #425efe;
    fill: #425efe;
}

.hero-slider .main-slider .swiper-slide a {
    display: block;
}

.hero-slider .main-slider .swiper-slide img {
    border-radius: 4px;
    position: relative;
    z-index: 1;
}

.hero-slider .main-slider .swiper-slide .txt-content {
    position: absolute;
    left: 73px;
    top: 0;
    width: 50%;
    height: calc(100% - 80px);
    display: flex;
    justify-content: center;
    align-items: flex-start;
    z-index: 5;
    color: #FFF;
    flex-direction: column;
    padding: 50px 0 0 0;
}

.hero-slider .main-slider .swiper-slide .txt-content .round-btn {
    display: block;
    font-size: 16px;
    color: #dcba7a;
    border: 1px solid #dcba7a;
    padding: 4px 22px;
    border-radius: 30px;
    margin: 0 0 26px 0;
}

.hero-slider .main-slider .swiper-slide .txt-content .top-title {
    display: block;
    font-size: 22px;
    font-family: "Nexa", serif;
    line-height: 1.2;
}

.hero-slider .main-slider .swiper-slide .txt-content .main-title {
    display: block;
    font-size: 30px;
    font-family: "Nexa", serif;
    line-height: 1.5;
    font-weight: 600;
}

.hero-slider .main-slider .swiper-slide .txt-content .sub-title {
    display: block;
    line-height: 1.2;
    font-size: 16px;
    font-weight: 300;
}

.hero-slider .swiper-pagination {
    display: flex;
    height: 80px;
    align-items: center;
    justify-content: space-around;
    width: 100%;
    border-radius: 0 0 10px 10px;
    overflow: hidden;
}

.hero-slider .swiper-pagination .hero-tumb {
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    width: 100%;
    height: 80px;
    border-radius: 0;
    background: rgba(255, 255, 255, 0.3);
    backdrop-filter: blur(15px);
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px 25px;
    opacity: 1;
    transition: all 0.3s ease;
}

.hero-slider .swiper-pagination .hero-tumb img,
.hero-slider .swiper-pagination .hero-tumb svg {
    width: 100%;
    height: 100%;
    max-width: 90px;
    max-height: 40px;
    fill: #FFF;
    filter: brightness(0) invert(1);
}

.hero-slider .swiper-pagination .hero-tumb.swiper-pagination-bullet-active {
    background: rgba(0, 0, 0, 0.15);
    border-top: 6px solid #DCBA7A;
    color: #DCBA7A;
    fill: #DCBA7A;
    padding-top: 9px;
}

.hero-slider .swiper-pagination .hero-tumb.swiper-pagination-bullet-active svg {
    filter: initial;
}

.hero-slider .swiper-pagination .hero-tumb.swiper-pagination-bullet-active svg * {
    fill: #8f8fb5;
}

.hero-slider .swiper-pagination .hero-tumb.pubg.swiper-pagination-bullet-active {
    border-top-color: #de8d00;
    color: #de8d00;
    fill: #de8d00;
}

.hero-slider .swiper-pagination .hero-tumb.pubg.swiper-pagination-bullet-active svg {
    filter: initial;
    fill: #de8d00;
}

.hero-slider .swiper-pagination .hero-tumb.pubg.swiper-pagination-bullet-active svg * {
    fill: #de8d00;
}

.hero-slider .swiper-pagination .hero-tumb.valorant.swiper-pagination-bullet-active {
    border-top-color: #ff4655;
    color: #ff4655;
    fill: #ff4655;
}

.hero-slider .swiper-pagination .hero-tumb.valorant.swiper-pagination-bullet-active svg {
    filter: initial;
    fill: #ff4655;
}

.hero-slider .swiper-pagination .hero-tumb.valorant.swiper-pagination-bullet-active svg * {
    fill: #ff4655;
}

.hero-slider .swiper-pagination .hero-tumb.freefire.swiper-pagination-bullet-active {
    border-top-color: #ffb900;
    color: #ffb900;
    fill: #ffb900;
}

.hero-slider .swiper-pagination .hero-tumb.freefire.swiper-pagination-bullet-active svg {
    filter: initial;
    fill: #ffb900;
}

.hero-slider .swiper-pagination .hero-tumb.freefire.swiper-pagination-bullet-active svg * {
    fill: #ffb900;
}

.hero-slider .swiper-pagination .hero-tumb.brawl.swiper-pagination-bullet-active {
    border-top-color: #f01919;
    color: #f01919;
    fill: #f01919;
}

.hero-slider .swiper-pagination .hero-tumb.brawl.swiper-pagination-bullet-active svg {
    filter: initial;
    fill: #f01919;
}

.hero-slider .swiper-pagination .hero-tumb.brawl.swiper-pagination-bullet-active svg * {
    fill: #f01919;
}

.hero-slider .swiper-pagination .hero-tumb.mobilelegends.swiper-pagination-bullet-active {
    border-top-color: #c79b3b;
    color: #c79b3b;
    fill: #c79b3b;
}

.hero-slider .swiper-pagination .hero-tumb.mobilelegends.swiper-pagination-bullet-active svg {
    filter: initial;
    fill: #c79b3b;
}

.hero-slider .swiper-pagination .hero-tumb.mobilelegends.swiper-pagination-bullet-active svg * {
    fill: #c79b3b;
}

.hero-slider .swiper-pagination .hero-tumb.cs2.swiper-pagination-bullet-active {
    border-top-color: #f89e1c;
    color: #f89e1c;
    fill: #f89e1c;
}

.hero-slider .swiper-pagination .hero-tumb.cs2.swiper-pagination-bullet-active svg {
    filter: initial;
    fill: #f89e1c;
}

.hero-slider .swiper-pagination .hero-tumb.cs2.swiper-pagination-bullet-active svg * {
    fill: #f89e1c;
}

.hero-slider .swiper-pagination .hero-tumb.lol.swiper-pagination-bullet-active {
    border-top-color: #c79b3b;
    color: #c79b3b;
    fill: #c79b3b;
}

.hero-slider .swiper-pagination .hero-tumb.lol.swiper-pagination-bullet-active svg {
    filter: initial;
    fill: #c79b3b;
}

.hero-slider .swiper-pagination .hero-tumb.lol.swiper-pagination-bullet-active svg * {
    fill: #c79b3b;
}

.hero-slider .swiper-pagination .hero-tumb.roblox.swiper-pagination-bullet-active {
    border-top-color: #d7200a;
    color: #d7200a;
    fill: #d7200a;
}

.hero-slider .swiper-pagination .hero-tumb.roblox.swiper-pagination-bullet-active svg {
    filter: initial;
    fill: #d7200a;
}

.hero-slider .swiper-pagination .hero-tumb.roblox.swiper-pagination-bullet-active svg * {
    fill: #d7200a;
}

.hero-slider .swiper-pagination .hero-tumb.whiteout.swiper-pagination-bullet-active {
    border-top-color: #ffdc5c;
    color: #ffdc5c;
    fill: #ffdc5c;
}

.hero-slider .swiper-pagination .hero-tumb.whiteout.swiper-pagination-bullet-active svg {
    filter: initial;
    fill: #ffdc5c;
}

.hero-slider .swiper-pagination .hero-tumb.whiteout.swiper-pagination-bullet-active svg * {
    fill: #ffdc5c;
}

.hero-slider .swiper-pagination .hero-tumb.ozelgun.swiper-pagination-bullet-active {
    border-top-color: #e62929;
    color: #e62929;
    fill: #e62929;
}

.hero-slider .swiper-pagination .hero-tumb.ozelgun.swiper-pagination-bullet-active svg {
    filter: initial;
    fill: #e62929;
}

.hero-slider .swiper-pagination .hero-tumb.ozelgun.swiper-pagination-bullet-active svg * {
    fill: #e62929;
}

.hero-slider .swiper-pagination .hero-tumb.pink.swiper-pagination-bullet-active {
    border-top-color: #F035C6;
    color: #F035C6;
    fill: #F035C6;
}

.hero-slider .swiper-pagination .hero-tumb.pink.swiper-pagination-bullet-active svg {
    filter: initial;
}

.hero-slider .swiper-pagination .hero-tumb.pink.swiper-pagination-bullet-active img {
    filter: brightness(0) saturate(100%) invert(43%) sepia(92%) saturate(4023%) hue-rotate(289deg) brightness(94%) contrast(100%);
}

.hero-slider .swiper-pagination .hero-tumb.orange.swiper-pagination-bullet-active {
    border-top-color: #FF9101;
    color: #FF9101;
    fill: #FF9101;
}

.hero-slider .swiper-pagination .hero-tumb.orange.swiper-pagination-bullet-active svg {
    filter: initial;
}

.hero-slider .swiper-pagination .hero-tumb.orange.swiper-pagination-bullet-active img {
    filter: brightness(0) saturate(100%) invert(51%) sepia(75%) saturate(984%) hue-rotate(0deg) brightness(103%) contrast(103%);
}

.hero-slider .swiper-pagination .hero-tumb.green.swiper-pagination-bullet-active {
    border-top-color: #11d377;
    color: #11d377;
    fill: #11d377;
}

.hero-slider .swiper-pagination .hero-tumb.green.swiper-pagination-bullet-active svg {
    filter: initial;
}

.hero-slider .swiper-pagination .hero-tumb.green.swiper-pagination-bullet-active img {
    filter: brightness(0) saturate(100%) invert(58%) sepia(76%) saturate(467%) hue-rotate(89deg) brightness(91%) contrast(92%);
}

.hero-slider .swiper-pagination .hero-tumb.red.swiper-pagination-bullet-active {
    border-top-color: #FB4242;
    color: #FB4242;
    fill: #FB4242;
}

.hero-slider .swiper-pagination .hero-tumb.red.swiper-pagination-bullet-active svg {
    filter: initial;
}

.hero-slider .swiper-pagination .hero-tumb.red.swiper-pagination-bullet-active img {
    filter: brightness(0) saturate(100%) invert(57%) sepia(82%) saturate(4760%) hue-rotate(332deg) brightness(92%) contrast(114%);
}

.hero-slider .swiper-pagination .hero-tumb.beige.swiper-pagination-bullet-active {
    border-top-color: #DCBA7A;
    color: #DCBA7A;
    fill: #DCBA7A;
}

.hero-slider .swiper-pagination .hero-tumb.beige.swiper-pagination-bullet-active svg {
    filter: initial;
}

.hero-slider .swiper-pagination .hero-tumb.beige.swiper-pagination-bullet-active img {
    filter: brightness(0) saturate(100%) invert(96%) sepia(3%) saturate(7226%) hue-rotate(320deg) brightness(94%) contrast(83%);
}

.hero-slider .swiper-pagination .hero-tumb.black.swiper-pagination-bullet-active {
    border-top-color: #111;
    color: #111;
    fill: #111;
}

.hero-slider .swiper-pagination .hero-tumb.black.swiper-pagination-bullet-active svg {
    filter: initial;
}

.hero-slider .swiper-pagination .hero-tumb.black.swiper-pagination-bullet-active img {
    filter: brightness(0) saturate(100%) invert(0%) sepia(94%) saturate(4447%) hue-rotate(59deg) brightness(98%) contrast(87%);
}

.hero-slider .swiper-pagination .hero-tumb.blue.swiper-pagination-bullet-active {
    border-top-color: #425efe;
    color: #425efe;
    fill: #425efe;
}

.hero-slider .swiper-pagination .hero-tumb.blue.swiper-pagination-bullet-active svg {
    filter: initial;
}

.hero-slider .swiper-pagination .hero-tumb.blue.swiper-pagination-bullet-active img {
    filter: brightness(0) saturate(100%) invert(39%) sepia(64%) saturate(5497%) hue-rotate(224deg) brightness(99%) contrast(103%);
}

.hero-slider .swiper-pagination .hero-tumb:first-child {
    border-left: 0px solid #FFF;
}

.hero-slider .swiper-pagination .hero-tumb.pubg.swiper-pagination-bullet-active svg {
    fill: #de8d00;
}

.hero-slider .swiper-pagination .hero-tumb.valorant.swiper-pagination-bullet-active svg {
    fill: #ff4454;
}

.hero-slider .swiper-pagination .hero-tumb.brawl.swiper-pagination-bullet-active svg {
    fill: #fe1114;
}

.hero-slider .swiper-pagination .hero-tumb.mobilelegends.swiper-pagination-bullet-active svg {
    fill: #2633e8;
}

.hero-slider .swiper-pagination .hero-tumb.cs2.swiper-pagination-bullet-active svg {
    fill: #28397f;
}

.hero-slider .swiper-pagination .hero-tumb.lol.swiper-pagination-bullet-active svg {
    fill: #b39556;
}

.hero-slider .swiper-pagination .hero-tumb.roblox.swiper-pagination-bullet-active svg {
    fill: #000000;
}

.hero-slider .swiper-pagination .hero-tumb.whiteout.swiper-pagination-bullet-active svg {
    fill: #000000;
}

.hero-slider .swiper-pagination .hero-tumb.ozelgun.swiper-pagination-bullet-active svg {
    fill: #e62929;
}

.hero-slider .swiper-pagination .hero-tumb.swiper-pagination-bullet-active svg {
    fill: #DCBA7A;
}

.hero-slider .swiper-pagination .hero-tumb.pink.swiper-pagination-bullet-active svg {
    fill: #F035C6;
}

.hero-slider .swiper-pagination .hero-tumb.orange.swiper-pagination-bullet-active svg {
    fill: #FF9101;
}

.hero-slider .swiper-pagination .hero-tumb.green.swiper-pagination-bullet-active svg {
    fill: #11d377;
}

.hero-slider .swiper-pagination .hero-tumb.red.swiper-pagination-bullet-active svg {
    fill: #FB4242;
}

.hero-slider .swiper-pagination .hero-tumb.beige.swiper-pagination-bullet-active svg {
    fill: #DCBA7A;
}

.hero-slider .swiper-pagination .hero-tumb.black.swiper-pagination-bullet-active svg {
    fill: #111;
}

.hero-slider .swiper-pagination .hero-tumb.blue.swiper-pagination-bullet-active svg {
    fill: #425efe;
}

.footer-top {
    background: #242424;
}

.footer-middle {
    background: #1E1E1F;
}

.footer-bottom {
    background: #1E1E1F;
    border-top: 1px solid #353536;
}

.footer-top .py {
    padding-top: 25px;
    padding-bottom: 25px;
}

.footer-bottom .py1,
.footer-bottom .py2 {
    padding: 20px;
}

.g-10px {
    --bs-gutter-y: 10px;
    --bs-gutter-x: 10px;
}

.g-15px {
    --bs-gutter-y: 15px;
    --bs-gutter-x: 15px;
}

.g-20px {
    --bs-gutter-y: 20px;
    --bs-gutter-x: 20px;
}

.g-25px {
    --bs-gutter-y: 25px;
    --bs-gutter-x: 25px;
}

.g-30px {
    --bs-gutter-y: 30px;
    --bs-gutter-x: 30px;
}

.g-35px {
    --bs-gutter-y: 35px;
    --bs-gutter-x: 35px;
}

.g-40px {
    --bs-gutter-y: 40px;
    --bs-gutter-x: 40px;
}

.g-45px {
    --bs-gutter-y: 45px;
    --bs-gutter-x: 45px;
}

.g-50px {
    --bs-gutter-y: 50px;
    --bs-gutter-x: 50px;
}

footer {
    color: #fff;
    font-weight: 300;
    font-size: 14px;
}

footer a {
    color: #fff;
    font-weight: 300;
    font-size: 14px;
    display: flex;
    justify-content: center;
}

footer a:hover {
    color: var(--main-color);
}

footer ul {
    list-style: disc;
    line-height: 1.8;
    margin: 0 0 0 20px;
}

footer ul li a {
    justify-content: flex-start;
}

footer .copyright {
    line-height: 20px;
    font-size: 16px;
    font-weight: 400;
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
}

footer .copyright span {
    display: block;
}

footer a.btn-footer {
    padding: 12px 16px;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    display: flex;
    align-items: center;
    transition: all 0.3s ease;
    border-radius: 4px;
}

footer a.btn-footer span {
    display: flex;
    align-items: center;
}

footer a.btn-footer span i {
    opacity: 1;
    margin-right: 16px;
}

footer a.btn-footer i.ri-arrow-right-line {
    opacity: 0.3;
    margin-left: 30px;
}

footer a.btn-footer.blue {
    background-color: #425efe;
    border: 1px solid #425efe;
}

footer a.btn-footer.blue:hover {
    background-color: transparent;
    color: #425efe;
}

footer a.btn-footer.blue:hover i.ri-arrow-right-line {
    color: #425efe;
    opacity: 1;
}

footer a.btn-footer.green {
    background-color: #11d377;
    border: 1px solid #11d377;
}

footer a.btn-footer.green:hover {
    background-color: transparent;
    color: #10c56f;
}

footer a.btn-footer.green:hover i.ri-arrow-right-line {
    color: #10c56f;
    opacity: 1;
}

footer .footer-social-media {
    display: flex;
    align-items: center;
    gap: 10px;
}

footer .footer-social-media a {
    width: 48px;
    height: 48px;
    border-radius: 2px;
    background-color: #1e1e1f;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    font-size: 18px;
    color: #fff;
}

footer .footer-social-media a:hover.facebook {
    background: #3b5998;
}

footer .footer-social-media a:hover.twitter {
    background: #000;
}

footer .footer-social-media a:hover.youtube {
    background: red;
}

footer .footer-social-media a:hover.instagram {
    background: #e4405f;
}

footer .footer-social-media a:hover.tiktok {
    background: #010101;
}

footer .footer-social-media a:hover.discord {
    background: #7289da;
}

footer .title {
    font-size: 20px;
    font-weight: 600;
    padding: 20px 30px;
    border-top: 1px solid #353536;
}

footer .menu {
    padding: 0 25px 20px;
}

footer .menu a {
    padding: 5px 0;
}

section .text-py {
    padding-top: 62px;
}

section .text .box {
    border-radius: 4px;
    background-color: #fff;
    padding: 22px 16px 16px 36px;
}

section .text .box .content {
    max-height: 212px;
    overflow-y: scroll;
    color: #7b7b84;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    padding-right: 10px;
}

section .text .box .content::-webkit-scrollbar {
    width: 5px;
    border-radius: 2px;
}

section .text .box .content::-webkit-scrollbar-track {
    border-radius: 2px;
    background-color: rgba(193, 191, 214, 0.2);
}

section .text .box .content::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background-color: #c1bfd6;
}

section .text .box .content::-webkit-scrollbar-thumb:hover {
    background-color: #c1bfd6;
}

section .text .box .content> :not(:last-child) {
    margin-bottom: 20px;
}

section .text .box .content h1 {
    color: #7b7b84;
    font-size: 24px;
    font-weight: 600;
}

section .text .box .content h2 {
    color: #7b7b84;
    font-size: 20px;
    font-weight: 600;
}

section .text .box .content h3 {
    color: #7b7b84;
    font-size: 18px;
    font-weight: 600;
}

section .text .box .content b {
    color: #7b7b84;
    font-weight: 600;
}

section.text .box .content strong {
    color: #7b7b84;
    font-weight: 600;
}

section .text .box .content a {
    color: #7b7b84;
    font-weight: 500;
    text-decoration: underline;
}

section .text .box .content ol {
    list-style: decimal;
}

section .text .box .content ol li {
    color: #7b7b84;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.3;
    margin-left: 20px;
    margin-bottom: 12px;
}

section .text .box .content ul {
    list-style: disc;
}

section .text .box .content ul li {
    color: #7b7b84;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.3;
    margin-left: 20px;
    margin-bottom: 12px;
}

section.social {
    padding: 45px 0 63px 0;
    background: #efefef;
}

section.social .x-title h2 {
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 11px;
    color: #19203f;
}

section.social .x-title p {
    font-size: 22px;
    font-weight: 400;
    margin-bottom: 54px;
    color: #7e88a2;
}

.min-height-330px {
    min-height: 330px;
}

.min-height-330px .head {
    margin-top: -60px !important;
}

.min-height-475px {
    min-height: 475px;
}

.min-height-475px .head {
    margin-top: -60px !important;
}

.min-height-476px {
    min-height: 476px;
}

.margin-top-eksi-160px {
    margin-top: -160px;
}

.margin-top-eksi-60px {
    margin-top: -60px;
}

.margin-top-eksi-65px {
    margin-top: -65px;
}

section.product-listing-cover {
    min-height: 460px;
    margin-top: -16px;
}

section.product-listing-cover .container-cover {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

section.product-listing-cover .head {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 90px;
    margin-top: -60px;
}

section.product-listing-cover .head h1 {
    font-size: 26px;
    font-weight: 500;
    font-family: Gilroy;
    color: #fff;
    margin-top: 33px;
    margin-bottom: 20px;
}

section.product-listing-cover .head p {
    font-family: Gilroy;
    font-size: 17px;
    color: #fff;
}

section.product-listing-cover .tabs {
    display: flex;
    align-items: center;
    backdrop-filter: blur(15px);
    background-color: rgba(255, 255, 255, 0.1215686275);
    padding: 10px;
    border-radius: 4px;
    width: 100%;
}

section.product-listing-cover .tabs button {
    height: 60px;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    padding: 10px 20px;
    border-radius: 4px;
    transition: all 0.3s ease;
    background-color: transparent;
    border: none;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.7);
}

section.product-listing-cover .tabs button img {
    margin-right: 5px;
}

section.product-listing-cover .tabs button.active,
section.product-listing-cover .tabs button:hover {
    background: #fff;
    color: #000;
    text-shadow: none;
}

section.product-listing-products .item {
    border-radius: 4px;
    background-color: #fff;
    padding: 20px;
    position: relative;
    margin-bottom: 20px;
}

section.product-listing-products .item span.badge {
    padding: 8px 20px 7px 35px;
    font-size: 12px;
    position: absolute;
    top: -51px;
    border-radius: 16px;
    width: 113px;
    height: 28px;
}

section.product-listing-products .item span.badge i {
    background-color: rgba(0, 0, 0, 0.168627451);
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    font-size: 16px;
    width: 30px;
    height: 100%;
    top: 0;
    -webkit-border-top-left-radius: 16px;
    -webkit-border-bottom-left-radius: 16px;
    -moz-border-radius-topleft: 16px;
    -moz-border-radius-bottomleft: 16px;
    border-top-left-radius: 16px;
    border-bottom-left-radius: 16px;
}

section.product-listing-products .item span.badge.orange {
    background-color: #FF9101;
}

section.product-listing-products .item span.badge.green {
    background-color: #11d377;
}

section.product-listing-products .item img {
    width: 80px;
    height: 80px;
    border-radius: 4px;
    object-fit: cover;
    margin-right: 20px;
    min-width: 80px;
    min-height: 80px;
}

section.product-listing-products .item span.product-name {
    color: #121212;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
}

section.product-listing-products .item p {
    color: #121212;
    font-size: 16px;
    font-weight: 400;
}

section.product-listing-products .item .price-lg {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    border-left: 1px solid #d6dde6;
    padding-left: 30px;
    height: 100%;
    min-width: 140px;
}

section.product-listing-products .item .price-lg .new {
    color: #11d377;
    font-size: 18px;
    font-weight: 500;
}

section.product-listing-products .item .price-lg .old {
    color: #BDBDBD;
    font-size: 14px;
    font-weight: 500;
    text-decoration: line-through;
}

section.product-listing-products .item .price {
    margin-top: 10px;
}

section.product-listing-products .item .price .new {
    color: #11d377;
    font-size: 18px;
    font-weight: 500;
}

section.product-listing-products .item .price .old {
    color: #BDBDBD;
    font-size: 16px;
    font-weight: 500;
    text-decoration: line-through;
}

section.product-listing-products .item .btn-buy {
    border-radius: 4px;
    background-color: #11d377;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    padding: 20px 20px;
    border: 0;
    transition: all 0.3s ease;
}

section.product-listing-products .item .btn-buy.red {
    background-color: #ff9103 !important;
}

section.product-listing-products .item .btn-buy.red:hover {
    background-color: #e98300 !important;
}

section.product-listing-products .item .btn-buy.stokyok {
    background-color: #ff9103 !important;
}

section.product-listing-products .item .btn-buy:hover {
    background-color: #10c56f;
}

section.product-listing-products .item .btn-buy i {
    margin-right: 16px;
}

section.product-listing-products .item .number {
    border-radius: 4px;
    border: 1px solid #3D5AFE;
    background-color: #fff;
    padding: 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 160px;
}

section.product-listing-products .item .number button {
    width: 34px;
    height: 34px;
    min-width: 34px;
    border-radius: 4px;
    background-color: rgba(61, 90, 254, 0.2);
    color: #3D5AFE;
    font-size: 16px;
    font-weight: 400;
    border: 0;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

section.product-listing-products .item .number button:hover {
    background-color: #3d5afe;
    color: #fff;
}

section.product-listing-products .item .number input {
    width: 60px;
    color: #9A9A9A;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    border: 0;
    padding-top: 6px;
    padding-bottom: 6px;
}

section.tworow {
    margin-top: 30px;
    margin-left: 10px;
    margin-right: 10px;
}

section.tworow .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

section.tworow .row .howtouse {
    border-radius: 4px;
    background-color: #182939;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    position: relative;
    min-height: 120px;
    padding-left: 30px;
    padding-right: 30px;
    max-width: 697px;
}

section.tworow .row .howtouse .title {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
}

section.tworow .row .howtouse button.btn-popup {
    border-radius: 4px;
    background-color: #11d377;
    padding: 22px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    width: 250px;
    border: 0;
    transition: all 0.3s ease;
}

section.tworow .row .howtouse button.btn-popup:hover {
    background-color: #10c56f;
}

section.tworow .row .user-review {
    border-radius: 4px;
    background-color: #182939;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    position: relative;
    min-height: 120px;
    max-width: 697px;
    padding-left: 30px;
    padding-right: 30px;
}

section.tworow .row .user-review .number {
    position: absolute;
    left: -25px;
    width: 59.38px;
    height: 59.38px;
    border-radius: 50%;
    background-color: #3d5afe;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 19.8px;
    font-weight: 600;
}

section.tworow .row .user-review .number::before {
    border: 1px solid #fff;
    background-color: transparent;
    opacity: 0.2;
    position: absolute;
    content: "";
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    border-radius: 50%;
    left: 5px;
    top: 5px;
}

section.tworow .row .user-review .title {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
}

section.tworow .row .user-review p {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    margin-top: 10px;
}

section.tworow .row .user-review p b {
    font-weight: bold;
}

section.product-listing-desc {
    margin-top: 30px;
    margin-bottom: 60px;
}

section.product-listing-desc .boxtab {
    border-radius: 4px;
    background-color: #fff;
}

section.product-listing-desc .boxtab .head {
    border-bottom: 1px solid #efefef;
    padding: 0 30px;
}

section.product-listing-desc .boxtab .head ul {
    margin: 0;
    gap: 20px;
}

section.product-listing-desc .boxtab .head ul li {
    margin: 0;
}

section.product-listing-desc .boxtab .head ul li button {
    color: #7b7b84;
    font-size: 14px;
    font-weight: 500;
    padding: 24px 0;
    position: relative;
}

section.product-listing-desc .boxtab .head ul li button.active {
    color: #3d5afe;
    background: transparent;
}

section.product-listing-desc .boxtab .body .content {
    color: #7b7b84;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.3;
    padding: 30px;
    overflow-wrap: break-word;
    max-height: 212px;
    overflow-y: scroll;
}

section.product-listing-desc .boxtab .body .content::-webkit-scrollbar {
    width: 5px;
    border-radius: 2px;
}

section.product-listing-desc .boxtab .body .content::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background-color: #c1bfd6;
}

section.product-listing-desc .boxtab .body .content::-webkit-scrollbar-track {
    border-radius: 2px;
    background-color: rgba(193, 191, 214, 0.2);
}

section.product-listing-desc .boxtab .body .content img {
    max-width: 100%;
    height: auto;
}

section.product-listing-desc .boxtab .body .content a.relateditem {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    transition: all 0.3s ease;
}

section.product-listing-desc .boxtab .body .content a.relateditem:hover .title {
    color: #3d5afe;
}

section.product-listing-desc .boxtab .body .content a.relateditem img {
    min-width: 60px;
    min-height: 60px;
    margin-right: 12px;
}

section.product-listing-desc .boxtab .body .content a.relateditem .title {
    font-size: 16px;
    font-weight: 600;
    color: #1d1b3a;
    transition: all 0.3s ease;
}

section.product-listing-desc .boxtab .body .content a.relateditem .price {
    opacity: 0.4;
    font-size: 14px;
    font-weight: 500;
    color: #1d1b3a;
    margin-left: auto;
}

section.product-listing-desc .boxtab .body .content a.relateditem img {
    border-radius: 4px;
}

section.product-listing-desc .boxtab .body .content h1 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 16px;
}

section.product-listing-desc .boxtab .body .content h2 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 16px;
}

section.product-listing-desc .boxtab .body .content h3 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 16px;
}

section.product-listing-desc .boxtab .body .content b,
section.product-listing-desc .boxtab .body .content strong {
    font-weight: 600;
}

section.product-listing-desc .boxtab .body .content i,
section.product-listing-desc .boxtab .body .content em {
    font-style: italic;
}

section.product-listing-desc .boxtab .body .content ul {
    list-style: disc;
    margin-left: 20px;
}

section.product-listing-desc .boxtab .body .content ol {
    list-style: decimal;
    margin-left: 20px;
}

section.product-listing-desc .boxtab .body .content table {
    border-collapse: collapse;
    border: 1px solid #d2d2d2;
    width: 100%;
    margin: 0;
    padding: 0;
}

section.product-listing-desc .boxtab .body .content table tr td {
    color: #7b7b84;
    font-size: 16px;
    font-weight: 400;
    padding: 10px;
    text-align: left;
    border-bottom: 1px solid #d2d2d2;
}

section.product-listing-desc .boxtab .body .content table tr td:first-child {
    color: #1d1b3a;
    font-size: 16px;
    font-weight: 600;
    max-width: 300px;
    width: 300px;
    border-right: 1px solid #d2d2d2;
}

section.product-listing-desc .boxtab .body .content * {
    background: transparent !important;
}

section.product-listing-desc .boxtab .body .content>*:not(:last-child) {
    margin-bottom: 20px;
}

section.product-listing-desc .boxtab .body .content .tcontent * {
    margin-bottom: 2px;
}

section.product-listing-desc .boxtab .body .content a {
    color: #3d5afc;
    text-decoration: underline;
}

section.product-listing-desc .boxtab .body .content h2 {
    color: #7b7b84;
    font-size: 20px;
    font-weight: 600;
}

section.product-listing-desc .boxtab .body .content h3 {
    color: #7b7b84;
    font-size: 18px;
    font-weight: 600;
}

section.product-listing-desc .boxtab .body .reviewitem {
    border-bottom: 1px solid #efefef;
    padding-top: 12px;
    padding-bottom: 12px;
}

section.product-listing-desc .boxtab .body .reviewitem:nth-child(odd) {
    border-right: 1px solid #efefef;
}

section.product-listing-desc .boxtab .body .reviewitem .mc {
    border-radius: 4px;
    padding: 0px;
}

section.product-listing-desc .boxtab .body .reviewitem .mgc {
    background: rgba(0, 0, 0, 0.06);
    border-radius: 4px;
    padding: 10px;
}

section.product-listing-desc .boxtab .body .reviewitem .p {
    display: flex;
    align-items: center;
}

section.product-listing-desc .boxtab .body .reviewitem .p.brdr {
    border-left: 1px solid #efefef;
}

section.product-listing-desc .boxtab .body .reviewitem .p img {
    margin-right: 14px;
    border-radius: 4px;
}

section.product-listing-desc .boxtab .body .reviewitem .p ul li {
    gap: 2px;
    display: flex;
    align-items: center;
    color: #7b7b84;
    font-size: 16px;
    font-weight: 400;
}

section.product-listing-desc .boxtab .body .reviewitem .p ul li:not(:last-child) {
    margin-bottom: 10px;
}

section.product-listing-desc .boxtab .body .reviewitem .p ul li b {
    font-weight: 600;
}

section.product-listing-desc .boxtab .body .reviewitem .p ul li span.icon {
    width: 22px;
    height: 22px;
    min-width: 22px;
    min-height: 22px;
    background-color: #1ec65c;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    color: #fff;
    font-size: 14px;
}

section.product-listing-desc .boxtab .body .reviewitem .p .name {
    color: #333;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 4px;
}

section.product-listing-desc .boxtab .body .reviewitem .p p {
    color: #7b7b84;
    font-size: 14px;
    font-weight: 400;
}

.social-card {
    background: #DDD;
    width: 100%;
    display: block;
    padding: 30px 10px 26px 10px;
    text-align: center;
    border-radius: 4px;
    color: #FFF;
    overflow: hidden;
}

.social-card .icon {
    font-size: 44px;
    width: 100%;
    position: relative;
    z-index: 1;
    height: 104px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 16px;
    transition: all 0.3s ease-in-out;
}

.social-card .icon:after {
    content: " ";
    position: absolute;
    z-index: 1;
    background: url(../img/social-card-hover-bg.png) center center no-repeat;
    width: 120%;
    height: 140%;
    transform: scale(0);
    transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
    opacity: 0;
}

.social-card .icon:before {
    content: " ";
    position: absolute;
    z-index: 1;
    background: rgba(255, 255, 255, 0.2);
    width: 70px;
    height: 70px;
    border-radius: 50%;
    transform: scale(0);
    transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
    opacity: 0;
}

.social-card .icon i {
    position: relative;
    z-index: 5;
    font-size: 44px;
}

.social-card .icon svg {
    position: relative;
    z-index: 5;
    width: 38px;
    height: 38px;
}

.social-card .title {
    font-weight: 300;
    position: relative;
    z-index: 6;
    font-size: 16px;
    line-height: 1.2;
}

.social-card .title b {
    display: block;
    font-weight: 600;
    font-size: min(4vw, 18px);
}

.social-card:hover {
    color: #FFF;
    margin-top: -10px;
}

.social-card:hover .icon:after,
.social-card:hover .icon:before {
    transform: scale(1);
    opacity: 1;
}

.social-card.instagram {
    background: #E1306C;
}

.social-card.twitter {
    background: #000;
}

.social-card.facebook {
    background: #1873EB;
}

.social-card.twitch {
    background: #8D45F8;
}

.social-card.tiktok {
    background: #353535;
}

.social-card.spotify {
    background: #1DB954;
}

.social-card.telegram {
    background: #0088cc;
}

.social-card.discord {
    background: #7289da;
}

.social-card.youtube {
    background: #FF0000;
}

.social-card.clubhouse {
    background: #6515DD;
}

.social-card.soundcloud {
    background: #F97637;
}

.promotion-time .icon {
    width: 60px;
    height: 60px;
    color: #FFF;
    font-size: 30px;
    background: #FB4242;
    border-radius: 4px;
    box-shadow: -10px 10px 20px rgba(251, 66, 66, 0.4);
}

.promotion-time .title {
    font-weight: 600;
}

.promotion-time .title h2 {
    font-size: 20px;
    color: #FB4242;
}

.promotion-time .title p {
    color: #353c44;
    font-weight: 400;
    margin: 0;
    line-height: 1.2;
    margin-top: 6px;
}

.promotion-py {
    padding-top: 48px;
    padding-bottom: 42px;
}

.view-all-btn {
    border-radius: 5px;
    padding: 16px 24px;
    color: #6a738a;
    font-size: 16px;
    font-weight: 400;
    display: flex;
    align-items: center;
    transition: all 0.3s ease;
    background: #FFF;
}

.view-all-btn:hover {
    color: #FFF;
    background: var(--main-color);
}

.more-product-btn {
    background: #FFF;
    color: #11d377;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 10px 10px 25px;
    font-size: 15px;
    border-radius: 4px;
    font-family: Gilroy;
    font-weight: 600;
}

.more-product-btn .icon {
    width: 40px;
    height: 40px;
    text-align: center;
    font-size: 18px;
    line-height: 40px;
    background-color: rgba(17, 211, 119, 0.2);
    border-radius: 4px;
}

.more-product-btn:hover {
    background: #10c56f;
    color: #FFF;
}

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

@keyframes lightning {
    0% {
        color: #fff;
    }

    90% {
        color: #fff;
    }

    100% {
        color: #000;
    }
}

.scrolling-container {
    overflow: hidden;
    position: relative;
}

.scrolling-text {
    display: flex;
    white-space: nowrap;
    animation: scroll 2s linear infinite;
}

.scrolling-text span {
    display: inline-block;
    padding-right: 0;
    /* Boşluk olmadan metni ekler */
}

.scrolling-text span:first-child {
    padding-right: 10px;
}

@keyframes scroll {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-100%);
    }
}

.product-card {
    position: relative;
    padding-top: 26px;
    transition: all 0.3s ease;
}

.product-card .gunun-firsati span {
    position: absolute;
    animation: marquee 4s linear infinite;
    margin-right: 5px;
}

.product-card .cok-satan {
    list-style: none;
    display: flex;
    justify-content: center;
    margin: 0;
}

.product-card .cok-satan li {
    animation: lightning 1000ms linear infinite;
}

.product-card .cok-satan li:nth-child(1) {
    animation-delay: 0ms;
}

.product-card .cok-satan li:nth-child(2) {
    animation-delay: 100ms;
}

.product-card .cok-satan li:nth-child(3) {
    animation-delay: 200ms;
    margin-right: 6px;
}

.product-card .cok-satan li:nth-child(4) {
    animation-delay: 300ms;
}

.product-card .cok-satan li:nth-child(5) {
    animation-delay: 400ms;
}

.product-card .cok-satan li:nth-child(6) {
    animation-delay: 500ms;
}

.product-card .cok-satan li:nth-child(7) {
    animation-delay: 600ms;
}

.product-card .cok-satan li:nth-child(8) {
    animation-delay: 700ms;
}

.product-card .highlight {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    border-radius: 6px 6px 0 0;
    color: #FFF;
    text-align: center;
    font-size: 12px;
    font-weight: 600;
    width: 100%;
    min-height: 95px;
    background: #CCC;
    padding: 0;
    white-space: nowrap;
    overflow: hidden;
}

.product-card .highlight .txt {
    display: block;
    width: 100%;
    height: 31px;
    line-height: 33px;
}

.product-card .highlight.pink {
    background: #F035C6;
    background: linear-gradient(0deg, transparent 0%, #F035C6 35%, #F035C6 100%);
}

.product-card .highlight.orange {
    background: #FF9101;
    background: linear-gradient(0deg, transparent 0%, #FF9101 35%, #FF9101 100%);
}

.product-card .highlight.green {
    background: #11d377;
    background: linear-gradient(0deg, transparent 0%, #11d377 35%, #11d377 100%);
}

.product-card .highlight.red {
    background: #FB4242;
    background: linear-gradient(0deg, transparent 0%, #FB4242 35%, #FB4242 100%);
}

.product-card .highlight.beige {
    background: #DCBA7A;
    background: linear-gradient(0deg, transparent 0%, #DCBA7A 35%, #DCBA7A 100%);
}

.product-card .highlight.black {
    background: #111;
    background: linear-gradient(0deg, #FFF 0%, #111 35%, #111 100%);
}

.product-card .highlight .marquee {
    display: inline-block;
    padding-left: 100%;
    animation: marquee 10s linear infinite;
    font-size: 12px;
    line-height: 16px;
}

.product-card .product-body {
    background: #FFF;
    padding: 5px;
    border-radius: 4px;
    height: 100%;
}

.product-card .product-body a:hover {
    color: var(--main-color);
}

.product-card .product-body .img-box {
    position: relative;
    overflow: hidden;
    border-radius: 4px;
}

.product-card .product-body .img-box .store-name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 60%;
    line-height: 17px;
    padding-top: 1px;
}

.product-card .product-body .img-box a {
    display: block;
    line-height: 1.5;
}

.product-card .product-body .img-box img.ozelResimliBadge {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 999;
}

.product-card .product-body .img-box .img {
    overflow: hidden;
    position: relative;
    z-index: 3;
}

.product-card .product-body .img-box .img img {
    aspect-ratio: 1/1;
    object-fit: contain;
    width: 100%;
    display: block;
}

.product-card .product-body .img-box .info {
    position: absolute;
    z-index: 5;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 36px;
    background: rgba(0, 0, 0, 0.48);
    backdrop-filter: blur(15px);
    padding: 8px 11px 5px 11px;
    -webkit-backdrop-filter: blur(15px);
}

.product-card .product-body .img-box .info .icon {
    position: absolute;
    z-index: 8;
    width: 38px;
    height: 38px;
    bottom: 6px;
    right: 5px;
    color: #FFF;
    font-size: 24px;
    border-radius: 5px;
}

.product-card .product-body .img-box .info .icon a {
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
}

.product-card .product-body .img-box .info .icon img {
    width: 22px;
    height: 22px;
    object-fit: contain;
}

.product-card .product-body .img-box .info .store img {
    margin-right: 6px;
    border-radius: 5px;
    max-width: 22px;
    max-height: 22px;
}

.product-card .product-body .img-box .info .store .store-name {
    font-weight: 600;
    color: #fff;
    font-size: 15px;
}

.product-card .product-body .detail {
    padding: 10px 4px 8px 4px;
}

.product-card .product-body .detail ul {
    margin-top: 7px;
}

.product-card .product-body .detail ul li {
    color: #1e1e1f;
    font-size: 14px;
    font-weight: 400;
    display: flex;
    align-items: center;
    margin-bottom: 6px;
}

.product-card .product-body .detail ul li i {
    color: #3d5afe;
    margin-right: 6px;
}

.product-card .product-body .detail a.name {
    font-size: 15px;
    color: #18324b;
    font-weight: 600;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.4;
    max-height: 43px;
    height: 43px;
    word-wrap: break-word;
}

.product-card .product-body .detail h3.name {
    font-size: 15px;
    color: #18324b;
    font-weight: 600;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.4;
    max-height: 43px;
    height: 43px;
}

.product-card .product-body .foot {
    padding: 7px 5px 0 8px;
    border-top: 1px solid #EFEFEF;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-left: -5px;
    margin-right: -5px;
    min-height: 34px;
}

.product-card .product-body .foot .price {
    color: #1e1e1f;
    font-weight: 600;
    font-size: 16px;
}

.product-card .product-body .foot .tag {
    padding: 6px 10px;
    border-radius: 30px;
    background: rgba(61, 90, 254, 0.1);
    color: #3d5afe;
    font-size: 14px;
    font-weight: 600;
    margin: -1px 0 1px 0;
}

.product-card .product-body .foot .tag i {
    font-size: 16px;
}

.product-card .product-body .foot .tag.green {
    color: #11d377;
    background: rgba(32, 198, 92, 0.2);
}

.product-card .product-body .foot .tag.red {
    color: #f035c6;
    background: rgba(240, 53, 198, 0.2);
}

.product-card.tomorrowland {
    padding: 16px 6px 6px 6px;
    user-select: none;
    pointer-events: none;
}

.product-card.tomorrowland .product-body {
    backdrop-filter: blur(8px);
    filter: blur(8px);
}

.best-product-card {
    background: #FFF;
    border-radius: 10px;
    overflow: hidden;
    transition: all 0.3s ease;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

.best-product-card .img {
    position: relative;
    overflow: hidden;
    border-radius: 6px 6px 0 0;
    display: block;
}

.best-product-card .img img {
    aspect-ratio: 1/1;
    object-fit: cover;
    width: 100%;
}

.best-product-card .rating {
    color: #ff9101;
    font-size: 11px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 0 15px;
    line-height: 1.5;
    margin-top: 10px;
}

.best-product-card .name {
    font-size: 14px;
    font-weight: 600;
    color: #1e1e1f;
    padding: 0 15px;
    line-height: 22px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 24px;
}

.best-product-card .name:hover {
    color: var(--main-color);
}

.best-product-card .foot {
    padding: 0 15px 10px 15px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.best-product-card .foot .price {
    color: #20c55c;
    font-size: 16px;
    font-weight: 600;
}

.best-product-card .foot .old-price {
    color: #bbc1e5;
    font-size: 12px;
    font-weight: 400;
    text-decoration: line-through;
}

section.showcase {
    padding: 30px 0 50px 0;
    background: #efefef;
}

.showcase-card {
    border-radius: 4px;
    background-color: #fff;
    padding: 10px;
}

.showcase-card ul {
    list-style: none;
    margin: 0;
}

.showcase-card .nav-link {
    color: var(--main-color);
    display: flex;
    align-items: center;
    transition: all 0.3s ease;
    border-radius: 4px;
    font-size: 15px;
    padding: 11px 18px;
    font-weight: 600;
    height: 48px;
}

.showcase-card .nav-link i {
    margin-right: 16px;
    font-size: 18px;
}

.showcase-card .nav-link.active {
    color: var(--main-color);
    background: rgba(61, 90, 254, 0.1);
}

.showcase-card .nav-link:hover {
    color: var(--main-color);
    background: rgba(61, 90, 254, 0.1);
}

.showcase-card ul.games {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.showcase-card ul.games li a {
    transition: all 0.3s ease;
    border-radius: 4px;
    padding: 10px 20px;
    height: 46px;
}

.showcase-card ul.games svg {
    width: 60px;
    max-height: 30px;
}

.showcase-card ul.games svg * {
    fill: #8f8fb5;
}

.showcase-card ul.games a:hover {
    background: rgba(61, 90, 254, 0.1);
}

.showcase-card ul.games a:hover svg,
.showcase-card ul.games a:hover img {
    filter: invert(30%) sepia(48%) saturate(6457%) hue-rotate(229deg) brightness(105%) contrast(99%);
}

section.best-products {
    padding: 65px 0 50px 0;
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    overflow: hidden;
    transition: background-image 0.5s ease-in-out;
}

section.best-products .products-tabContent {
    padding-top: 40px;
    position: relative;
    z-index: 1;
}

section.best-products .products-tabContent .tab-pane {
    position: relative;
    z-index: 5;
}

section.best-products .products-tabContent .back-txt {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    color: transparent;
    -webkit-text-stroke: 1px rgba(255, 255, 255, 0.3);
    text-align: center;
    font-weight: 900;
    line-height: 14;
}

section.best-products .products-tabContent .back-txt span {
    font-size: 17vi;
    display: flex;
}

.best-products-tab {
    list-style: none;
    margin: 0;
    position: relative;
    z-index: 20;
}

.best-products-tab .nav-link {
    color: #FFF;
    fill: #FFF;
    padding: 15px 40px;
    border-radius: 4px;
    min-height: 75px;
    display: flex;
    align-items: center;
    min-width: 165px;
    justify-content: center;
}

.best-products-tab .nav-link img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(100%);
}

.best-products-tab .nav-link svg {
    width: 54px;
    height: 40px;
}

.best-products-tab .nav-link.active,
.best-products-tab .nav-link:hover {
    color: #ff9103;
    fill: #ff9103;
    background: #FFF;
}

.best-products-tab .nav-link.active.pubg svg,
.best-products-tab .nav-link:hover.pubg svg {
    filter: initial;
    fill: #de8d00;
}

.best-products-tab .nav-link.active.pubg svg *,
.best-products-tab .nav-link:hover.pubg svg * {
    fill: #de8d00;
}

.best-products-tab .nav-link.active.mobile_legends svg,
.best-products-tab .nav-link:hover.mobile_legends svg {
    filter: initial;
    fill: #c79b3b;
}

.best-products-tab .nav-link.active.mobile_legends svg *,
.best-products-tab .nav-link:hover.mobile_legends svg * {
    fill: #c79b3b;
}

.best-products-tab .nav-link.active.brawl svg,
.best-products-tab .nav-link:hover.brawl svg {
    filter: initial;
    fill: #f01919;
}

.best-products-tab .nav-link.active.brawl svg *,
.best-products-tab .nav-link:hover.brawl svg * {
    fill: #f01919;
}

.best-products-tab .nav-link.active.valorant svg,
.best-products-tab .nav-link:hover.valorant svg {
    filter: initial;
    fill: #ff4655;
}

.best-products-tab .nav-link.active.valorant svg *,
.best-products-tab .nav-link:hover.valorant svg * {
    fill: #ff4655;
}

.best-products-tab .nav-link.active.freefire svg,
.best-products-tab .nav-link:hover.freefire svg {
    filter: initial;
    fill: #ffb900;
}

.best-products-tab .nav-link.active.freefire svg *,
.best-products-tab .nav-link:hover.freefire svg * {
    fill: #ffb900;
}

.best-products-tab .nav-link.active img,
.best-products-tab .nav-link:hover img {
    filter: brightness(0) saturate(100%) invert(0%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(100%);
}

.shadow-effect {
    transition: all 0.2s ease-in-out;
}

.shadow-effect:hover {
    box-shadow: 0 5px 14px -8px #111;
}

header .mobile {
    display: none;
}

header .top-menu {
    border-top: 1px solid #e1e1e5;
    box-shadow: 0 7px 42px rgba(0, 0, 0, 0.15);
    background-color: #fff;
    position: relative;
    z-index: 1;
    display: none;
}

header .top-menu.active {
    display: block;
}

header .top-menu ul {
    margin: 0;
    padding: 0;
}

header .top-menu ul li:not(:last-child) {
    border-bottom: 1px solid #e1e1e5;
}

header .top-menu ul li a {
    padding: 20px 18px;
    color: #34364c;
    font-size: 16px;
    display: flex;
    align-items: center;
    font-weight: 500;
}

header .top-menu ul li a span {
    line-height: 1;
}

header .top-menu ul li a i {
    margin-right: 10px;
    font-size: 20px;
    color: #c2c1d9;
}

header .mobile a.bakiye {
    color: #000;
    font-size: 15px;
    line-height: 1.2;
}

header .mobile a.bakiye span {
    color: #2cd09c;
    font-size: 15px;
    display: block;
    font-weight: 500;
}

header .mobile a.btn-login {
    color: #1e1e1f;
    font-size: 14px;
    display: flex;
    align-items: center;
    padding-top: 12px;
    padding-bottom: 12px;
    line-height: 1.3;
    width: 100%;
    justify-content: center;
}

header .mobile a.btn-login b,
header .mobile a.btn-login strong {
    font-weight: 600;
}

header .mobile a.btn-login i {
    font-size: 20px;
    margin-right: 10px;
    font-weight: 600;
}

header .mobile a.btn-square {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #3d5afe;
    background: rgba(61, 90, 254, 0.1);
    position: relative;
}

header .mobile span.badge.count {
    position: absolute;
    top: -6px;
    right: -6px;
    background-color: #3d5afe;
    border: 2px solid #fff;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    border-radius: 4px;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
}

header .mobile .btn-user {
    border: 0;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    display: block;
    background: rgba(123, 123, 132, 0.1);
    color: #7b7b84;
    position: relative;
    text-align: center;
}

header .mobile .btn-user span.name {
    color: #1d1d1d;
    font-size: 16px;
    font-weight: 600;
}

header .mobile .btn-user span.balance {
    color: #2cd09c;
    font-size: 10px;
    font-weight: 600;
}

header .mobile .btn-user img {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    margin-right: 10px;
}

header .mobile button.categoryToggle {
    padding-top: 12px;
    padding-bottom: 12px;
    background: 0 0;
    display: flex;
    align-items: center;
    border: 0;
    color: #1e1e1f;
    font-size: 18px;
    font-weight: 500;
    line-height: 1;
    min-height: 60px;
    width: 100%;
    justify-content: center;
}

header .mobile button.categoryToggle.active {
    color: #3d5afe;
}

header .mobile button.categoryToggle i:first-child {
    margin-right: 18px;
    font-size: 22px;
    font-weight: 600;
}

header .mobile .dropdown-user {
    box-shadow: -5px 5px 42px rgba(0, 0, 0, 0.15);
    border-radius: 2px;
    background-color: #fff;
    border: 0;
    margin-top: 17px !important;
    min-width: 255px;
    padding: 0 0 14px;
}

header .mobile .dropdown-user li.bg {
    background-color: #13cda3;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

header .mobile .dropdown-user li.bg img {
    margin-right: 14px;
}

header .mobile .dropdown-user li.bg a {
    color: #fff;
    padding: 14px 14px;
}

header .mobile .dropdown-user li.bg a .name {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 4px;
    display: block;
}

header .mobile .dropdown-user li.bg a .small {
    color: #fff;
    font-size: 14px;
    margin-top: 4px;
    display: block;
}

header .mobile .dropdown-user li a {
    color: #696e8b;
    font-size: 16px;
    font-weight: 500;
    display: flex;
    align-items: center;
    padding: 14px 30px;
    transition: all 0.3s ease;
}

header .mobile .dropdown-user li a:active,
header .mobile .dropdown-user li a:focus,
header .mobile .dropdown-user li a:hover {
    background: 0 0;
    color: #23263b;
}

header .mobile .dropdown-user li a:active i,
header .mobile .dropdown-user li a:focus i,
header .mobile .dropdown-user li a:hover i {
    color: #23263b;
}

header .mobile .dropdown-user li a i {
    margin-right: 18px;
    color: #cbceda;
    font-size: 20px;
    transition: all 0.3s ease;
}

header .mobile form.search {
    position: relative;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 14px;
}

header .mobile form.search i {
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 20px;
    color: #3d5afe;
}

header .mobile form.search input {
    border-radius: 20px;
    border: 1px solid #d1cedd;
    background-color: #fff;
    width: 100%;
    padding: 12px 24px 12px 40px;
    font-size: 16px;
}

header .mobile .btn-mobile {
    width: 50px;
    height: 50px;
    border-radius: 4px;
    background-color: rgba(19, 206, 164, 0.2);
    color: #13cea4;
    font-size: 18px;
    border: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

header .mobile .btn-mobile.active,
header .mobile .btn-mobile.show,
header .mobile .btn-mobile:active {
    background-color: #13cea4;
    color: #fff;
}

header .mobile .btn-mobile.gray {
    background: rgba(123, 123, 132, 0.1);
    color: #7b7b84;
}

header .mobile .btn-mobile.gray.active,
header .mobile .btn-mobile.gray.show,
header .mobile .btn-mobile.gray:active {
    background: rgba(61, 90, 254, 0.1);
    color: #3d5afe;
}

header .mobile .btn-mobile.blue {
    background: rgba(61, 90, 254, 0.1);
    color: #3d5afe;
}

header .mobile .btn-mobile.blue.active,
header .mobile .btn-mobile.blue.show,
header .mobile .btn-mobile.blue:active {
    background: #3d5afe;
    color: #fff;
}

header .mobile .btn-dd,
header .mobile button.toggleColor {
    background: 0 0;
    border: 0;
    line-height: 1;
    display: flex;
    align-items: center;
    border-left: 1px solid #e4e4e4 !important;
    color: #1e1e1f;
    font-size: 14px;
    font-weight: 600;
    padding: 20px 10px;
    transition: all 0.3s ease;
}

header .mobile .btn-dd:hover,
header .mobile button.toggleColor:hover {
    background: #e4e4e4;
}

nav.stickybar {
    box-shadow: 0 7px 43px rgba(0, 0, 0, 0.05);
    background-color: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(15px);
    width: 100%;
    list-style: none;
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: none !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 2000;
    position: fixed;
    bottom: 0;
    left: 0;
}

nav.stickybar a {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 12px 8px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-box-shadow: inset 0 3px transparent;
    box-shadow: inset 0 3px transparent;
    text-decoration: none !important;
    outline: 0 !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #7b7b84;
    font-size: 12px;
    font-weight: 600;
}

nav.stickybar a.active {
    color: #3d5afe;
}

nav.stickybar a.active i {
    color: #3d5afe;
}

nav.stickybar a:nth-child(3) {
    color: #13cea4;
}

nav.stickybar a:nth-child(3) i {
    color: #13cea4;
}

nav.stickybar a i,
nav.stickybar a svg {
    line-height: 22px;
    font-size: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 5px;
    font-weight: 400;
    color: #939ea7;
}

.bt1 {
    border-top: 1px solid #DDD;
}

.br1 {
    border-right: 1px solid #DDD;
}

.bl1 {
    border-left: 1px solid #DDD;
}

.bb1 {
    border-bottom: 1px solid #DDD;
}

body .btn-green {
    background-color: #11d377;
    color: #FFF;
    font-size: 14px;
    font-weight: 600;
    padding: 6px 16px;
    line-height: 1.5;
}

body .btn-green:hover {
    background-color: #10c56f;
    color: #FFF;
}

body .btn-green:active {
    background-color: #10c56f !important;
    color: #FFF !important;
    border-color: transparent !important;
}

body .btn-green i {
    font-size: 18px;
}

body .btn-blue {
    border-radius: 4px;
    background-color: rgba(61, 90, 254, 0.1);
    color: #3d5afe;
    height: 50px;
    padding: 8px 15px 8px 20px;
    white-space: nowrap;
    font-size: 15px;
    font-weight: 600;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

body .btn-blue.active {
    background-color: #3d5afe;
    color: #FFF;
    border-color: #3d5afe !important;
    box-shadow: none !important;
}

:not(.btn-check)+body .btn-blue:active,
body .btn-blue:hover {
    background-color: #3d5afe;
    color: #FFF;
}

body .btn-join {
    border-radius: 4px;
    background-color: #11d377;
    color: #FFF;
    height: 50px;
    padding: 8px 15px 8px 20px;
    white-space: nowrap;
    font-size: 15px;
    font-weight: 600;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

body .btn-join:hover {
    background-color: #10c56f;
    color: #FFF;
}

body .btn-join:focus-visible {
    background-color: #10c56f !important;
    color: #FFF !important;
}

body .btn-join:active {
    background-color: #10c56f !important;
    color: #FFF !important;
    border-color: transparent !important;
}

body .btn-join.red {
    background-color: #f44 !important;
}

body .btn-join.red:active {
    background-color: #f44 !important;
    color: #FFF !important;
    border-color: transparent !important;
}

body .btn-join.red:hover {
    background-color: rgb(189, 38, 38);
}

body .btn-follow {
    width: 56px;
    height: 56px;
    border-radius: 4px;
    background-color: rgba(61, 90, 254, 0.1);
    color: #3d5afe;
    height: 50px;
    padding: 5px;
    white-space: nowrap;
    font-size: 20px;
    font-weight: 600;
}

body .btn-follow:hover {
    background-color: #3d5afe;
    color: #FFF;
}

body .border-top-1 {
    border-top: 1px solid rgba(174, 184, 203, 0.2);
}

body .border-left-1 {
    border-left: 1px solid rgba(174, 184, 203, 0.2);
}

body .border-right-1 {
    border-right: 1px solid rgba(174, 184, 203, 0.2);
}

body .border-bottom-1 {
    border-bottom: 1px solid rgba(174, 184, 203, 0.2);
}

.giveaway-section {
    padding: 30px 0;
}

.giveaway-section.giveaway-detail .btn-join {
    width: 200px;
    max-width: 100%;
}

.giveaway-section.giveaway-detail .card .subitem span.count {
    top: 15px;
    left: 15px;
    transform: none;
    font-size: 12.5px;
}

.giveaway-section.giveaway-detail .giveaway-title {
    font-size: 20px;
    font-weight: 600;
    color: #1d1d1d;
    padding: 15px 10px 10px 10px;
}

.giveaway-section.giveaway-detail .giveaway-desc {
    font-size: 16px;
    color: #1d1d1d;
    opacity: 0.7;
    line-height: 1.5;
    padding: 10px;
}

.giveaway-section.giveaway-detail .btn-follow {
    width: 63px;
    height: 63px;
    border-radius: 4px;
}

.giveaway-section .giveaway-item form.followform {
    width: auto;
}

.giveaway-section .scrolling-wrapper {
    overflow-x: hidden;
    overflow-y: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    max-height: 300px;
    padding-right: 10px;
}

.giveaway-section .scrolling-wrapper.small {
    height: 167px;
}

.giveaway-section .scrolling-wrapper::-webkit-scrollbar {
    height: 6px;
    width: 6px;
}

.giveaway-section .scrolling-wrapper::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.4);
    border-radius: 4px;
}

.giveaway-section .scrolling-wrapper::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.2);
}

.giveaway-section .time-icon {
    width: 60px;
    min-width: 60px;
    height: 50px;
    background-color: #f68913;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 25px;
    color: #FFF;
    font-size: 22px;
    border-radius: 4px;
}

.giveaway-section .left-time {
    font-size: 16px;
    font-weight: 400;
    color: #666f79;
    white-space: nowrap;
}

.giveaway-section .left-time b {
    font-weight: 600;
}

.giveaway-section .title {
    color: #353844;
    font-size: 24px;
    font-weight: 600;
}

.giveaway-section .card {
    border-radius: 4px;
    box-shadow: 0 0 32px 0 rgba(56, 53, 67, 0.1);
}

.giveaway-section .card .border-left-1,
.giveaway-section .card .border-top-1 {
    border-color: #E0E0E0;
}

.giveaway-section .card .card-body {
    padding: 20px;
}

.giveaway-section .card .card-footer {
    padding: 25px 20px;
}

.giveaway-section .card .time {
    background-color: #efefef;
    color: #666f79;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    line-height: 1.2;
}

.giveaway-section .card .count {
    background-color: #efefef;
    color: #666f79;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
}

.giveaway-section .card .count .count-item {
    flex: 0 0 auto;
    width: 50%;
    line-height: 1.4;
    padding: 10px;
}

.giveaway-section .card .count .count-item:first-child {
    border-right: 1px solid #E0E0E0;
}

.giveaway-section .card .count .count-item .count-main {
    font-size: 16px;
    font-weight: 600;
    color: #182939;
}

.giveaway-section .card .count .count-item .count-sub {
    font-size: 13px;
    font-weight: 600;
    color: #182939;
    opacity: 0.5;
}

.giveaway-section .card .subitem {
    position: relative;
}

.giveaway-section .card .subitem img {
    border-radius: 4px;
}

.giveaway-section .card .subitem span.count {
    position: absolute;
    top: 4px;
    left: 4px;
    background-color: #11d377;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    padding: 0 7px;
    border-radius: 4px;
    height: 22px;
    white-space: nowrap;
    line-height: 22px;
    display: block;
}

.giveaway-section .giveway-input {
    width: 100%;
    max-width: 270px;
    line-height: 1.5;
    height: 50px;
}

.giveaway-section .giveway-search {
    position: relative;
}

.giveaway-section .giveway-search i {
    position: absolute;
    z-index: 5;
    font-size: 20px;
    top: 16px;
    left: 18px;
    color: #A5B1C6;
}

.giveaway-section .giveway-search i.clear-btn {
    left: auto;
    right: 10px;
    cursor: pointer;
}

.giveaway-section .giveway-search i.clear-btn:hover {
    color: #888;
}

.giveaway-section .giveway-search .giveway-input {
    position: relative;
    z-index: 1;
    padding-left: 55px;
    padding-right: 35px;
}

.giveaway-section .filter-item {
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    padding: 10px;
    font-size: 15px;
    font-weight: 600;
    color: #525257;
    cursor: pointer;
    border-radius: 4px;
    width: 100%;
    border: 0;
    background: transparent;
}

.giveaway-section .filter-item.selected {
    color: #10c56f;
}

.giveaway-section .filter-item:hover {
    background-color: rgba(49, 224, 114, 0.2);
    color: #10c56f;
}

.giveaway-section .user-avatar {
    width: 80px;
    height: 80px;
    min-width: 80px;
    border-radius: 4px;
    overflow: hidden;
    margin-right: 20px;
}

.giveaway-section .user-avatar img {
    width: 80px;
    height: 80px;
    min-width: 80px;
    border-radius: 4px;
    display: block;
}

.giveaway-section .user-data {
    line-height: 1.5;
}

.giveaway-section .user-data .user-name {
    font-size: 20px;
    font-weight: 600;
    color: #1d1d1d;
}

.giveaway-section .user-data .sticker {
    display: inline-block;
}

.giveaway-section .user-data .sticker img {
    width: 20px;
    height: 20px;
    object-fit: contain;
}

.giveaway-section .user-data .user-sub-title {
    font-size: 16px;
    font-weight: 600;
    color: #2cd09d;
    min-height: 48px;
}

.giveaway-section .default-avatar {
    width: 60px;
    height: 60px;
    min-width: 60px;
    border-radius: 4px;
    background-color: rgba(61, 90, 254, 0.1);
    display: block;
    line-height: 60px;
    text-align: center;
    margin-right: 20px;
    font-size: 22px;
    color: #3d5afe;
}

.giveaway-section .default-avatar img {
    width: 80px;
    height: 80px;
    border-radius: 4px;
    display: block;
}

.giveaway-section .default-data {
    line-height: 1.5;
}

.giveaway-section .default-data .default-name {
    font-size: 20px;
    font-weight: 600;
    color: #3d5afe;
}

.giveaway-section .default-data .default-sub-title {
    font-size: 16px;
    font-weight: 400;
    color: #353c44;
}

.giveaway-section .head-desc {
    padding: 10px 20px;
    background-color: rgba(0, 0, 0, 0.1);
    text-align: center;
    border-radius: 4px;
    line-height: 1.5;
}

.giveaway-section .head-desc .main-txt {
    font-size: 16px;
    font-weight: 600;
}

.giveaway-section .head-desc .sub-txt {
    font-size: 13px;
    font-weight: 600;
    color: #182939;
    opacity: 0.5;
    white-space: nowrap;
}

.giveaway-section .head-desc.green {
    background-color: rgba(56, 231, 128, 0.1);
}

.giveaway-section .head-desc.green .main-txt {
    color: #11d377;
}

.giveaway-section .head-desc.blue {
    background-color: rgba(61, 90, 254, 0.1);
}

.giveaway-section .head-desc.blue .main-txt {
    color: #3d5afe;
}

.ilanlarim-sub-hero {
    padding: 94px 0 58px 0;
    min-height: 320px;
    background: url(../img/ilanlarim-background.jpg) top center repeat-x;
    background-color: #FFFFFF;
    background-size: cover;
}

.ilanlarim-sub-hero.all-categories {
    min-height: 298px;
    max-height: 298px;
    padding: 76px 0 58px 0;
}

.ilanlarim-sub-hero.all-categories .sub-hero-title p {
    font-family: Gilroy, sans-serif;
    font-size: 17px;
    color: #fff;
    font-weight: normal;
    margin-top: 25px;
    text-align: center;
}

.ilanlarim-sub-hero .sub-hero-title {
    font-size: 26px;
    font-weight: 600;
    color: #FFF;
}

.ilanlarim-sub-hero .separator {
    width: 100%;
    height: 29px;
    display: block;
}

.ilanlarim-sub-hero .search-box {
    position: relative;
    backdrop-filter: blur(15px);
    background-color: rgba(255, 255, 255, 0.1215686275);
    border-radius: 4px;
    padding: 11px;
}

.ilanlarim-sub-hero .search-box .my-product-search-input {
    width: 100%;
    height: 55px;
    border-radius: 4px;
    padding: 10px 50px 10px 25px;
    color: #6b6b6b;
    font-size: 16px;
    font-weight: 500;
    border: 0;
}

.ilanlarim-sub-hero .search-box .search-icon-box {
    position: absolute;
    font-size: 16px;
    color: #000;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
}

.ilanlarim-sub-hero .search-box .clear-icon {
    cursor: pointer;
}

.ilanlarim-sub-hero .filter-box {
    position: relative;
    width: 100%;
    border-radius: 4px;
    backdrop-filter: blur(15px);
    background-color: rgba(255, 255, 255, 0.1215686275);
    padding: 11px;
}

.ilanlarim-sub-hero .filter-box a {
    height: 55px;
    padding: 0 12px;
    align-items: center;
    display: flex;
    justify-content: center;
    white-space: nowrap;
    border-radius: 4px;
    width: 100%;
    color: #FFF;
    font-weight: 500;
    font-size: 16px;
}

.ilanlarim-sub-hero .filter-box a.selected,
.ilanlarim-sub-hero .filter-box a:hover,
.ilanlarim-sub-hero .filter-box a:active {
    background-color: #FFF;
    color: #000;
}

.ilanlarim-sub-hero .filter-select {
    height: 55px;
    border-radius: 4px;
}

section.all-category {
    margin-top: 30px;
    margin-bottom: 30px;
}

section.all-category .category .detail {
    background-color: #fff;
    border-radius: 4px;
}

section.all-category .category .detail .left {
    position: relative;
    background-size: cover !important;
    background-position: center !important;
    max-width: 200px;
    min-width: 200px;
    min-height: 373px;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-bottomleft: 6px;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}

section.all-category .category .detail .left .detaylar {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: absolute;
    width: 100%;
    bottom: 0;
    padding-bottom: 20px;
    padding-top: 20px;
    background: rgb(0, 0, 0);
    background: linear-gradient(0deg, rgb(0, 0, 0) 20%, rgba(255, 255, 255, 0) 100%);
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-bottomleft: 6px;
    border-bottom-left-radius: 6px;
}

section.all-category .category .detail .left .detaylar h2 {
    font-family: Gilroy, sans-serif;
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    margin-left: 15px;
    margin-right: 15px;
}

section.all-category .category .detail .right {
    position: relative;
    width: 100%;
}

section.all-category .category .detail .right .sub-categories {
    padding: 30px 0px 30px 22px;
}

section.all-category .category .detail .right .sub-categories .title {
    font-family: Gilroy, sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #3a3947;
    margin-bottom: 23px;
}

section.all-category .category .detail .right .sub-categories .list {
    height: 240px;
    overflow: hidden;
}

section.all-category .category .detail .right .sub-categories .list::-webkit-scrollbar {
    width: 4px;
    border-radius: 2px;
}

section.all-category .category .detail .right .sub-categories .list::-webkit-scrollbar-track {
    border-radius: 2px;
    background-color: #f2f2f6;
}

section.all-category .category .detail .right .sub-categories .list::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background-color: #c8c8d4;
}

section.all-category .category .detail .right .sub-categories .list::-webkit-scrollbar-thumb:hover {
    background-color: #c8c8d4;
}

section.all-category .category .detail .right .sub-categories .list a {
    border-radius: 4px;
    color: #6b6b6b;
    margin-bottom: 10px;
    padding: 12px 0px;
    transition: all 0.3s ease;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 190px;
}

section.all-category .category .detail .right .sub-categories .list a:hover {
    padding: 12px 12px;
    background-color: rgba(61, 90, 254, 0.1);
    color: #3d5afe;
}

section.all-category .category .detail .right .bottom-block {
    position: absolute;
    margin-top: -16px;
    width: 100%;
    background-color: rgba(239, 239, 239, 0.5);
    height: 50px;
    padding: 18px 22px;
    border-top: 1px solid #dddddd;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-family: Gilroy, sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #888;
}

section.all-category .category .detail .right .bottom-block:hover {
    background-color: #3d5afe;
    color: #FFFFFF;
}

.daily-deals-hero {
    padding: 50px 0 85px 0;
    min-height: 500px;
    background-image: url(../img/magazalar-tum-hero.jpg);
    background-size: cover;
    color: #FFF;
    margin-bottom: -85px;
}

.daily-deals-hero .sub-hero-title {
    font-size: 26px;
    font-weight: 600;
    color: #FFF;
    margin-top: 30px;
}

.daily-deals-hero .sub-hero-txt p {
    font-size: 20px;
    color: #fff;
    font-weight: normal;
    margin: 20px 0 40px 0;
    text-align: center;
}

.daily-deals-hero .sub-hero-txt p b {
    font-weight: 600;
}

.daily-deals-hero .filter-box {
    position: relative;
    width: 100%;
    border-radius: 4px;
    backdrop-filter: blur(15px);
    background-color: rgba(255, 255, 255, 0.1215686275);
    padding: 11px;
    margin-bottom: 35px;
}

.daily-deals-hero .filter-box .filter-btn {
    height: 55px;
    padding: 0 12px;
    align-items: center;
    display: flex;
    justify-content: center;
    white-space: nowrap;
    border-radius: 4px;
    width: 100%;
    color: #FFF;
    font-weight: 500;
    font-size: 16px;
    cursor: pointer;
}

.daily-deals-hero .filter-box .filter-btn img {
    aspect-ratio: 1/1;
    -o-object-fit: contain;
    object-fit: contain;
    width: 45px;
    height: 45px;
}

.daily-deals-hero .filter-box .filter-btn.selected,
.daily-deals-hero .filter-box .filter-btn:hover,
.daily-deals-hero .filter-box .filter-btn:active {
    background-color: #3d5afe;
    background-color: rgba(0, 0, 0, 0.3);
    color: #FFF;
}

section.daily-deals {
    margin-top: -103px;
    margin-bottom: 70px;
}

section.daily-deals .subtitle {
    color: #1a2c3d;
    font-size: 24px;
    font-weight: 600;
    margin-top: 56px;
    margin-bottom: 76px;
    text-align: center;
}

section.daily-deals a.item {
    border-radius: 4px;
    background-color: #fff;
    display: flex;
    align-items: center;
    flex-direction: column;
    transition: all 0.3s ease;
    position: relative;
    margin-bottom: 20px;
    height: 100%;
}

section.daily-deals a.item img {
    width: 100%;
    height: auto;
}

section.daily-deals a.item span.badgediscount {
    border-radius: 16px;
    background-color: #7389ff;
    padding: 6px 14px;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    position: absolute;
    width: fit-content;
    left: 0;
    right: 0;
    top: -14px;
    margin: auto;
    z-index: 9999;
}

section.daily-deals a.item:hover {
    transform: scale(1.05);
}

section.daily-deals a.item img {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

section.daily-deals a.item span.detail {
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

section.daily-deals a.item span.detail span.title {
    color: #1e1e1f;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 16px;
    display: block;
    text-align: center;
    line-height: 1.4;
    min-height: 50px;
}

section.daily-deals a.item span.detail span.oldprice {
    opacity: 0.5;
    color: #1e1e1f;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 10px;
    display: block;
    text-decoration: line-through;
}

section.daily-deals a.item span.detail .price {
    color: #1e1e1f;
    font-size: 24px;
    font-weight: 600;
    display: block;
    margin-bottom: 20px;
}

section.daily-deals a.item span.detail span.btn-buy {
    border-radius: 26px;
    background-color: #11d377;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    padding: 20px;
    width: 100%;
    text-align: center;
    transition: all 0.3s ease;
}

section.daily-deals a.item span.detail span.btn-buy:hover {
    transform: translateY(-5px);
}

@media (max-width: 768px) {
    .fdwdw {
        flex-direction: column-reverse;
        gap: 0px;
        margin-top: 10px;
    }

    .fdwdw .seller {
        width: 100%;
    }

    section.ilanlarim-sub-hero.all-categories {
        max-height: 325px;
        min-height: 325px;
    }

    section.t-detail .box .buybox .number {
        max-width: 100% !important;
        width: 100%;
    }

    .user-box.usertcv {
        flex-direction: column !important;
        align-items: flex-end !important;
    }

    section.t-detail .box .buybox .price {
        font-size: 18px !important;
    }

    section.t-detail .box .buybox .price .tag {
        font-size: 12px !important;
    }

    section.all-category .category .detail {
        zoom: 0.9;
    }

    section.all-category .category .detail .right .sub-categories {
        padding: 25px 0px 30px 22px;
    }

    section.all-category .category .detail .right .sub-categories .list {
        height: 245px;
        overflow: hidden;
    }

    section.all-category .category .detail .right .sub-categories .list a {
        padding: 12px 0px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 140px;
    }

    section.all-category .category .detail .right .sub-categories .list a:hover {
        padding: 12px 3px;
        display: flex;
        align-items: center;
    }
}

/* CS2 trade detail - ana kart yapısı */
.cs2-trade-detail .buyer-protection-banner {
    border-radius: 4px;
    padding: 8px 12px;
    display: flex;
    align-items: center;
    gap: 10px;
    border: 1px solid rgba(37, 99, 235, 0.16);
    background: rgba(59, 130, 246, 0.04);
}

.cs2-trade-detail .buyer-protection-banner .bp-icon {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #2563eb, #4f46e5);
    color: #fff;
    flex-shrink: 0;
}

.cs2-trade-detail .buyer-protection-banner .bp-icon i {
    font-size: 18px;
}

.cs2-trade-detail .buyer-protection-banner .bp-text {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.cs2-trade-detail .buyer-protection-banner .bp-text .bp-title {
    font-size: 13px;
    font-weight: 600;
    color: #0f172a;
}

.cs2-trade-detail .buyer-protection-banner .bp-text .bp-desc {
    font-size: 12px;
    color: #4b5563;
}

.cs2-trade-detail .buyer-protection-banner .bp-chip {
    margin-left: auto;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 5px 9px;
    border-radius: 999px;
    background: #1d4ed8;
    color: #fff;
    font-size: 11px;
    font-weight: 600;
    white-space: nowrap;
}

.cs2-trade-detail .buyer-protection-banner .bp-chip i {
    font-size: 13px;
}

.cs2-trade-detail .card {
    border-radius: 4px;
    box-shadow: 0 4px 10px rgba(15, 23, 42, 0.04);
    border: 1px solid rgba(148, 163, 184, 0.2);
}

.cs2-trade-detail .skin-float .float-progress {
    height: 8px;
    border-radius: 999px;
    overflow: hidden;
    display: flex;
    position: relative;
    background: #e5e7eb;
}

.cs2-trade-detail .skin-float .float-segment {
    height: 100%;
}

.cs2-trade-detail .skin-float .float-pointer {
    position: absolute;
    top: -8px;
    transform: translateX(-50%);
    font-size: 14px;
    color: #111827;
}

.cs2-trade-detail .cs2-product-info-card h3,
.cs2-trade-detail .cs2-variants-card h3,
.cs2-trade-detail .cs2-similar-card h3 {
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 8px;
}

.cs2-trade-detail .cs2-variants-card .border {
    border-radius: 4px !important;
}

@media screen and (min-width: 320px) and (max-width: 430px) {
    section.ilanlarim-sub-hero.all-categories {
        max-height: 310px;
        min-height: 310px;
    }
}

@media screen and (min-width: 320px) and (max-width: 390px) {
    section.ilanlarim-sub-hero.all-categories {
        max-height: 328px;
        min-height: 328px;
    }
}

.wm-btn {
    padding: 15px 14px 15px 26px;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    border-radius: 4px;
    display: flex;
    align-items: center;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    z-index: 1;
    white-space: nowrap;
}

.wm-btn:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    z-index: -2;
}

.wm-btn:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.15);
    transition: all 0.3s;
    border-radius: 4px;
    z-index: -1;
}

.wm-btn:hover {
    color: #fff;
}

.wm-btn:hover:before {
    width: 100%;
}

.wm-btn.green {
    background-color: #11d377;
    color: #fff;
}

.wm-btn.green:after {
    background-color: #11d377;
}

.wm-btn.orange {
    background: #ff9101;
    color: #fff;
}

.wm-btn.orange:after {
    background-color: #ff9101;
}

.wm-btn.blue {
    background-color: #3d5afe;
    color: #fff;
}

.wm-btn.blue:after {
    background-color: #3d5afe;
}

.wm-btn i {
    margin-left: 20px;
}

.wm-btn.square {
    border-radius: 4px;
    height: 50px;
}

.wm-btn.square:before {
    border-radius: 4px;
}

.my-product-list {
    padding: 26px 0 60px 0;
    min-height: 400px;
}

.my-product-list #search-title {
    margin-top: 32px;
}

.my-product-list .subtitle {
    font-weight: 600;
    font-size: 18px;
    color: #2c2e38;
}

.my-product-list .group-title.hide {
    display: block;
    margin: 0 0 16px 0;
    height: 1px;
    overflow: hidden;
}

.my-product-list .category-icon {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    border-radius: 4px;
}

.my-product-list .category-icon img {
    width: 100%;
    max-width: 30px;
    max-height: 30px;
}

.my-product-list .product-card .adminpasifi {
    position: absolute;
    z-index: 12;
    top: 26px;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(37, 37, 37, 0.9);
    border-radius: 4px;
    padding: 20px;
    color: #FFF;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    line-height: 1.3;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    pointer-events: none;
    cursor: pointer;
    line-break: anywhere;
    backdrop-filter: blur(1px);
}

.my-product-list .product-card .product-body {
    box-shadow: 0 10px 15px -5px rgba(50, 61, 86, 0.2);
}

.my-product-list .product-card .product-body .img-box .info {
    background: rgba(255, 255, 255, 0.5);
    text-align: center;
    font-weight: 600;
}

.my-product-list .product-card .control-box {
    background-color: rgba(239, 239, 239, 0.5);
    padding: 10px;
    border-radius: 0 0 6px 6px;
    margin: 6px -5px -5px -5px;
}

.my-product-list .product-card .control-box .btn {
    width: 100%;
    height: 36px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 600;
    padding: 0 2px;
    line-height: 35px;
}

.my-product-list .product-card .control-box .btn i {
    font-size: 16px;
}

.my-product-list .product-card .control-box .btn.green {
    background-color: #11d377;
    color: #fff;
}

.my-product-list .product-card .control-box .btn.green:after {
    background-color: #11d377;
}

.my-product-list .product-card .control-box .btn.green:hover {
    background-color: #10c56f;
}

.my-product-list .product-card .control-box .btn.orange {
    background: #ff9101;
    color: #fff;
}

.my-product-list .product-card .control-box .btn.orange:after {
    background-color: #ff9101;
}

.my-product-list .product-card .control-box .btn.orange:hover {
    background-color: #D97B01;
}

.my-product-list .product-card .control-box .btn.blue {
    background-color: #3d5afe;
    color: #fff;
}

.my-product-list .product-card .control-box .btn.blue:after {
    background-color: #3d5afe;
}

.my-product-list .product-card .control-box .btn.blue:hover {
    background-color: #344DD8;
}

.load-icon {
    animation: aload 0.8s infinite linear;
}

body.auth {
    margin: 0;
    padding: 0;
    background: #F7F7FF;
}

.max-500px {
    max-width: 500px;
}

.login-form {
    background: url(../img/login-bg-2.jpg) top center no-repeat transparent;
    background-size: 100%;
}

.login-form .login-cover {
    background: url('data:image/svg+xml,<svg version="1.2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 3000 1200" width="3000" height="1200"><path id="Path" fill="%23f7f7ff" d="m1478 685c0 0 23.3 9 42 0l1493.6-706.2-1.5 1230.3-3018.2-1.5-6-1231.8z"/></svg>');
    background-position: center top;
}

.login-form .login-cover.mini {
    background-position: center -180px;
}

.login-form .login-cover .login-logo {
    text-align: center;
    padding: 70px 0 40px 0;
}

.login-form .login-cover .login-logo a {
    display: inline-block;
    text-align: center;
}

.login-form .login-cover .login-logo img {
    height: 60px;
    width: 100%;
    max-width: 200px;
}

.login-form .login-cover .login-logo .light {
    display: block;
}

.login-form .login-cover .login-logo .dark {
    display: none;
}

.login-form .card {
    box-shadow: 0px 4px 49px 0 rgba(0, 0, 0, 0.09);
    border-radius: 4px;
    padding: 50px 55px 30px 55px;
}

.login-form .form-group {
    position: relative;
}

.login-form .form-group i {
    position: absolute;
    padding: 10px;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    color: #DAE0ED;
    font-size: 20px;
    z-index: 99999 !important;
}

.login-form .form-group i.change-pass {
    cursor: pointer;
}

.login-form .form-group i.change-pass:hover {
    color: #325cf4;
}

.login-form iframe {
    zoom: 1;
}

.login-form .form-control {
    border-radius: 4px;
    border: 1px solid #DAE0ED;
    padding: 5px 45px 5px 25px;
    height: 60px;
    line-height: 60px;
    transition: none;
}

.login-form .form-control.is-invalid {
    background-position: right 20px center;
}

.login-form .f-title {
    font-size: 30px;
    font-weight: 600;
    color: #325cf4;
}

.login-form .send-btn {
    font-size: 16px;
    font-weight: 500;
    color: #FFF;
    background: #325cf4;
    width: 100%;
    height: 60px;
    line-height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px 40px;
    border-radius: 4px;
    outline: 0 !important;
    border-color: transparent !important;
}

.login-form .send-btn:hover {
    background: #344DD8;
    color: #FFF;
}

.login-form .send-btn.green {
    background: #11d377;
}

.login-form .send-btn.green:hover {
    background: #10c56f;
    color: #FFF;
}

.login-form .send-btn.small {
    width: auto;
    height: 40px;
    padding: 5px 20px;
    line-height: 10px;
    box-shadow: none;
    font-size: 14px;
}

.login-form .form-bottom-btn {
    font-size: 18px;
    font-weight: 500;
    color: #FFF;
    background: #11d377;
    width: 100%;
    height: 80px;
    line-height: 80px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 40px;
    border-radius: 4px;
    box-shadow: -13.4px 13.4px 32px 0 rgba(49, 224, 114, 0.36);
    text-transform: uppercase;
    outline: 0 !important;
    border-color: transparent !important;
}

.login-form .form-bottom-btn:hover {
    background: #10c56f;
    color: #FFF;
}

.login-form .form-bottom-btn.green {
    background: #11d377;
    box-shadow: -13.4px 13.4px 32px 0 rgba(49, 224, 114, 0.36);
}

.login-form .form-bottom-btn.green:hover {
    background: #10c56f;
    color: #FFF;
}

.login-form .form-bottom-btn.blue {
    background: #325cf4;
    box-shadow: -13.4px 13.4px 32px 0 rgba(50, 92, 244, 0.36);
}

.login-form .form-bottom-btn.blue:hover {
    background: #344DD8;
    color: #FFF;
}

.login-form .form-bottom-btn.orange {
    background: #ff9101;
    box-shadow: -13.4px 13.4px 32px 0 rgba(255, 145, 1, 0.36);
}

.login-form .form-bottom-btn.orange:hover {
    background: #D97B01;
    color: #FFF;
}

.login-form .form-bottom-btn.small {
    width: auto;
    height: 40px;
    padding: 5px 20px;
    line-height: 10px;
    box-shadow: none !important;
    font-size: 14px;
    text-transform: initial;
    outline: 0 !important;
    border-color: transparent !important;
}

.login-form .pass-reset-btn {
    color: #b3c1db;
    font-size: 16px;
    font-weight: 500;
}

.login-form .pass-reset-btn:hover {
    color: #325cf4;
}

.login-form .social-login-btn {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.login-form .social-login-btn .btn {
    height: 60px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #CCC;
    font-size: 26px;
}

.login-form .social-login-btn .btn i {
    color: #FFF;
}

.login-form .social-login-btn .btn.google {
    background: #dd4b39;
}

.login-form .social-login-btn .btn.google:hover {
    background: #c23321;
}

.login-form .social-login-btn .btn.facebook {
    background: #1873eb;
}

.login-form .social-login-btn .btn.facebook:hover {
    background: #135ec1;
}

.login-form .social-login-btn .btn.twitch {
    background: #8d45f8;
}

.login-form .social-login-btn .btn.twitch:hover {
    background: #6f36c3;
}

.login-form .social-login-btn .btn.discord {
    background: #5764f1;
}

.login-form .social-login-btn .btn.discord:hover {
    background: #4550c2;
}

.login-form .login-coypright {
    color: #788094;
    opacity: 0.5;
    font-size: 16px;
    font-weight: 400;
}

.login-form .tk-vdigit {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 15px 0;
}

.login-form .tk-vdigit .tk-vinput {
    width: 50px;
    height: 50px;
    padding: 14px 0 12px 0;
    min-width: 50px;
    text-align: center;
    border-radius: 4px;
    box-shadow: 0 0 54px 0 rgba(0, 0, 0, 0.2);
    border: 1px solid #FFF;
    color: #32354c;
    font-size: 22px;
    font-weight: 600;
    line-height: 22px;
}

.login-form label a:hover {
    text-decoration: underline;
}

.btn-follow {
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-follow.green {
    background-color: rgba(32, 198, 92, 0.1);
    color: #11d377;
}

.btn-follow.green:hover {
    background-color: #11d377;
    color: #FFF;
}

.btn-follow.orange {
    background-color: rgba(255, 159, 28, 0.1);
    color: #ff9103;
}

.btn-follow.orange:hover {
    background-color: #ff9103;
    color: #FFF;
}

.stores-sub-hero .search-box .search-icon-box {
    width: 16px;
    height: 16px;
}

.stores-sub-hero .search-box .search-icon-box i {
    position: absolute;
}

.stores-sub-hero .filter-box a.orange {
    background-color: #ff9101;
    color: #FFF;
}

.stores-sub-hero .filter-box a.orange:hover {
    background-color: #D97B01;
}

.stores-sub-hero .sub-hero-txt {
    font-size: 17px;
    font-weight: 400;
    color: #FFF;
}

.stores-sub-hero {
    padding: 140px 0 130px 0;
    min-height: 460px;
    background-image: url(../img/magazalar-tum-hero.jpg);
}

.stores-section {
    padding-top: 0;
}

.stores-section .top-user-seperator {
    margin: -5px 0;
    z-index: 5;
    position: relative;
    height: 14px;
    width: 100%;
    background-image: url("data:image/svg+xml,%3Csvg version='1.2' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 14' width='20' height='14'%3E%3Cpath id='Şekil 1' fill='%23efefef' d='m13 14c-3.9 0-7-3.1-7-7 0-3.9 3.1-7 7-7 3.9 0 7 3.1 7 7 0 3.9-3.1 7-7 7z'/%3E%3C/svg%3E");
}

.stores-section .top-five-list {
    box-shadow: none;
    padding: 20px;
    position: relative;
    z-index: 1;
}

.stores-section .top-five-list .rank-box {
    border-radius: 0 15px 15px 0;
    background-color: #ff9101;
    color: #FFF;
    width: 70px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin: 0 15px 0 -20px;
}

.stores-section .top-five-list .rank-box .no {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.5;
}

.stores-section .top-five-list .rank-box .no-title {
    font-size: 10px;
    font-weight: 500;
    line-height: 1.5;
}

.stores-section .top-five-list .rank-btn {
    height: 56px;
    width: auto;
    padding: 5px 20px 5px 15px;
}

.stores-section .top-five-list .rank-btn i {
    margin-right: 12px;
}

.stores-section .top-five-list .rank-btn span {
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
}

.stores-section.all-store {
    margin-top: -120px;
}

.stores-section .s-title {
    color: #1e1e1f;
    font-size: 20px;
    font-weight: 600;
    padding: 40px 0 10px 0;
}

.stores-section .applystore {
    border-radius: 4px;
    background: url("../img/applystorebg.png") center center no-repeat #3d5afe;
    padding: 20px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.stores-section .applystore img {
    max-height: 120px;
}

.stores-section .applystore .title {
    color: #fff;
    margin-top: 36px;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 24px;
}

.stores-section .applystore p.desc {
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 24px;
    text-align: center;
    line-height: 1.3;
}

.stores-section .applystore a.btn-apply {
    border-radius: 4px;
    background-color: #fff;
    padding: 14px 16px 14px 26px;
    color: #3d5afe;
    font-size: 16px;
    font-weight: 600;
    display: flex;
    align-items: center;
    transition: all 0.3s ease;
}

.stores-section .applystore a.btn-apply:hover {
    transform: translateY(-5px);
}

.stores-section .applystore a.btn-apply i {
    margin-left: 50px;
}

.stores-section .store-row {
    position: relative;
    transition: all 0.3s ease;
}

.stores-section .store-row:hover {
    box-shadow: 0 6px 16px 0 rgba(56, 53, 67, 0.2);
}

.stores-section .store-row .highlight {
    border-radius: 15px;
    background-color: #ff9101;
    padding: 6px 14px;
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    width: fit-content;
    display: flex;
    align-items: center;
    position: absolute;
    left: 0;
    right: 0;
    top: -14px;
    margin: 0 auto;
}

.stores-section .store-row .img {
    overflow: hidden;
    border-radius: 10px 10px 0 0;
    position: relative;
}

.stores-section .store-row .img img {
    max-height: 126px;
    border-radius: 10px 10px 0 0;
    transition: all 0.3s ease;
    aspect-ratio: 1/1;
    object-fit: cover;
    width: 100%;
}

.stores-section .store-row .store-sub-products {
    box-shadow: none;
    transition: all 0.3s ease;
    position: relative;
}

.stores-section .store-row .store-sub-products .card-body {
    padding: 16px;
}

.stores-section .store-row .store-sub-products .p-title {
    color: #1e1e1f;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.3;
    min-height: 40px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition: all 0.3s ease;
}

.stores-section .store-row .store-sub-products .p-title:hover {
    color: #3d5afe;
}

.stores-section .store-row .store-sub-products .price {
    color: #1e1e1f;
    font-size: 16px;
    font-weight: 600;
}

.stores-section .store-row .store-sub-products:hover {
    transform: scale(1.05);
}

.stores-section .user-data .user-sub-title {
    font-weight: 400;
    color: #1d1d1d;
    opacity: 0.5;
    font-size: 14px;
}

.stores-section .user-data .badge {
    background: #11d377;
    font-size: 12px;
}

.discord-card .card-box {
    padding: 22px;
    border-radius: 4px;
    background: url("../img/discordbg.jpg") center center no-repeat #3d5afe;
    background-size: cover;
}

.discord-card .card-box .title {
    color: #fff;
    font-size: 26px;
    font-weight: 700;
    display: flex;
    align-items: center;
}

.discord-card .card-box .title i {
    font-size: 60px;
    margin-right: 18px;
}

.discord-card .card-box .link {
    border-radius: 27px;
    border: 1px solid #0a0a0e;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 8px 8px 26px;
}

.discord-card .card-box .link i {
    color: #7289da;
    font-size: 22px;
    margin-right: 6px;
}

.discord-card .card-box .link .text {
    color: #abaabb;
    font-size: 18px;
    font-weight: 500;
}

.discord-card .card-box .link .btn-copy {
    border-radius: 20px;
    background-color: rgba(61, 90, 254, 0.3);
    color: #3d5afe;
    font-size: 16px;
    font-weight: 600;
    padding: 12px 28px;
    transition: all 0.3s ease;
    border: 0;
}

.discord-card .card-box .link .btn-copy:hover {
    background-color: #3d5afe;
    color: #fff;
}

section.text-content {
    padding-top: 20px;
    padding-bottom: 50px;
}

section.text-content .card {
    border-radius: 4px;
    padding: 30px;
}

section.text-content .card .content {
    max-height: 224px;
    overflow-y: scroll;
    color: #7b7b84;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    padding-right: 10px;
}

section.text-content .card .content::-webkit-scrollbar {
    width: 5px;
    border-radius: 2px;
}

section.text-content .card .content::-webkit-scrollbar-track {
    border-radius: 2px;
    background-color: rgba(193, 191, 214, 0.2);
}

section.text-content .card .content::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background-color: #c1bfd6;
}

section.text-content .card .content::-webkit-scrollbar-thumb:hover {
    background-color: #c1bfd6;
}

section.text-content .card .content>*:not(:last-child) {
    margin-bottom: 20px;
}

section.text-content .card .content h1 {
    color: #1d1b3a;
    font-size: 24px;
    font-weight: 600;
}

section.text-content .card .content h2 {
    color: #1d1b3a;
    font-size: 20px;
    font-weight: 600;
}

section.text-content .card .content h3 {
    color: #1d1b3a;
    font-size: 18px;
    font-weight: 600;
}

section.text-content .card .content b,
section.text-content .card .content strong {
    color: #7b7b84;
    font-weight: 600;
}

section.text-content .card .content a {
    color: #1d1b3a;
    font-weight: 500;
    text-decoration: underline;
}

section.text-content .card .content ol {
    list-style: decimal;
}

section.text-content .card .content ol li {
    color: #7b7b84;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.3;
    margin-left: 20px;
    margin-bottom: 12px;
}

section.text-content .card .content ul {
    list-style: disc;
}

section.text-content .card .content ul li {
    color: #7b7b84;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.3;
    margin-left: 20px;
    margin-bottom: 12px;
}

.utouch-icon {
    width: 100%;
    height: 100%;
}

.empty .icon {
    fill: #353844;
    opacity: 0.5;
}

.empty .icon svg {
    width: 50px;
    height: 50px;
}

.like-form {
    position: absolute;
    z-index: 10;
    top: 10px;
    left: 10px;
}

.like-form .unlike {
    color: #FFF;
    fill: #FFF;
    width: 30px;
    height: 30px;
    border-radius: 4px;
    border: 0;
    background: #ff9103;
}

.like-form .unlike:hover {
    background: #D97B01;
    color: #FFF;
}

.favorite-products-sub-hero .filter-box a,
.favorite-products-sub-hero .search-box .my-product-search-input {
    font-weight: 600;
}

.favorite-products-sub-hero .filter-box a:hover,
.favorite-products-sub-hero .filter-box a.selected {
    font-weight: 600;
    color: #6b6b6b;
}

.favorite-products {
    padding: 26px 0 35px 0;
}

.favorite-products span.badge {
    padding: 8px 20px 7px 35px;
    font-size: 12px;
    position: absolute;
    top: 0;
    transform: translateY(-50%);
    border-radius: 16px;
    width: 113px;
    height: 28px;
}

.favorite-products span.badge i {
    background-color: rgba(0, 0, 0, 0.168627451);
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    font-size: 16px;
    width: 30px;
    height: 100%;
    top: 0;
    -webkit-border-top-left-radius: 16px;
    -webkit-border-bottom-left-radius: 16px;
    -moz-border-radius-topleft: 16px;
    -moz-border-radius-bottomleft: 16px;
    border-top-left-radius: 16px;
    border-bottom-left-radius: 16px;
}

.favorite-products span.badge.orange {
    background-color: #FF9101;
}

.favorite-products span.badge.green {
    background-color: #11d377;
}

.favorite-products .product-img img {
    width: 80px;
    height: 80px;
    border-radius: 4px;
    -o-object-fit: cover;
    object-fit: cover;
    margin-right: 20px;
    min-width: 80px;
    min-height: 80px;
}

.favorite-products .product-row-card h3 {
    color: #121212;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
}

.favorite-products .item p {
    color: #121212;
    font-size: 16px;
    font-weight: 400;
}

.favorite-products .price {
    margin-top: 10px;
}

.favorite-products .price .new {
    color: #11d377;
    font-size: 18px;
    font-weight: 500;
}

.favorite-products .price .old {
    color: #BDBDBD;
    font-size: 16px;
    font-weight: 500;
    text-decoration: line-through;
}

.favorite-products .number {
    border-radius: 4px;
    border: 1px solid #3D5AFE;
    background-color: #fff;
    padding: 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 160px;
}

.favorite-products .btn-buy {
    border-radius: 4px;
    background-color: #11d377;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    padding: 10px 20px;
    height: 56px;
    border: 0;
    transition: all 0.3s ease;
}

.favorite-products .btn-buy.stokyok {
    background-color: #ff9103 !important;
}

.favorite-products .btn-buy:hover {
    background-color: #10c56f;
}

.favorite-products .btn-buy i {
    margin-right: 16px;
}

.favorite-products .number {
    border-radius: 4px;
    border: 1px solid #3D5AFE;
    background-color: #fff;
    padding: 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 160px;
}

.favorite-products .number button {
    width: 34px;
    height: 34px;
    min-width: 34px;
    border-radius: 4px;
    background-color: rgba(61, 90, 254, 0.2);
    color: #3D5AFE;
    font-size: 16px;
    font-weight: 400;
    border: 0;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.favorite-products .number button:hover {
    background-color: #3d5afe;
    color: #fff;
}

.favorite-products .number input {
    width: 60px;
    color: #9A9A9A;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    border: 0;
    padding-top: 6px;
    padding-bottom: 6px;
}

.favorite-products .btn-unlike {
    color: #FFF;
    fill: #FFF;
    width: 56px;
    min-width: 56px;
    height: 56px;
    border-radius: 4px;
    border: 0;
    background: #ff9103;
    font-size: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.favorite-products .btn-unlike svg {
    width: 22px;
    height: 22px;
}

.favorite-products .btn-unlike:hover {
    background: #D97B01;
    color: #FFF;
}

.btn-swicth {
    display: flex;
    align-items: center;
    justify-content: space-between;
    white-space: nowrap;
    padding: 5px 0;
}

.btn-swicth .swicth-icon {
    width: 40px;
    height: 20px;
    border-radius: 4px;
    background-color: rgba(0, 0, 0, 0.2);
    padding: 3px;
    margin: 0 0 0 15px;
    display: flex;
    cursor: pointer;
    transition: 0.3s;
}

.btn-swicth .swicth-icon:before {
    content: " ";
    width: 14px;
    height: 14px;
    background-color: #FFF;
    display: block;
    border-radius: 50%;
    transition: 0.3s;
}

.btn-swicth.on .swicth-icon {
    background-color: #38e780;
}

.btn-swicth.on .swicth-icon:before {
    background-color: #FFF;
    margin-left: calc(100% - 14px);
}

.ilan-pazari-hero {
    min-height: 180px;
    background-size: cover;
    color: #FFF;
}

.ilan-pazari-hero .btn-swicth {
    font-size: 14px;
    font-weight: 500;
    background-color: rgba(255, 255, 255, 0.2);
    display: flex;
    align-items: center;
    justify-content: space-between;
    white-space: nowrap;
    border-radius: 4px;
    color: #FFF;
    background-color: rgba(255, 255, 255, 0.2);
    padding: 0 15px;
    height: 50px;
}

.ilan-pazari-hero .btn-swicth.oto-teslim-max-width {
    max-width: 205px;
}

.ilan-pazari-hero .btn-swicth .swicth-icon {
    width: 40px;
    height: 20px;
    border-radius: 4px;
    background-color: rgba(0, 0, 0, 0.2);
    padding: 3px;
    margin: 0 0 0 15px;
    display: flex;
    cursor: pointer;
}

.ilan-pazari-hero .btn-swicth .swicth-icon:before {
    content: " ";
    width: 14px;
    height: 14px;
    background-color: #FFF;
    display: block;
    border-radius: 50%;
}

.ilan-pazari-hero .btn-swicth.on .swicth-icon {
    background-color: #FFF;
    justify-content: end;
}

.ilan-pazari-hero .btn-swicth.on .swicth-icon:before {
    background-color: #38e780;
}

.ilan-pazari-hero .hero-title {
    font-size: 22px;
    font-weight: 600;
    color: #FFF;
    height: 50px;
    display: flex;
    align-items: center;
}

.ilan-pazari-hero .sup-bar {
    padding: 30px 0 10px 0;
}

.ilan-pazari-hero .sub-bar {
    padding: 20px 0;
}

.ilan-pazari-hero .filter-select {
    height: 50px;
    border: 0;
    font-size: 14px;
    padding: 0.375rem 2.25rem 0.375rem 1rem;
    font-weight: 500;
    color: #85868f;
}

.ilan-pazari .tab-change {
    padding-top: 10px;
    padding-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 600;
    color: #717f8d;
    background: #fff;
    transition: all 0.3s ease;
    cursor: pointer;
    border: 0;
    min-height: 52px;
}

.ilan-pazari .tab-change span.icon {
    font-size: 20px;
    background: #fff;
    color: #000;
    padding: 6px;
    border-radius: 100%;
    line-height: 0;
    width: 32px;
    height: 32px;
    align-items: center;
    justify-content: center;
    margin-right: 6px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    display: none;
}

.ilan-pazari .tab-change img {
    margin-right: 6px;
    border-radius: 50%;
}

.ilan-pazari .tab-change.active {
    color: #fff;
    background: #3d5afe;
}

.ilan-pazari .tab-change.active span.icon {
    opacity: 1;
    visibility: visible;
    display: flex;
    color: #3d5afe;
}

.filter-sidebar {
    position: relative;
}

.filter-sidebar .filter-title {
    background: #FFF;
    color: #3b3f23;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 600;
    padding: 16px;
    height: 50px;
}

.filter-sidebar .filter-title i {
    transition: 0.3s;
}

.filter-sidebar .filter-title.open {
    border-radius: 8px 8px 0 0;
}

.filter-sidebar .filter-title.open i {
    transform: rotate(180deg);
}

.filter-sidebar .filter-content {
    position: relative;
    width: 100%;
    color: #3b3f23;
    display: flex;
    flex-direction: column;
}

.filter-sidebar .filter-content .mb-20px {
    margin-bottom: 20px;
}

.filter-sidebar .filter-content .search-box {
    background-color: #f7f7f7;
    border-radius: 0;
    border-top: 1px solid #EAE5E5;
    border-bottom: 1px solid #EAE5E5;
    border-left: 0;
    border-right: 0;
    font-size: 14px;
    font-weight: 500;
    color: #3b3f23;
    height: 50px;
    padding: 0.375rem 1rem;
}

.filter-sidebar .katlist {
    max-height: 500px;
    overflow-y: scroll;
    margin-right: -8px;
    padding-right: 8px;
    scroll-snap-type: y mandatory;
}

.filter-sidebar .katlist::-webkit-scrollbar {
    width: 4px;
    border-radius: 2px;
}

.filter-sidebar .katlist::-webkit-scrollbar-track {
    border-radius: 2px;
    background-color: #f2f2f6;
}

.filter-sidebar .katlist::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background-color: #c8c8d4;
}

.filter-sidebar .katlist::-webkit-scrollbar-thumb:hover {
    background-color: #c8c8d4;
}

.filter-sidebar .katlist li {
    display: block;
    align-items: center;
    margin: 0 0 10px 0;
    width: 100%;
    scroll-snap-align: start;
}

.filter-sidebar .katlist li .form-check-input {
    margin: 0 6px 0 0;
    border-radius: 0;
    width: 1em;
    height: 1em;
    min-width: 1em;
}

.filter-sidebar .katlist .load-sub-cat {
    display: none;
}

.filter-sidebar .katlist .load-sub-cat li {
    margin: 0;
}

.filter-sidebar .cat-tree-main-item {
    font-weight: 600;
    font-size: 14px;
}

.filter-sidebar .cat-tree-main-item .down-icon {
    transition: 0.3s;
}

.filter-sidebar .cat-tree-main-item.opened .down-icon {
    transform: rotate(180deg);
}

.filter-sidebar .cat-tree-main-item:hover {
    cursor: pointer;
    color: #3d5afe;
}

.filter-sidebar .sticky-box-wrap {
    width: 100%;
    min-height: 60px;
}

.filter-sidebar .sticky-box-wrap .sticky-body.sticky {
    position: fixed;
    bottom: 0px;
    padding: 15px 10px;
    border-top: 1px solid #EAE5E5;
    background: rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
}

.filter-sidebar .filter-btn {
    width: 100%;
    height: 60px;
    border-radius: 4px;
    background-color: #BBB;
    color: #FFF;
    display: flex;
    align-items: center;
    justify-content: center;
}

.filter-sidebar .filter-btn:hover {
    background: #999;
    color: #FFF;
}

.filter-sidebar .filter-btn.green {
    background: #11d377;
    box-shadow: -13.4px 13.4px 32px 0 rgba(17, 211, 119, 0.36);
}

.filter-sidebar .filter-btn.green:hover {
    background: #10c56f;
    color: #FFF;
}

.filter-sidebar .filter-btn.blue {
    background: #3d5afe;
    box-shadow: -13.4px 13.4px 32px 0 rgba(50, 92, 244, 0.36);
}

.filter-sidebar .filter-btn.blue:hover {
    background: #344DD8;
    color: #FFF;
}

.filter-sidebar .filter-btn.orange {
    background: #ff9101;
    box-shadow: -13.4px 13.4px 32px 0 rgba(255, 145, 1, 0.36);
}

.filter-sidebar .filter-btn.orange:hover {
    background: #D97B01;
    color: #FFF;
}

.filter-sidebar .filter-clear-btn {
    font-size: 14px;
    font-weight: 600;
    color: #b0b1c2;
    display: block;
}

.filter-sidebar .filter-clear-btn:hover {
    color: #999;
}

.filter-sidebar .card-body {
    /* padding: 20px; */
}

.filter-sidebar .card-header {
    color: #3b3f23;
    font-size: 16px;
    font-weight: 600;
    height: 69px;
    display: flex;
    align-items: center;
    gap: 10px;
    background: transparent;
    border-top: 1px solid #EFEFEF;
}

.filter-sidebar .card-header i {
    color: #3d5afe;
}

.filter-sidebar .filter-group {
    display: block;
    margin-bottom: 30px;
    font-size: 16px;
    font-weight: 600;
    color: #1f2430;
}

.filter-sidebar .filter-group .group-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 15px;
}

.filter-sidebar .filter-group .group-title i {
    width: 20px;
    height: 20px;
    background-color: rgba(61, 90, 254, 0.2);
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #3d5afe;
    cursor: pointer;
}

.filter-sidebar .filter-group .group-title i:hover {
    background-color: rgba(61, 90, 254, 0.3);
}

.filter-sidebar .filter-group .group-title.closed i {
    transform: rotate(180deg);
}

.filter-sidebar .filter-group .group-content {
    display: block;
    color: #34323a;
    font-size: 15px;
    font-weight: 500;
}

.filter-sidebar .form-control,
.filter-sidebar .form-select {
    border-radius: 4px;
    font-size: 14px;
    height: 40px;
}

.filter-sidebar .cat-tree-content .cat-icon {
    width: 32px;
    height: 32px;
    margin: 0 8px 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    min-width: 32px;
}

.filter-sidebar .cat-tree-content .cat-icon img {
    width: 26px;
    height: 26px;
    object-fit: contain;
}

.filter-sidebar .cat-tree li .item {
    font-size: 14px;
    font-weight: 500;
    color: #1f2430;
    display: flex;
    align-items: center;
    gap: 8px;
    justify-content: space-between;
}

.filter-sidebar .cat-tree li .item .cat-tree-icon {
    display: inline-block;
    min-width: 32px;
    width: 32px;
    height: 32px;
    position: relative;
    margin: 0 6px 0 0;
}

.filter-sidebar .cat-tree li .item .cat-tree-icon:before,
.filter-sidebar .cat-tree li .item .cat-tree-icon:after {
    content: " ";
    position: absolute;
    background: #CED3E4;
}

.filter-sidebar .cat-tree li .item .cat-tree-icon:before {
    width: 2px;
    height: 100%;
    left: 15px;
    top: 0;
}

.filter-sidebar .cat-tree li .item .cat-tree-icon:after {
    width: 16px;
    height: 2px;
    left: 15px;
    top: 15px;
}

.filter-sidebar .cat-tree li .item i {
    color: #CED3E4;
    margin: 0 6px 0 0;
    font-size: 20px;
}

.filter-sidebar .cat-tree li .item:hover,
.filter-sidebar .cat-tree li .item.active i {
    color: #3d5afe;
}

.filter-sidebar .cat-tree li:last-child .cat-tree-icon:before {
    height: 50%;
}

.filter-cover-box {
    position: relative;
    width: 100%;
    border-radius: 4px;
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
    padding: 10px;
    margin-bottom: 15px;
    display: flex;
    gap: 10px;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.075);
}

.filter-cover-box a {
    height: 60px;
    padding: 0 12px;
    align-items: center;
    display: flex;
    justify-content: center;
    white-space: nowrap;
    border-radius: 4px;
    width: 100%;
    color: #444;
    font-weight: 500;
    font-size: 16px;
    transition: all 0.3s ease;
    background-color: transparent;
    border: none;
    gap: 10px;
}

.filter-cover-box a.selected,
.filter-cover-box a:hover {
    background-color: #FFF;
    color: #000;
}

body {
    overflow-x: hidden;
}

body a,
body button {
    outline: none !important;
    -webkit-tap-highlight-color: transparent !important;
}

.square-avatar {
    border-radius: 5px;
}

.site-header {
    position: relative;
    z-index: unset !important;
}

.site-header .header-top {
    width: 100%;
    min-height: 40px;
    background: #FFF;
    border-bottom: 1px solid #e4e4e4;
    display: flex;
    align-items: center;
}

.site-header .header-middle {
    width: 100%;
    min-height: 80px;
    background: #FFF;
    border-bottom: 1px solid #e4e4e4;
    display: flex;
    align-items: center;
}

.site-header .header-bottom {
    position: relative;
}

.site-header .logo img {
    height: 60px;
    width: 100%;
    max-width: 220px;
}

.site-header .logo .light {
    display: block;
}

.site-header .logo .dark {
    display: none;
}

.site-header .mobile-top-search-theme-mod {
    display: flex;
    gap: 10px;
}

.site-header .header-kurumsal-menu,
.site-header .top-menu-box {
    display: flex;
    gap: 15px;
    align-items: center;
}

.site-header .header-kurumsal-menu a.mini,
.site-header .top-menu-box a.mini {
    font-size: 13px;
    font-weight: 500;
    padding: 8px 0;
    height: auto;
    gap: 5px;
    display: flex;
    align-items: center;
}

.site-header .header-kurumsal-menu a.mini i,
.site-header .top-menu-box a.mini i {
    font-size: 13px;
}

.site-header .header-kurumsal-menu a.semi-round-btn,
.site-header .top-menu-box a.semi-round-btn {
    padding: 8px 12px;
    border-radius: 50px;
}

.site-header .header-kurumsal-menu a.semi-round-btn.dark-orange,
.site-header .top-menu-box a.semi-round-btn.dark-orange {
    background: #FF4D00;
    color: #fff;
}

.site-header .header-kurumsal-menu a.semi-round-btn.dark-orange:hover,
.site-header .top-menu-box a.semi-round-btn.dark-orange:hover {
    background: #cc3e00;
}

.site-header .header-kurumsal-menu a.semi-round-btn.blue,
.site-header .top-menu-box a.semi-round-btn.blue {
    background-color: #3d5afe;
    color: #fff;
}

.site-header .header-kurumsal-menu a.semi-round-btn.blue:hover,
.site-header .top-menu-box a.semi-round-btn.blue:hover {
    background-color: #0a2ffe;
}

.site-header .mobil-menu-container {
    min-width: 90px;
    width: 90px;
    height: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: -12px;
}

.site-header .guest-welcome-txt {
    color: #8E91A3;
    font-weight: 400;
    font-size: 14px;
}

.site-header .search-box-container {
    position: relative;
    width: 400px;
    height: 50px;
    transition: 0.3s;
}

.site-header .search-box {
    position: absolute;
    z-index: 2000;
    box-shadow: 0px 8px 27px 0 rgba(73, 73, 73, 0.05);
    border: solid 1px #d8d8e6;
    background-color: #fff;
    border-radius: 4px;
    width: 100%;
}

.site-header .search-box .search-input {
    width: 100%;
    height: 48px;
    position: relative;
    z-index: 1;
    border-radius: 4px;
    padding: 6px 50px 6px 22px;
    border: 0;
}

.site-header .search-box .search-btn {
    position: absolute;
    z-index: 6;
    top: 24px;
    right: 5px;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    border: 0;
    border-radius: 4px;
    color: #BBC5CA;
    background: transparent;
    transition: 0.3s;
    min-width: 40px;
    display: flex;
}

.site-header .search-box .search-btn:hover {
    color: #FFF;
}

.site-header .search-box .search-btn:hover:before,
.site-header .search-box .search-btn:hover:after {
    background-color: #11d377;
}

.site-header .search-box .search-btn.search-clear-btn {
    display: none;
}

.site-header .search-box .populer-search {
    display: none;
}

.site-header .search-box .populer-search .body {
    padding: 5px 5px 5px 12px;
}

.site-header .search-box .search-results-box {
    width: 100%;
    padding: 22px 10px 20px 10px;
    position: relative;
    display: none;
}

.site-header .search-box .search-results-box:before {
    content: " ";
    position: absolute;
    top: 0;
    left: 20px;
    width: calc(100% - 40px);
    height: 1px;
    background-color: #e4e4e4;
}

.site-header .search-box .search-results-box .head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #85909e;
    font-size: 14px;
    font-weight: 500;
    padding: 0 10px 10px 15px;
}

.site-header .search-box .search-results-box .head h4 {
    margin-bottom: 0;
}

.site-header .search-box .search-results-box .body .no-result {
    padding: 20px 15px 10px 15px;
    color: #1e1e1f;
    font-size: 16px;
    font-weight: 600;
}

.site-header .search-box .search-results-box .body ul {
    max-height: 370px;
    overflow-y: scroll;
}

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

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

.site-header .search-box .search-results-box .body ul::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background-color: #c8c8d4;
}

.site-header .search-box .search-results-box .body ul::-webkit-scrollbar-thumb:hover {
    background-color: #c8c8d4;
}

.site-header .search-box .search-results-box .body ul li.group-title {
    padding: 20px 15px 10px 15px;
    color: #1e1e1f;
    font-size: 16px;
    font-weight: 600;
}

.site-header .search-box .search-results-box .body ul li:last-child a {
    border-bottom: 0;
}

.site-header .search-box .search-results-box .body ul li a {
    display: flex;
    align-items: center;
    padding: 11px 15px 10px 15px;
    font-size: 15px;
    font-weight: 400;
    transition: all 0.2s ease;
    color: #85909e;
}

.site-header .search-box .search-results-box .body ul li a:hover {
    color: #3d5afe;
    background: rgba(61, 90, 254, 0.2);
}

.site-header .search-box .search-results-box .body .search-item {
    color: #3d5afe;
    background-color: rgba(61, 90, 254, 0.1);
    border-radius: 4px;
    padding: 5px 10px;
    font-size: 14px;
    display: inline-block;
    font-weight: 500;
    cursor: pointer;
    margin: 2px;
    float: left;
}

.site-header .search-box .search-results-box .body .search-item:hover {
    color: #FFF;
    background-color: #3d5afe;
}

.site-header .search-box.show .search-results-box,
.site-header .search-box.show .populer-search {
    display: block;
}

.site-header .search-box.searching .search-btn {
    display: none;
}

.site-header .search-box.searching .search-clear-btn {
    display: flex;
}

.site-header .header-user {
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 10px;
}

.site-header .user-summary {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 6px;
    border-radius: 4px;
    box-shadow: 0 8px 27px 0 rgba(73, 73, 73, 0.05);
    border: solid 1px #d8d8e6;
}

.site-header .user-summary img {
    border-radius: 4px;
    width: 50px;
    height: 50px;
    display: block;
}

.site-header .user-summary .user-data {
    display: flex;
    flex-direction: column;
}

.site-header .user-summary .user-data .name {
    font-size: 14px;
    font-weight: 600;
    color: #212121;
}

.site-header .user-summary .user-data a {
    color: #212121;
}

.site-header .user-summary .user-data .balance {
    font-size: 12px;
    font-weight: 500;
    color: #11d377;
    margin-top: 4px;
}

.site-header .header-nav .nav-item {
    height: 60px;
    display: flex;
    align-items: center;
    font-size: 18px;
    color: #1e1e1f;
    font-weight: 600;
    transition: 0.3s;
}

.site-header .header-nav .nav-item .svg-icon,
.site-header .header-nav .nav-item i {
    min-width: 36px;
    min-height: 36px;
    width: 36px;
    height: 36px;
    color: #3d5afe;
    fill: #3d5afe;
    background-color: rgba(61, 90, 254, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    margin-right: 12px;
    font-size: 22px;
}

.site-header .header-nav .nav-item .svg-icon.pubg {
    fill: #DE8D00;
    background-color: rgba(222, 141, 0, 0.1);
}

.site-header .header-nav .nav-item .svg-icon.valorant {
    fill: #FF4454;
    background-color: rgba(255, 68, 84, 0.1);
}

.site-header .header-nav .nav-item .svg-icon.league-of-legends {
    fill: #b39556;
    background-color: rgba(179, 149, 86, 0.1);
}

.site-header .header-nav .nav-item .svg-icon svg {
    width: 22px;
    height: 22px;
}

.site-header .header-nav .nav-item .svg-icon img {
    width: 22px;
}

.site-header .header-nav .nav-item.show,
.site-header .header-nav .nav-item:hover {
    color: #3d5afe;
}

.site-header .header-kurumsal-menu .dropdown-menu {
    border-radius: 4px;
    background-color: #fff;
    border: 0;
    border-left: 5px solid #3d5afe;
    min-width: 540px;
    padding: 20px 20px 20px 12px;
    margin: 6px 0 16px 0 !important;
    position: relative;
    box-shadow: 0px 0px 10px -5px rgba(0, 0, 0, 0.5);
}

.site-header .header-kurumsal-menu .dropdown-menu .kurumsal-menu-title {
    font-size: 18px;
    font-weight: 600;
    margin: 0 0 15px 0;
    padding: 10px 0 0 20px;
}

.site-header .header-kurumsal-menu .dropdown-menu ul {
    margin: 0;
    padding: 0;
}

.site-header .header-kurumsal-menu .dropdown-menu ul li a {
    color: #3b3f23;
    font-size: 16px;
    font-weight: 500;
    padding: 7px 20px;
    margin-bottom: 10px;
    background: none;
    position: relative;
    transition: 0.3s;
}

.site-header .header-kurumsal-menu .dropdown-menu ul li a:before {
    content: " ";
    position: absolute;
    width: 10px;
    height: 4px;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 0 4px 4px 0;
    transition: 0.3s;
}

.site-header .header-kurumsal-menu .dropdown-menu ul li a:hover {
    color: #3d5afe;
}

.site-header .header-kurumsal-menu .dropdown-menu ul li a:hover:before {
    background: #3d5afe;
}

.site-header .header-kurumsal-menu .dropdown-menu:before {
    content: " ";
    width: 20px;
    height: 20px;
    border-radius: 4px;
    background: #FFF;
    position: absolute;
    right: 10%;
    top: -7px;
    transform: rotate(45deg);
    box-shadow: -4px -4px 5px -5px rgba(0, 0, 0, 0.3);
}

.site-header .header-kurumsal-menu .for-gamers {
    width: 270px;
    height: 220px;
    padding: 20px;
    background: url(../img/for-gamers-bg.jpg) center center no-repeat;
    background-size: cover;
    border-radius: 4px;
    margin-bottom: 10px;
    color: #FFF;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    font-family: "Gilroy";
}

.site-header .header-kurumsal-menu .for-gamers .x-title {
    font-size: 20px;
    font-weight: bold;
    padding: 10px 0;
    font-family: "Gilroy";
}

.site-header .header-kurumsal-menu .for-gamers .square-btn {
    padding: 20px;
    height: 60px;
}

.site-header .header-kurumsal-menu .kurumsal-close-row {
    display: none;
}

.site-header .header-user-menu .dropdown-menu {
    border: 0;
    border-radius: 4px;
    box-shadow: 0 0 42px 0 rgba(0, 0, 0, 0.19);
    padding: 0;
    margin-top: 13px !important;
    width: 400px;
}

.site-header .header-user-menu .dropdown-menu .dropdown-header {
    width: 100%;
    background: url(../img/user-menu-bg.jpg) top center no-repeat;
    background-size: cover;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    padding: 20px;
}

.site-header .header-user-menu .dropdown-menu .dropdown-body {
    padding: 20px;
}

.site-header .header-user-menu .dropdown-menu .dropdown-body ul li {
    margin-bottom: 4px;
}

.site-header .header-user-menu .dropdown-menu .dropdown-item {
    color: #696e8b;
    font-size: 16px;
    font-weight: 400;
    padding: 10px 15px;
    height: 46px;
    display: flex;
    align-items: center;
    gap: 15px;
    background: none;
}

.site-header .header-user-menu .dropdown-menu .dropdown-item i {
    opacity: 0.7;
}

.site-header .header-user-menu .dropdown-menu .dropdown-item:hover {
    color: #000;
}

.site-header .header-user-menu .dropdown-menu .dropdown-item:hover i {
    opacity: 1;
}

.site-header .header-user-menu .user-summary-row {
    padding: 0 0 20px 0;
}

.site-header .header-user-menu .button-row {
    gap: 20px;
}

.site-header .header-user-menu .square-btn.white:before,
.site-header .header-user-menu .square-btn.white:after {
    background-color: #11d377;
}

.site-header .header-user-menu .user-summary img {
    border-radius: 4px;
}

.site-header .header-user-menu .user-summary .name {
    color: #FFF;
}

.site-header .header-user-menu .user-summary .order {
    font-size: 14px;
    font-weight: 400;
    color: #FFF;
    margin-top: 6px;
    opacity: 0.5;
}

.site-header .header-user-menu .balance-title {
    font-size: 12px;
    color: #FFF;
}

.site-header .header-user-menu .balance {
    font-size: 15px;
    font-weight: 600;
    color: #11d377;
    margin-top: 6px;
}

.site-header .dropdown-notification {
    min-width: 340px;
    box-shadow: 0 0 42px 0 rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    background-color: #fff;
    border: 0;
    padding: 0;
    margin-top: 13px !important;
}

.site-header .dropdown-notification .btn-all {
    padding: 10px;
    background: rgba(61, 90, 254, 0.2);
    color: #3d5afe;
    font-size: 14px;
    font-weight: 600;
    display: block;
    text-align: center;
    border-radius: 0 0 6px 6px;
    line-height: 30px;
    border: 0;
}

.site-header .dropdown-notification .btn-all:hover {
    background: rgba(61, 90, 254, 0.4);
}

.site-header .dropdown-notification .btn-all span {
    font-size: 14px;
    font-weight: 400;
    color: #9e9e9e;
}

.site-header .dropdown-notification .head {
    background-color: #3d5afe;
    padding: 16px;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.site-header .dropdown-notification .head a.btn-top {
    background: #fff;
    color: #3d5afe;
    font-size: 16px;
    font-weight: 500;
    padding: 0 6px;
    border-radius: 4px;
    display: block;
    text-align: center;
    transition: all 0.3s ease;
    width: 32px;
    height: 32px;
    line-height: 32px;
}

.site-header .dropdown-notification .head a.btn-top:hover {
    background: rgba(255, 255, 255, 0.7);
}

.site-header .dropdown-notification .body ul {
    max-height: 370px;
    overflow-y: scroll;
}

.site-header .dropdown-notification .body ul::-webkit-scrollbar {
    width: 4px;
    border-radius: 2px;
}

.site-header .dropdown-notification .body ul::-webkit-scrollbar-track {
    border-radius: 2px;
    background-color: #f2f2f6;
}

.site-header .dropdown-notification .body ul::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background-color: #c8c8d4;
}

.site-header .dropdown-notification .body ul::-webkit-scrollbar-thumb:hover {
    background-color: #c8c8d4;
}

.site-header .dropdown-notification .body ul li a {
    padding: 20px;
    border-bottom: 1px solid #efefef;
    color: #1e1e1f;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.3;
    display: flex;
    align-items: center;
    transition: all 0.3s ease;
}

.site-header .dropdown-notification .body ul li a:hover {
    background-color: #f5f5f8;
}

.site-header .dropdown-notification .body ul li a b {
    font-weight: 600;
}

.site-header .dropdown-notification .body ul li a small {
    font-size: 12px;
    font-weight: 400;
    color: #9e9e9e;
}

.site-header .dropdown-notification .body ul li a span.icon {
    width: 50px;
    height: 50px;
    min-width: 50px;
    min-height: 50px;
    border-radius: 4px;
    font-size: 20px;
    margin-right: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.site-header .dropdown-notification .body ul li a span.icon.orange {
    color: #ff9103;
    background-color: rgba(255, 159, 28, 0.2);
}

.site-header .dropdown-notification .body ul li a span.icon.blue {
    color: #3d5afe;
    background-color: rgba(61, 90, 254, 0.2);
}

.site-header .dropdown-notification .body ul li a span.icon.darkblue {
    color: #fff;
    background-color: #3d5afe;
    transition: all 0.3s ease;
    animation: rotate 1s infinite;
}

.site-header .dropdown-notification .body ul li a span.icon.green {
    color: #11d377;
    background-color: rgba(44, 208, 156, 0.2);
}

.site-header .dropdown-notification .body ul li a span.icon.red {
    color: #d02c2c;
    background-color: rgba(208, 44, 44, 0.2);
}

.site-header .dropdown-notification .body ul li a span.icon.cyan {
    color: #00bcd4;
    background-color: rgba(0, 188, 212, 0.2);
}

.site-header .dropdown-notification .body ul li a span.icon.purple {
    color: #9c27b0;
    background-color: rgba(156, 39, 176, 0.2);
}

.site-header .category-menu-box .hm-title {
    font-size: 18px;
    font-weight: 600;
    color: #3b3f23;
}

.site-header .category-menu-box .all-category-head .square-btn {
    justify-content: space-between;
}

.site-header .category-menu-box .all-category-head .kategori-arama-container {
    position: relative;
}

.site-header .category-menu-box .all-category-head .kategori-arama-container .form-control {
    position: relative;
    width: 400px;
    height: 50px;
    z-index: 1;
    border-radius: 4px;
    padding: 6px 50px 6px 22px;
}

.site-header .category-menu-box .all-category-head .kategori-arama-container .search-btn {
    position: absolute;
    z-index: 6;
    top: 24px;
    right: 5px;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    border: 0;
    border-radius: 4px;
    color: #BBC5CA;
    background: transparent;
    transition: 0.3s;
    min-width: 40px;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.site-header .category-menu-box .item {
    border-radius: 4px;
    padding: 6px;
    color: #0f1923;
    font-size: 18px;
    justify-content: start;
    position: relative;
    z-index: 1;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 10px;
    height: 50px;
    transition: 0.5s;
    border: 0;
}

.site-header .category-menu-box .item .bg-color {
    opacity: 0.1;
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transition: 0.3s;
    border-radius: 4px;
}

.site-header .category-menu-box .item .icon {
    min-width: 40px;
    width: 40px;
    height: 40px;
    border-radius: 4px;
    padding: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 9;
}

.site-header .category-menu-box .item .icon img {
    width: 40px;
    height: 40px;
    object-fit: contain;
    margin: 0;
    background: transparent;
    min-height: unset;
    min-width: unset;
}

.site-header .category-menu-box .item .title {
    position: relative;
    z-index: 9;
}

.site-header .category-menu-box .item:hover .icon {
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.15);
}

.site-header .category-menu-box .item:hover .bg-color {
    opacity: 0.4;
}

.site-header #search-cat-item-no-result {
    padding: 20px 20px 0 20px;
    font-size: 18px;
    font-weight: 500;
    color: #888;
    text-align: center;
    margin: 0;
}

.site-header #search-cat-item-no-result i {
    font-size: 30px;
    margin: 10px;
    display: inline-block;
}

.site-header #search-cat-item-no-result span {
    display: block;
    margin: 10px;
}

.dropdown .nav-item span {
    position: relative;
}

.dropdown .nav-item span:after {
    content: "\ea50";
    font-family: "remixicon" !important;
    font-style: normal;
}

.dropdown .nav-item.show span:after {
    content: "\ea56";
}

.dropdown.full-width {
    position: static !important;
}

.dropdown.full-width .dropdown-menu {
    box-shadow: 0 0.5rem 1rem -0.3rem rgba(0, 0, 0, 0.15) !important;
    margin-top: -3px !important;
    width: 100%;
    border-radius: 0;
    border: 0;
    border-top: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
    padding: 40px 0 40px 0;
}

.square-btn {
    font-size: 16px;
    font-weight: 600;
    display: flex;
    align-items: center;
    padding: 10px 15px;
    border-radius: 4px;
    gap: 10px;
    justify-content: center;
    background-color: #6c757d;
    color: #fff;
    min-width: 50px;
    height: 50px;
    transition: 0.5s;
    position: relative;
    border: 0;
    cursor: pointer;
    white-space: nowrap;
}

.square-btn.small {
    width: 26px;
    height: 26px;
    font-size: 8px;
    min-width: 26px;
    min-height: 26px;
    padding: 0;
}

.square-btn.small i {
    font-size: 14px;
}

.square-btn .notify-box {
    position: absolute;
    top: 0;
    right: 4px;
    font-size: 12px;
    padding: 4px 5px 0 5px;
    border-radius: 4px;
    transform: translateY(-50%);
    z-index: 11;
    transition: 0.3s;
    height: 21px;
    display: block;
    border: 1px solid #FFF;
}

.square-btn.round {
    border-radius: 50%;
}

.square-btn.semi-round {
    border-radius: 50px;
}

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

.square-btn span,
.square-btn i {
    position: relative;
    z-index: 9;
    display: inline-block;
}

.square-btn.green .notify-box,
.square-btn.green {
    background-color: #11d377;
    color: #fff;
}

.square-btn.orange .notify-box,
.square-btn.orange {
    background: #ff9101;
    color: #fff;
}

.square-btn.dark-orange .notify-box,
.square-btn.dark-orange {
    background: #FF4D00;
    color: #fff;
}

.square-btn.blue .notify-box,
.square-btn.blue {
    background-color: #3d5afe;
    color: #fff;
}

.square-btn.red .notify-box,
.square-btn.red {
    background-color: #FB4242;
    color: #fff;
}

.square-btn.link {
    background-color: transparent;
    color: #23263b;
}

.square-btn.link:hover,
.square-btn.link:before,
.square-btn.link:after {
    color: #3d5afe;
    background-color: rgba(61, 90, 254, 0.2);
}

.square-btn.light.green {
    background-color: rgba(17, 211, 119, 0.2);
    color: #11d377;
}

.square-btn.light.green.show,
.square-btn.light.green:before,
.square-btn.light.green:after {
    background-color: #11d377;
}

.square-btn.light.orange {
    background: rgba(255, 145, 1, 0.2);
    color: #ff9101;
}

.square-btn.light.orange.show,
.square-btn.light.orange:before,
.square-btn.light.orange:after {
    background-color: #ff9101;
}

.square-btn.light.dark-orange {
    background: rgba(255, 77, 0, 0.2);
    color: #FF4D00;
}

.square-btn.light.dark-orange.show,
.square-btn.light.dark-orange:before,
.square-btn.light.dark-orange:after {
    background-color: #FF4D00;
}

.square-btn.light.blue {
    background-color: rgba(61, 90, 254, 0.2);
    color: #3d5afe;
}

.square-btn.light.blue.show,
.square-btn.light.blue:before,
.square-btn.light.blue:after {
    background-color: #3d5afe;
}

.square-btn.light.red {
    background-color: rgba(251, 66, 66, 0.2);
    color: #FB4242;
}

.square-btn.light.red.show,
.square-btn.light.red:before,
.square-btn.light.red:after {
    background-color: #FB4242;
}

.square-btn.light.black {
    background-color: rgba(0, 0, 0, 0.2);
    color: #FFF;
}

.square-btn.light.white {
    background-color: rgba(255, 255, 255, 0.2);
    color: #FFF;
}

.square-btn.light.show,
.square-btn.light:hover {
    color: #FFF;
}

.square-btn.bakiye-btn {
    font-size: 14px;
    line-height: 14px;
    text-align: center;
    height: 50px;
    padding: 12px 15px 0 15px;
    align-items: flex-start;
}

.square-btn:before,
.square-btn:after {
    background-color: rgba(0, 0, 0, 0.1);
}

.square-btn:before,
.square-btn:after {
    content: " ";
    position: absolute;
    border-radius: 4px;
    width: 0;
    height: 0;
    transition: 0.3s;
    opacity: 0;
    z-index: 1;
}

.square-btn:before {
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    z-index: 4;
}

.square-btn:after {
    bottom: 0;
    right: 0;
    width: 0;
    height: 0;
    z-index: 5;
}

.square-btn.round:before,
.square-btn.round:after {
    content: " ";
    border-radius: 50%;
}

.square-btn.round:before {
    top: 15%;
    left: 15%;
}

.square-btn.round:after {
    bottom: 15%;
    right: 15%;
}

.square-btn.semi-round:before,
.square-btn.semi-round:after {
    content: " ";
    border-radius: 50px;
}

.square-btn.semi-round:before {
    top: 0;
    left: 15px;
}

.square-btn.semi-round:after {
    bottom: 0;
    right: 15px;
}

.square-btn.show:before,
.square-btn.show:after,
.square-btn:hover:before,
.square-btn:hover:after {
    width: 100%;
    height: 100%;
    opacity: 1;
}

.square-btn.show:before,
.square-btn.semi-round:hover:before,
.square-btn.round:hover:before {
    top: 0;
    left: 0;
}

.square-btn.show:after,
.square-btn.semi-round:hover:after,
.square-btn.round:hover:after {
    bottom: 0;
    right: 0;
}

.square-btn.clasic-hover:before,
.square-btn.clasic-hover:after {
    display: none;
}

.square-btn.clasic-hover.green:hover {
    background-color: #10c56f;
    color: #fff;
}

.square-btn.clasic-hover.orange:hover {
    background: #cd7400;
    color: #fff;
}

.square-btn.clasic-hover.dark-orange:hover {
    background: #cc3e00;
    color: #fff;
}

.square-btn.clasic-hover.blue:hover {
    background-color: #0a2ffe;
    color: #fff;
}

.square-btn.clasic-hover.red:hover {
    background-color: #fa1010;
    color: #fff;
}

.square-btn.clasic-hover.light:hover.green {
    background-color: rgba(17, 211, 119, 0.4);
    color: #11d377;
}

.square-btn.clasic-hover.light:hover.orange {
    background: rgba(255, 145, 1, 0.4);
    color: #ff9101;
}

.square-btn.clasic-hover.light:hover.dark-orange {
    background: rgba(255, 77, 0, 0.4);
    color: #FF4D00;
}

.square-btn.clasic-hover.light:hover.blue {
    background-color: rgba(61, 90, 254, 0.4);
    color: #3d5afe;
}

.square-btn.clasic-hover.light:hover.red {
    background-color: rgba(251, 66, 66, 0.4);
    color: #FB4242;
}

.square-btn.clasic-hover.light:hover.black {
    background-color: rgba(0, 0, 0, 0.5);
    color: #FFF;
}

.square-btn.clasic-hover.light:hover.white {
    background-color: rgba(255, 255, 255, 0.4);
    color: #FFF;
}

.dropdown-menu.show {
    z-index: 2000;
}

.gap-5px {
    gap: 5px;
}

.gap-10px {
    gap: 10px;
}

.gap-15px {
    gap: 15px;
}

.gap-20px {
    gap: 20px;
}

.breadcrumb {
    border-top: 1px solid #e4e4e4;
}

section.t-detail {
    margin-top: 30px;
}

section.t-detail .detail-box .small-alert {
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    padding: 6px 12px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    background: rgba(0, 0, 0, 0.05);
}

section.t-detail .detail-box .dot {
    width: 10px;
    height: 10px;
    background: #e60000;
    border-radius: 50%;
    display: inline-block;
    margin-right: 6px;
    animation: advertpulse 1.5s infinite;
}

section.t-detail .digerPaketler {
    margin-top: 30px;
}

section.t-detail .digerPaketler .title {
    font-weight: 500;
    font-size: 18px;
    margin-bottom: 10px;
}

section.t-detail .digerPaketler .box {
    padding: 10px !important;
}

section.t-detail .digerPaketler .box .advertTitle {
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 200px;
    display: block;
}

section.t-detail .digerPaketler .box .advertPrice {
    font-weight: 600;
    font-size: 14px;
}

section.t-detail .digerPaketler .box .advertBuyBtn {
    border-radius: 4px;
    background-color: #11d377;
    padding: 5px 16px;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    border: 0;
    display: flex;
    align-items: center;
    transition: all 0.3s ease;
    text-align: center;
    justify-content: center;
    white-space: nowrap;
    height: 30px;
}

section.t-detail .digerPaketler .box .advertBuyBtn:hover {
    background-color: #10c56f;
}

section.t-detail .hero-img-box {
    position: relative;
}

section.t-detail .hero-img-box .bg {
    position: absolute;
    top: 0;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 0;
    filter: blur(20px);
    transform: scale(2);
}

section.t-detail .hero-img-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

section.t-detail .hero-img-box.highlight-wrapper {
    margin: 25px 10px 0;
}

section.t-detail .hero-img-box.highlight-wrapper .highlight {
    position: absolute;
    top: -30px;
    left: -4px;
    z-index: 1;
    border-radius: 4px 4px 0 0;
    color: #FFF;
    text-align: center;
    font-size: 12px;
    font-weight: 600;
    width: calc(100% + 8px);
    min-height: 85px;
    padding: 0;
    white-space: nowrap;
    overflow: hidden;
    background: #FB4242;
    background: linear-gradient(0deg, transparent 0%, #FB4242 35%, #FB4242 100%);
}

section.t-detail .hero-img-box.highlight-wrapper .highlight .txt {
    display: block;
    width: 100%;
    height: 30px;
    line-height: 31px;
}

section.t-detail .dd {
    padding-left: 20px;
    padding-bottom: 20px;
    padding-right: 20px;
}

section.t-detail .ds {
    aspect-ratio: 1/1;
    background: rgba(0, 0, 0, 0.0196078431);
    border-radius: 4px;
    overflow: hidden;
    position: relative;
    z-index: 10;
}

section.t-detail .ds .btn-report {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 10px;
    border-radius: 4px;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    transition: all 0.3s ease;
    background-color: rgb(198, 30, 75);
    transition: all 0.3s ease;
    padding: 17px;
    position: absolute;
    right: 0;
    margin-top: 10px;
    margin-right: 10px;
}

section.t-detail .ds .btn-report:hover {
    background-color: rgba(198, 30, 75, 0.55);
    color: #fff;
}

section.t-detail .stock {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    position: absolute;
    right: 20px;
    bottom: 10px;
    background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(15px);
    padding: 10px;
    border-radius: 4px;
    text-align: center;
}

section.t-detail .stock b {
    font-size: 34px;
    display: block;
    margin-top: 6px;
}

section.t-detail .small-content {
    padding: 25px 30px 0 30px;
}

section.t-detail .tag-list span {
    background: #3d5afe;
    display: inline-block;
    color: #FFF;
    font-size: 11px;
    margin: 5px;
    padding: 3px 10px 3px 25px;
    line-height: 18px;
    border-radius: 14px 2px 2px 14px;
    position: relative;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
}

section.t-detail .tag-list span::before {
    content: " ";
    position: absolute;
    width: 5px;
    height: 5px;
    background: #FFF;
    top: 10px;
    left: 9px;
    border-radius: 5px;
}

section.t-detail .small-title {
    opacity: 0.5;
    color: #3d5afe;
    font-size: 14px;
    font-weight: 400;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
}

section.t-detail .small-title span {
    width: 6px;
    height: 6px;
    background-color: #3d5afe;
    border-radius: 50%;
    display: inline-block;
}

section.t-detail .box {
    border-radius: 4px;
    background-color: #fff;
    padding: 20px;
    position: relative;
}

section.t-detail .box .ozelResimliBadge {
    position: absolute !important;
    top: 10px !important;
    right: 10px !important;
    left: auto !important;
    bottom: auto !important;
    width: 75px !important;
    height: 75px !important;
    margin: 0 !important;
    transform: none !important;
    z-index: 9999 !important;
    pointer-events: none !important;
}

section.t-detail .box .higlight-list {
    font-size: 14px;
    color: #BBB;
}

section.t-detail .box .higlight-list.brand {
    font-weight: 500;
    padding: 10px 0 8px 0;
}

section.t-detail .box .higlight-list span {
    display: inline-block;
    position: relative;
    padding: 5px 5px 5px 15px;
}

section.t-detail .box .higlight-list span:before {
    content: "•";
    position: absolute;
    left: 0;
    top: 5px;
    font-size: 26px;
    line-height: 16px;
    color: #666;
}

section.t-detail .box .higlight-list span:first-child {
    padding: 5px 5px 5px 0;
}

section.t-detail .box .higlight-list span:first-child:before {
    content: none;
    display: none;
}

section.t-detail .box .share,
section.t-detail .box span.like,
section.t-detail .box span.unlike {
    width: 50px;
    height: 50px;
    border: 0;
    border-radius: 4px;
    background-color: rgba(47, 49, 68, 0.1);
    color: #2f3144;
    font-size: 20px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    cursor: pointer;
}

section.t-detail .box .share i,
section.t-detail .box span.like i,
section.t-detail .box span.unlike i {
    font-weight: 600;
}

section.t-detail .box .share:hover,
section.t-detail .box span.like:hover,
section.t-detail .box span.unlike:hover {
    background-color: #2f3144;
    color: #fff;
}

section.t-detail .box .share.active,
section.t-detail .box span.like.active,
section.t-detail .box span.unlike.active {
    background-color: #2f3144;
    color: #fff;
}

section.t-detail .box span.like.active,
section.t-detail .box span.like:hover {
    background-color: #FF9D1D;
    color: #fff;
}

section.t-detail .box .u-avatar-img {
    position: relative;
    display: block;
    margin-right: 15px;
    border-radius: 4px;
}

section.t-detail .box .u-avatar-img img {
    border-radius: 4px;
    width: 80px;
    height: 80px;
    position: relative;
    z-index: 5;
    max-width: 80px;
    display: block;
}

section.t-detail .box .u-avatar-img span {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #ef0044;
    position: absolute;
    top: 10px;
    right: -7px;
    border: 3px solid #fff;
    z-index: 8;
}

section.t-detail .box .u-avatar-img span.online {
    background: #0ed377;
}

section.t-detail .box .u-avatar-img span.big {
    width: 19px;
    height: 19px;
    z-index: 999;
    left: 24px;
}

section.t-detail .box .u-avatar-img .admin,
section.t-detail .box .u-avatar-img .kurumsal-plus,
section.t-detail .box .u-avatar-img .kurumsal,
section.t-detail .box .u-avatar-img .gold {
    padding: 5px;
    overflow: hidden;
    position: relative;
    border-radius: 4px;
    margin: -5px 0 -5px -5px;
}

section.t-detail .box .u-avatar-img .admin::before,
section.t-detail .box .u-avatar-img .kurumsal-plus::before,
section.t-detail .box .u-avatar-img .kurumsal::before,
section.t-detail .box .u-avatar-img .gold::before {
    content: " ";
    position: absolute;
    z-index: 1;
    animation: spineffect 4.5s linear infinite;
    width: 200%;
    height: 200%;
    top: -50%;
    left: -50%;
}

section.t-detail .box .u-avatar-img .admin span,
section.t-detail .box .u-avatar-img .kurumsal-plus span,
section.t-detail .box .u-avatar-img .kurumsal span,
section.t-detail .box .u-avatar-img .gold span {
    right: 0;
}

section.t-detail .box .u-avatar-img .admin::before {
    background-image: linear-gradient(var(--rotate), #d00707, #600000, #b30606, #600000, #600000) !important;
}

section.t-detail .box .u-avatar-img .kurumsal-plus::before {
    background-image: linear-gradient(var(--rotate), #ffc008, #694f03, #ffc008, #694f03, #ffc008);
}

section.t-detail .box .u-avatar-img .kurumsal::before {
    background-image: linear-gradient(var(--rotate), #9300ff, #420072, #7a00e6, #420072, #420072);
}

section.t-detail .box .u-avatar-name {
    line-height: 1.3;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

section.t-detail .box .u-avatar-name .u-name {
    display: flex;
    font-size: 20px;
    font-weight: 600;
    color: #1d1d1d;
    align-items: center;
}

section.t-detail .box .u-avatar-name .sticker {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 5px;
}

section.t-detail .box .u-avatar-name .sticker span {
    width: 20px;
    height: 20px;
    margin: 0 5px 0 0;
}

section.t-detail .box .u-avatar-name .sticker span img {
    width: 100%;
    border-radius: 4px;
    -o-object-fit: contain;
    object-fit: contain;
    aspect-ratio: 1/1;
}

section.t-detail .box .u-avatar-name .success-operation {
    font-size: 16px;
    font-weight: 400;
    color: #1d1d1d;
    opacity: 0.5;
}

section.t-detail .box .u-avatar-name .last-seen {
    font-size: 14px;
    font-weight: 400;
    color: #1d1d1d;
    opacity: 0.5;
}

section.t-detail .box .btn-user {
    padding: 17px;
    border-radius: 4px;
    transition: all 0.3s ease;
    border: 0;
    background: rgba(123, 123, 132, 0.1);
    color: #7b7b84;
    white-space: nowrap;
    margin-left: 0;
    font-weight: 500;
    cursor: pointer;
}

section.t-detail .box .btn-user.views i {
    margin-left: 4px;
}

section.t-detail .box .btn-user:hover {
    background-color: #1d1d1d;
    color: #fff;
}

section.t-detail .box .btn-user.blue {
    background-color: rgba(61, 90, 254, 0.2);
    color: #3d5afe;
}

section.t-detail .box .btn-user.blue:hover {
    background-color: rgb(61, 90, 254);
    color: #fff;
}

section.t-detail .box .btn-user.green {
    background-color: rgba(44, 208, 128, 0.2);
    color: #1ec65c;
}

section.t-detail .box .btn-user.green:hover {
    background-color: rgb(44, 208, 128);
    color: #fff;
}

section.t-detail .box .btn-user.orange {
    background-color: rgba(255, 165, 0, 0.2);
    color: #ffa500;
}

section.t-detail .box .btn-user.orange:hover {
    background-color: rgb(255, 165, 0);
    color: #fff;
}

section.t-detail .box .btn-user.red {
    background-color: rgba(253, 80, 80, 0.1);
    color: #fd5050;
}

section.t-detail .box .btn-user.red:hover {
    background-color: #fd5050;
    color: #fff;
}

section.t-detail .box .btn-user.like {
    background-color: rgba(47, 49, 68, 0.1);
    color: #2f3144;
    font-size: 18px;
    padding: 10px;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    display: flex;
    font-weight: 400;
    position: absolute;
    left: 10px;
    bottom: 10px;
    z-index: 999;
}

section.t-detail .box .btn-user.like svg {
    width: 20px;
    height: 20px;
}

section.t-detail .box .btn-user.like.active,
section.t-detail .box .btn-user.like:hover {
    background-color: #FF9D1D;
    color: #fff;
    fill: #FFF;
}

section.t-detail .box .hero-img-box .tr-report-btn {
    position: absolute;
    top: 6px;
    left: 6px;
    padding: 12px;
    background-color: rgba(253, 80, 80, 0.7);
    color: #FFF;
}

section.t-detail .box .hero-img-box .tr-report-btn:hover {
    background-color: #d50000;
}

section.t-detail .box .separator {
    background: #efefef;
    width: 100%;
    height: 1px;
    display: block;
    margin: 0 0 20px 0;
}

section.t-detail .box .daily-badge {
    background-color: rgb(0, 6, 255);
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    transition: all 0.3s ease;
    position: absolute;
    top: 22px;
    right: 20px;
    padding: 10px 12px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    z-index: 222;
}

section.t-detail .box img {
    width: 100%;
    display: block;
    border-radius: 4px;
    object-fit: contain;
    aspect-ratio: 1/1;
}

@supports not (aspect-ratio: 1/1) {
    section.t-detail .box img::before {
        float: left;
        padding-top: 100%;
        content: "";
    }

    section.t-detail .box img::after {
        display: block;
        content: "";
        clear: both;
    }
}

section.t-detail .box hr {
    border-color: #efefef;
    opacity: 1;
}

section.t-detail .box .icons .bag {
    cursor: pointer;
    padding: 10px;
    font-size: 16px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    transition: all 0.3s ease;
    flex-direction: column;
    height: 80px;
    gap: 8px;
}

section.t-detail .box .icons .bag:hover {
    transform: scale(1.03);
}

section.t-detail .box .icons .bag.blue {
    background-color: rgba(61, 90, 254, 0.1);
    color: #3d5afe;
}

section.t-detail .box .icons .bag.orange {
    background-color: rgba(255, 159, 28, 0.1);
    color: #ff9103;
}

section.t-detail .box .icons .bag.black {
    background-color: rgba(0, 0, 0, 0.1);
    color: #000;
}

section.t-detail .box .icons .bag.green {
    background-color: rgba(44, 208, 128, 0.2);
    color: #1ec65c;
}

section.t-detail .box .buybox {
    margin-top: 22px;
    border-radius: 4px;
    border: 1px solid #e4e4e4;
    background-color: #fff;
    padding: 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

section.t-detail .box .buybox .number {
    border-radius: 4px;
    border: 1px solid #3d5afe;
    background-color: #fff;
    padding: 6px 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 160px;
    height: 50px;
}

section.t-detail .box .buybox .number input {
    width: 40px;
    color: #9a9a9a;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    border: 0;
    padding-top: 6px;
    padding-bottom: 6px;
    background: transparent;
}

section.t-detail .box .buybox .number input:focus,
section.t-detail .box .buybox .number input:hover,
section.t-detail .box .buybox .number input:active {
    outline: none;
    box-shadow: none;
}

section.t-detail .box .buybox .number button {
    width: 34px;
    height: 34px;
    min-width: 34px;
    border-radius: 4px;
    background-color: rgba(61, 90, 254, 0.1);
    color: #3d5afe;
    font-size: 20px;
    font-weight: 600;
    border: 0;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

section.t-detail .box .buybox .number button i {
    font-weight: 600;
}

section.t-detail .box .buybox .number button:hover {
    background-color: rgb(61, 90, 254);
    color: #fff;
}

section.t-detail .box .buybox .price {
    color: #1d1d1d;
    font-size: 22px;
    font-weight: 600;
    display: flex;
    align-items: center;
    min-height: 50px;
    padding: 0;
    white-space: nowrap;
}

section.t-detail .box .buybox .price .icon {
    width: 50px;
    height: 50px;
    border: 0;
    border-radius: 4px;
    font-size: 18px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    background-color: rgba(61, 90, 254, 0.1);
    color: #3d5afe;
    margin-right: 14px;
}

section.t-detail .box .buybox .price .tag {
    padding: 4px 10px 3px 7px;
    border-radius: 30px;
    background: rgba(61, 90, 254, 0.1);
    color: #FFF;
    font-size: 14px;
    font-weight: 600;
    margin: 0 0 3px 0;
}

section.t-detail .box .buybox .price .tag.blue {
    background: #3d5afe;
}

section.t-detail .box .buybox .price .tag.green {
    background: #11d377;
}

section.t-detail .box .buybox .price .tag.red {
    background: #f035c6;
}

section.t-detail .box .buybox .btn-basket,
section.t-detail .box .buybox .btn-buy {
    border-radius: 4px;
    background-color: #11d377;
    padding: 5px 16px;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    border: 0;
    display: flex;
    align-items: center;
    transition: all 0.3s ease;
    text-align: center;
    justify-content: center;
    white-space: nowrap;
    height: 50px;
}

section.t-detail .box .buybox .btn-basket:hover,
section.t-detail .box .buybox .btn-buy:hover {
    background-color: #10c56f;
}

section.t-detail .box .buybox .btn-basket.orange,
section.t-detail .box .buybox .btn-buy.orange {
    background-color: #ff9103;
    color: #fff;
}

section.t-detail .box .buybox .btn-basket.orange:hover,
section.t-detail .box .buybox .btn-buy.orange:hover {
    background-color: #cc7d0e;
}

section.t-detail .box .buybox .btn-basket.dark,
section.t-detail .box .buybox .btn-buy.dark {
    background-color: #000;
    color: #fff;
}

section.t-detail .box .buybox .btn-basket.dark:hover,
section.t-detail .box .buybox .btn-buy.dark:hover {
    background-color: #000;
}

section.t-detail .box .buybox .btn-basket i,
section.t-detail .box .buybox .btn-buy i {
    margin-right: 12px;
}

section.t-detail .box small {
    margin-top: 22px;
    opacity: 0.5;
    color: #3d5afe;
    font-size: 14px;
    font-weight: 400;
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 14px;
}

section.t-detail .box small span {
    width: 6px;
    height: 6px;
    background-color: #3d5afe;
    border-radius: 50%;
    display: inline-block;
}

section.t-detail .box h1 {
    color: #626372;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 8px;
}

section.t-detail .box .sub-desc-title {
    color: #4f5060;
    font-size: 16px;
    font-weight: 600;
    margin: 0 0 12px 0;
}

section.t-detail .box .sub-desc {
    color: #8d8f9d;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.3;
    position: relative;
    min-height: 39px;
}

section.t-detail .box .sub-desc .ellipsis-box {
    overflow-wrap: anywhere;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 39px;
    display: -webkit-box;
    transition: 0.5s;
}

section.t-detail .box .hurry-up {
    color: #4f5060;
    font-size: 16px;
    font-weight: 600;
    margin: 28px 0;
}

section.t-detail .box .video-btn {
    display: flex;
    width: 141px;
    height: 92px;
    text-align: center;
    color: #3d5afe;
    background: rgba(61, 90, 254, 0.2);
    border-radius: 4px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 16px;
}

section.t-detail .box .video-btn i {
    font-size: 24px;
}

section.t-detail .box .video-btn span {
    display: block;
    font-weight: 600;
    margin: 10px 0 0 0;
}

section.t-detail .box .video-btn:hover {
    background: #3d5afe;
    color: #FFF;
}

section.t-detail .box .gallery-slick button.slick-prev.slick-arrow,
section.t-detail .box .gallery-slick button.slick-next.slick-arrow {
    border-radius: 4px;
    width: 40px;
    height: 40px;
}

section.t-detail .box .gallery-slick button.slick-prev.slick-arrow::before,
section.t-detail .box .gallery-slick button.slick-next.slick-arrow::before {
    color: #000;
}

section.t-detail .box .gallery-slick button.slick-prev.slick-arrow:hover:before,
section.t-detail .box .gallery-slick button.slick-next.slick-arrow:hover:before {
    color: #FFF;
}

section.t-detail .box .gallery-slick button.slick-prev.slick-arrow {
    left: 6px;
}

section.t-detail .box .gallery-slick button.slick-prev.slick-arrow:before {
    content: "\ea64";
}

section.t-detail .box .gallery-slick button.slick-next.slick-arrow {
    right: 6px;
}

section.t-detail .box .gallery-slick button.slick-next.slick-arrow:before {
    content: "\ea6e";
}

section.t-detail .boxtab {
    border-radius: 4px;
    background-color: #fff;
}

section.t-detail .boxtab .head {
    border-bottom: 1px solid #efefef;
    padding: 0 30px;
}

section.t-detail .boxtab .head .title {
    color: #2a3856;
    font-size: 18px;
    font-weight: 600;
    padding: 24px 0;
    position: relative;
}

section.t-detail .boxtab .head ul {
    margin: 0;
    gap: 20px;
}

section.t-detail .boxtab .head ul li {
    margin: 0;
}

section.t-detail .boxtab .head ul li button,
section.t-detail .boxtab .head ul li h3 {
    color: #7b7b84;
    font-size: 14px;
    font-weight: 500;
    padding: 24px 0;
    position: relative;
}

section.t-detail .boxtab .head ul li button:before,
section.t-detail .boxtab .head ul li h3:before {
    width: 100%;
    height: 1px;
    background: transparent;
    content: "";
    position: absolute;
    bottom: 0;
}

section.t-detail .boxtab .head ul li button.active,
section.t-detail .boxtab .head ul li h3.active {
    color: #3d5afe;
    background: transparent;
}

section.t-detail .boxtab .head ul li button.active:before,
section.t-detail .boxtab .head ul li h3.active:before {
    background: #3d5afe;
}

section.t-detail .boxtab .body .content {
    color: #7b7b84;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.3;
    padding: 30px;
    overflow-wrap: break-word;
}

section.t-detail .boxtab .body .content img {
    max-width: 100%;
    height: auto;
}

section.t-detail .boxtab .body .content a.relateditem {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    transition: all 0.3s ease;
}

section.t-detail .boxtab .body .content a.relateditem:hover .title {
    color: #3d5afe;
}

section.t-detail .boxtab .body .content a.relateditem img {
    min-width: 60px;
    min-height: 60px;
    margin-right: 12px;
}

section.t-detail .boxtab .body .content a.relateditem .title {
    font-size: 16px;
    font-weight: 600;
    color: #1d1b3a;
    transition: all 0.3s ease;
}

section.t-detail .boxtab .body .content a.relateditem .price {
    opacity: 0.4;
    font-size: 14px;
    font-weight: 500;
    color: #1d1b3a;
    margin-left: auto;
}

section.t-detail .boxtab .body .content a.relateditem img {
    border-radius: 4px;
}

section.t-detail .boxtab .body .content h1 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 16px;
}

section.t-detail .boxtab .body .content h2 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 16px;
}

section.t-detail .boxtab .body .content h3 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 16px;
}

section.t-detail .boxtab .body .content b,
section.t-detail .boxtab .body .content strong {
    font-weight: 600;
}

section.t-detail .boxtab .body .content i,
section.t-detail .boxtab .body .content em {
    font-style: italic;
}

section.t-detail .boxtab .body .content ul {
    list-style: disc;
    margin-left: 20px;
}

section.t-detail .boxtab .body .content ol {
    list-style: decimal;
    margin-left: 20px;
}

section.t-detail .boxtab .body .content table {
    border-collapse: collapse;
    border: 1px solid #d2d2d2;
    width: 100%;
    margin: 0;
    padding: 0;
}

section.t-detail .boxtab .body .content table tr td {
    color: #7b7b84;
    font-size: 16px;
    font-weight: 400;
    padding: 10px;
    text-align: left;
    border-bottom: 1px solid #d2d2d2;
}

section.t-detail .boxtab .body .content table tr td:first-child {
    color: #1d1b3a;
    font-size: 16px;
    font-weight: 600;
    max-width: 300px;
    width: 300px;
    border-right: 1px solid #d2d2d2;
}

section.t-detail .boxtab .body .content * {
    background: transparent !important;
}

section.t-detail .boxtab .body .content>*:not(:last-child) {
    margin-bottom: 20px;
}

section.t-detail .boxtab .body .content .tcontent * {
    margin-bottom: 2px;
}

section.t-detail .boxtab .body .content h2 {
    color: #7b7b84;
    font-size: 20px;
    font-weight: 600;
}

section.t-detail .boxtab .body .content h3 {
    color: #1d1b3a;
    font-size: 18px;
    font-weight: 600;
}

section.t-detail .boxtab .body .reviewitem {
    border-bottom: 1px solid #efefef;
    padding-top: 12px;
    padding-bottom: 12px;
}

section.t-detail .boxtab .body .reviewitem:nth-child(odd) {
    border-right: 1px solid #efefef;
}

section.t-detail .boxtab .body .reviewitem .mc {
    border-radius: 4px;
    padding: 0px;
}

section.t-detail .boxtab .body .reviewitem .mgc {
    background: rgba(0, 0, 0, 0.06);
    border-radius: 4px;
    padding: 10px;
}

section.t-detail .boxtab .body .reviewitem .p {
    display: flex;
    align-items: center;
}

section.t-detail .boxtab .body .reviewitem .p.brdr {
    border-left: 1px solid #efefef;
}

section.t-detail .boxtab .body .reviewitem .p img {
    margin-right: 14px;
    border-radius: 4px;
}

section.t-detail .boxtab .body .reviewitem .p ul li {
    gap: 2px;
    display: flex;
    align-items: center;
    color: #7b7b84;
    font-size: 16px;
    font-weight: 400;
}

section.t-detail .boxtab .body .reviewitem .p ul li:not(:last-child) {
    margin-bottom: 10px;
}

section.t-detail .boxtab .body .reviewitem .p ul li b {
    font-weight: 600;
}

section.t-detail .boxtab .body .reviewitem .p ul li span.icon {
    width: 22px;
    height: 22px;
    min-width: 22px;
    min-height: 22px;
    background-color: #1ec65c;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    color: #fff;
    font-size: 14px;
}

section.t-detail .boxtab .body .reviewitem .p .name {
    color: #333;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 4px;
}

section.t-detail .boxtab .body .reviewitem .p p {
    color: #7b7b84;
    font-size: 14px;
    font-weight: 400;
}

section.t-detail .helpbox {
    border-radius: 4px;
    background-color: #fff;
}

section.t-detail .helpbox a.btn-help {
    color: #7b7b84;
    font-size: 16px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 24px;
    padding-bottom: 24px;
    transition: all 0.3s ease;
}

section.t-detail .helpbox a.btn-help:hover {
    color: #3d5afe;
}

section.t-detail .helpbox a.btn-help i {
    margin-right: 14px;
}

section.t-detail .helpbox .body {
    padding: 30px;
    border-bottom: 1px solid #efefef;
}

section.t-detail .helpbox .body ul {
    list-style: disc;
    padding-left: 20px;
}

section.t-detail .helpbox .body ul li {
    color: #7b7b84;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.3;
}

section.t-detail .helpbox .body ul li::marker {
    color: #3d5afe;
}

section.t-detail .helpbox .body ul li:not(:last-child) {
    margin-bottom: 20px;
}

.mb-20px {
    margin-bottom: 20px;
}

.ask-store-content .bdr:nth-child(odd) {
    border-right: 1px solid #EFEFEF;
}

.ask-store-content .top {
    padding: 20px;
    border-bottom: 1px solid #EFEFEF;
}

.ask-store-content .title {
    font-size: 18px;
    color: #3d5afe;
    font-weight: 600;
    margin-bottom: 20px;
}

.ask-store-content .ask-box {
    border-radius: 4px;
    border: 1px solid #e4e4e4;
    background-color: #fff;
    padding: 8px;
}

.ask-store-content .ask-box .ask-input {
    width: calc(100% - 160px);
    color: #696d7d;
    font-size: 16px;
    font-weight: 400;
    border: 0;
    background: transparent;
    height: 42px;
    line-height: 38px;
    padding: 0 10px;
    outline: 0;
}

.ask-store-content .ask-box .ask-send-btn {
    border-radius: 4px;
    background-color: #38e780;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    border: 0;
    display: flex;
    align-items: center;
    transition: all 0.3s ease;
    text-align: center;
    justify-content: center;
    padding: 0;
    width: 147px;
    height: 42px;
}

.ask-store-content .ask-box .ask-send-btn:hover {
    background-color: #179a47;
}

.ask-store-content .conversation {
    position: relative;
    padding: 5px 20px;
}

.ask-store-content .conversation .talk-item {
    position: relative;
    display: flex;
    gap: 10px;
    padding: 15px 1px;
    align-items: center;
    line-height: 1.4;
}

.ask-store-content .conversation .talk-item .icon {
    background-color: rgba(23, 29, 43, 0.2);
    width: 40px;
    height: 40px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 16px;
    min-width: 40px;
    min-height: 40px;
}

.ask-store-content .conversation .talk-item .icon.question {
    color: #3852a4;
    background-color: rgba(56, 82, 164, 0.2);
}

.ask-store-content .conversation .talk-item .icon.answer {
    color: #00b373;
    background-color: rgba(0, 179, 115, 0.2);
    position: relative;
}

.ask-store-content .conversation .talk-item .icon.answer::before {
    content: " ";
    position: absolute;
    top: -24px;
    height: 17px;
    width: 3px;
    border-radius: 4px;
    background-color: #00b373;
}

.ask-store-content .conversation .talk-item .text-wrapper {
    display: block;
}

.ask-store-content .conversation .talk-item .text-wrapper .text {
    color: #171d2b;
    font-size: 14px;
    font-weight: 600;
}

.ask-store-content .conversation .talk-item .text-wrapper .info {
    color: #818699;
    font-size: 14px;
    font-weight: 400;
}

.userProfileAreaTab .reviewitem {
    border-bottom: 1px solid #efefef;
    padding-top: 12px;
    padding-bottom: 12px;
}

.userProfileAreaTab .reviewitem:nth-child(odd) {
    border-right: 1px solid #efefef;
}

.userProfileAreaTab .reviewitem .mc {
    border-radius: 4px;
    padding: 0px;
}

.userProfileAreaTab .reviewitem .mgc {
    background: rgba(0, 0, 0, 0.06);
    border-radius: 4px;
    padding: 10px;
}

.userProfileAreaTab .reviewitem .p {
    display: flex;
    align-items: center;
}

.userProfileAreaTab .reviewitem .p.brdr {
    border-left: 1px solid #efefef;
}

.userProfileAreaTab .reviewitem .p img {
    margin-right: 14px;
    border-radius: 4px;
}

.userProfileAreaTab .reviewitem .p ul li {
    gap: 2px;
    display: flex;
    align-items: center;
    color: #7b7b84;
    font-size: 16px;
    font-weight: 400;
}

.userProfileAreaTab .reviewitem .p ul li:not(:last-child) {
    margin-bottom: 10px;
}

.userProfileAreaTab .reviewitem .p ul li b {
    font-weight: 600;
}

.userProfileAreaTab .reviewitem .p ul li span.icon {
    width: 22px;
    height: 22px;
    min-width: 22px;
    min-height: 22px;
    background-color: #1ec65c;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    color: #fff;
    font-size: 14px;
}

.userProfileAreaTab .reviewitem .p .name {
    color: #333;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 4px;
}

.userProfileAreaTab .reviewitem .p p {
    color: #7b7b84;
    font-size: 14px;
    font-weight: 400;
}

.social-share-box {
    box-shadow: -5px 5px 42px rgba(0, 0, 0, 0.15);
    border-radius: 2px;
    background-color: #fff;
    border: 0;
    margin-top: 17px !important;
    padding: 10px;
}

.social-share-box .platform-list {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: space-around;
}

.social-share-box .social-share {
    width: 48px;
    height: 48px;
    border-radius: 2px;
    background-color: #DDD;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    font-size: 22px;
    color: #333;
    cursor: pointer;
}

.social-share-box .social-share:hover {
    background-color: rgba(61, 90, 254, 0.1);
    color: #3d5afe;
}

nav.mobile-stickybar a.store-menu-btn .large-icon .store-menu-icon {
    position: relative;
    color: #FFF;
    background: #3d5afe;
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

nav.mobile-stickybar a.store-menu-btn .large-icon .store-menu-icon i {
    background: transparent;
    left: 0;
    top: 0;
    position: absolute;
    box-shadow: none;
}

nav.mobile-stickybar a.store-menu-btn .large-icon .store-menu-icon i:after {
    display: none;
}

nav.mobile-stickybar a.store-menu-btn .large-icon .store-menu-icon .ri-arrow-down-wide-fill {
    display: none;
}

nav.mobile-stickybar a.store-menu-btn .large-icon .store-menu-icon .b1 {
    color: #FFFFFF;
    font-size: 26px;
    height: 44px;
}

nav.mobile-stickybar a.store-menu-btn .large-icon .store-menu-icon .b2 {
    color: #11d377;
    font-size: 18px;
    height: 44px;
    top: 6px;
}

nav.mobile-stickybar a.store-menu-btn.open .large-icon .store-menu-icon .ri-arrow-down-wide-fill {
    display: flex;
}

nav.mobile-stickybar a.store-menu-btn.open .large-icon .store-menu-icon .ri-arrow-up-wide-line {
    display: none;
}

nav.mobile-stickybar a.store-menu-btn.open .large-icon .store-menu-icon .b1 {
    top: 6px;
}

nav.mobile-stickybar a.store-menu-btn.open .large-icon .store-menu-icon .b2 {
    top: 0;
}

nav.store-stickybar {
    width: 100%;
    height: 80px;
    z-index: 2998;
    position: fixed;
    bottom: -80px;
    left: 0;
    display: flex;
    background: rgba(0, 0, 0, 0.5);
    -webkit-backdrop-filter: blur(25px);
    backdrop-filter: blur(25px);
    transition: 0.3s;
}

nav.store-stickybar .store-menu-btn-wrap {
    position: relative;
    transition: 0.3s;
    top: -80px;
}

nav.store-stickybar .store-item {
    color: #FFF;
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 10px;
    padding: 15px 0;
    height: 80px;
}

nav.store-stickybar .store-item .icon {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 4px;
    transition: 0.3s;
    position: relative;
}

nav.store-stickybar .store-item .icon .notify-box {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #ff5c22;
    color: #FFF;
    font-size: 12px;
    font-weight: 500;
    padding: 0 6px;
    border-radius: 4px;
    display: block;
    line-height: 20px;
    height: 20px;
}

nav.store-stickybar .store-item .txt {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

nav.store-stickybar .store-item .txt .main {
    font-size: 18px;
    font-weight: 600;
    display: flex;
    white-space: nowrap;
    align-items: center;
    gap: 5px;
}

nav.store-stickybar .store-item .txt .main i {
    font-size: 14px;
    opacity: 0.3;
}

nav.store-stickybar .store-item .txt .sub {
    font-size: 14px;
    opacity: 0.3;
}

nav.store-stickybar .store-item:hover .icon {
    background: #11d377;
}

nav.store-stickybar .store-menu-btn {
    background: #FFF;
    color: #000;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    cursor: pointer;
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
}

nav.store-stickybar .store-menu-btn .close-icon {
    display: none;
}

nav.store-stickybar.open {
    bottom: 0;
    max-height: 100%;
}

nav.store-stickybar.open .store-menu-btn-wrap {
    top: 0;
}

nav.store-stickybar.open .store-menu-btn .open-icon {
    display: none;
}

nav.store-stickybar.open .store-menu-btn .close-icon {
    display: block;
}

a.gotop.store-bar {
    bottom: 150px;
}

.user-summary-sidebar.open .swicth-icon i {
    transform: rotate(180deg);
}

.user-summary-sidebar .sidebar-header {
    background: #19227d;
    background: linear-gradient(340deg, rgb(25, 34, 125) 0%, rgb(26, 16, 118) 60%, rgb(200, 76, 231) 100%);
    padding: 20px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    gap: 20px;
    display: flex;
    flex-direction: column;
    position: relative;
}

.user-summary-sidebar .sidebar-header .user-summary {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #FFF;
}

.user-summary-sidebar .sidebar-header .user-summary img {
    border-radius: 4px;
    width: 50px;
    height: 50px;
    display: block;
}

.user-summary-sidebar .sidebar-header .user-summary .user-data {
    display: flex;
    flex-direction: column;
}

.user-summary-sidebar .sidebar-header .user-summary .user-data .name {
    font-size: 18px;
    font-weight: 600;
}

.user-summary-sidebar .sidebar-header .user-summary .user-data .sub {
    font-size: 14px;
    font-weight: 400;
    margin-top: 6px;
    opacity: 0.5;
}

.user-summary-sidebar .sidebar-header .square-btn {
    height: 40px;
    padding: 5px 20px;
}

.user-summary-sidebar .sidebar-header .square-btn.white:before,
.user-summary-sidebar .sidebar-header .square-btn.white:after {
    background-color: #11d377;
    width: 100%;
    height: 100%;
}

.user-summary-sidebar .sidebar-header .swicth-icon {
    position: absolute;
    right: 20px;
    top: 25px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    background-color: rgba(255, 255, 255, 0.1);
    font-size: 22px;
}

.user-summary-sidebar .sidebar-header .swicth-icon i {
    transition: 0.3s;
}

.user-summary-sidebar .sidebar-body {
    background: #FFF;
    padding: 20px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.user-summary-sidebar .sidebar-body .sidebar-menu {
    list-style: none;
    margin: 0;
    padding: 0;
}

.user-summary-sidebar .sidebar-body .sidebar-menu li .link-item {
    padding: 10px 16px;
    font-size: 16px;
    font-weight: 400;
    color: #696e8b;
    display: flex;
    gap: 16px;
    height: 50px;
    align-items: center;
}

.user-summary-sidebar .sidebar-body .sidebar-menu li .link-item i {
    opacity: 0.6;
}

.user-summary-sidebar .sidebar-body .sidebar-menu li .link-item.active,
.user-summary-sidebar .sidebar-body .sidebar-menu li .link-item:hover {
    color: #000;
}

.user-summary-sidebar .sidebar-body .sidebar-menu li .link-item.active i,
.user-summary-sidebar .sidebar-body .sidebar-menu li .link-item:hover i {
    opacity: 1;
}

.user-summary-sidebar .sidebar-body .square-btn .right-icon {
    background-color: #11d377;
    color: #FFF;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
}

section.customerarea .box {
    border-radius: 4px;
    background-color: #fff;
}

section.customerarea {
    margin-top: 20px;
    margin-bottom: 70px;
}

section.verify {
    margin-top: 20px;
    margin-bottom: 70px;
}

section.verify .box {
    border-radius: 4px;
    background-color: #fff;
}

section.verify .box .head {
    padding: 30px;
    max-height: 79px;
}

section.verify .box .head .title {
    color: #323138;
    font-size: 18px;
    font-weight: 600;
}

section.verify .box .body {
    padding: 30px;
    color: #9997ab;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.3;
}

section.verify .box .body .subtitle {
    color: #333042;
    font-size: 18px;
    font-weight: 600;
    margin: 20px 0;
}

section.verify .box b,
section.verify .box strong {
    color: #55565e;
    font-size: 22px;
    font-weight: 600;
    display: block;
}

section.verify .box .b {
    padding: 30px 30px 0;
    color: #55565e;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.4;
    margin-bottom: 20px;
}

section.verify .box .b b,
section.verify .box .b strong {
    color: #55565e;
    font-size: 22px;
    font-weight: 600;
    display: block;
}

section.verify .box .b img {
    max-width: 100%;
    height: auto;
}

section.verify .box .b .content>* {
    margin-bottom: 14px;
}

section.verify .special-alert {
    border-radius: 4px;
    font-size: 18px;
    font-weight: 500;
    padding: 15px;
    display: flex;
    line-height: 1.3;
    align-items: center;
    margin-bottom: 30px;
}

section.verify .special-alert span.icon {
    width: 50px;
    height: 50px;
    min-width: 50px;
    min-height: 50px;
    border-radius: 4px;
    color: #fff;
    margin-right: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
}

section.verify .special-alert.danger {
    background-color: rgba(248, 73, 73, 0.2);
    color: #f84949;
}

section.verify .special-alert.danger span.icon {
    background-color: #f84949;
}

section.verify .special-alert.info {
    background-color: rgba(61, 90, 254, 0.2);
    color: #3d5afe;
}

section.verify .special-alert.info span.icon {
    background-color: #3d5afe;
}

section.verify .special-alert.warning {
    background-color: rgba(255, 193, 7, 0.2);
    color: #ffc107;
}

section.verify .special-alert.warning span.icon {
    background-color: #ffc107;
}

section.verify .special-alert.success {
    background-color: rgba(17, 211, 119, 0.2);
    color: #11d377;
}

section.verify .special-alert.success span.icon {
    background-color: #11d377;
}

section.verify .custom-control .custom-control-input {
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    min-height: 30px !important;
    margin-right: 10px;
    border: 2px solid #d0d8e8;
    border-radius: 4px;
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    cursor: pointer;
    position: relative;
}

section.verify .custom-control .custom-control-input:checked {
    background-color: #007bff;
    border-color: #007bff;
}

section.verify .custom-control .custom-control-input:checked:before {
    content: "✔";
    color: white;
    font-size: 18px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.card-box {
    padding: 20px;
    border: 1px solid #e5e9f1;
    background: #FFF;
    border-radius: 4px;
    box-shadow: 0 0 32px 0 rgba(56, 53, 67, 0.1);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
}

.card-box .sort-icon {
    width: 50px;
    height: 50px;
    min-width: 50px;
    min-height: 50px;
    border-radius: 4px;
    background-color: #4d4a5d;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFF;
    font-size: 18px;
}

.card-box .x-title {
    color: #4d4a5d;
    font-size: 18px;
    font-weight: 500;
}

.upload-area {
    width: 100%;
    position: relative;
}

.upload-area.dragover {
    margin: -5px;
    padding: 2px;
    border: 3px dashed rgba(0, 0, 0, 0.2);
}

.upload-area.dragover .square-btn {
    opacity: 0.9;
}

.upload-area .preview {
    position: absolute;
    max-width: 40px;
    height: calc(100% - 8px);
    top: 50%;
    left: 5px;
    border-radius: 4px;
    transform: translateY(-50%);
}

.upload-area.selected .preview {
    display: block !important;
}

.upload-area.selected .square-btn {
    padding-left: 50px;
}

.currency-hero {
    padding: 85px 0 250px 0;
    background: url(../img/currency-hero.jpg) top center no-repeat;
    background-size: cover;
    margin-bottom: -185px;
}

.currency-hero .sub-hero-title {
    color: #FFF;
}

.currency-hero .sub-hero-title h1 {
    font-size: 24px;
    font-weight: 600;
}

.currency-hero .sub-hero-title .txt {
    font-size: 18px;
    margin-top: 10px;
}

@media screen and (max-width: 768px) {
    .currency-content .card .head .item-box .txt .main {
        white-space: break-spaces !important;
    }
}

.currency-content .card {
    border-radius: 4px;
    margin-bottom: 40px;
}

.currency-content .card .head {
    padding: 20px;
    position: relative;
}

.currency-content .card .head .item-box {
    display: flex;
    align-items: center;
    color: #3d5afe;
    gap: 12px;
    transition: 0.3s;
}

.currency-content .card .head .item-box .icon {
    min-width: 50px;
    width: 50px;
    height: 50px;
    border-radius: 4px;
    background-color: rgba(61, 90, 254, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s;
}

.currency-content .card .head .item-box .icon.round {
    border-radius: 50%;
}

.currency-content .card .head .item-box.green {
    color: #11d377;
}

.currency-content .card .head .item-box.green .icon {
    background-color: rgba(17, 211, 119, 0.2);
}

.currency-content .card .head .item-box .txt {
    display: flex;
    flex-direction: column;
}

.currency-content .card .head .item-box .txt .main {
    font-size: 18px;
    font-weight: 600;
    white-space: nowrap;
}

.currency-content .card .head .item-box .txt a.main {
    color: #3d5afe;
}

.currency-content .card .head .item-box .txt a.main:hover {
    color: #0a2ffe;
}

.currency-content .card .head .item-box .txt .sub {
    font-size: 14px;
    color: #9591aa;
    margin-top: 5px;
}

.currency-content .card .head .item-box.link {
    cursor: pointer;
}

.currency-content .card .head .item-box.link:hover .icon {
    background-color: #3d5afe;
    color: #FFF;
}

.currency-content .card .head .step-title {
    font-size: 18px;
    font-weight: 600;
    color: #000;
    min-height: 50px;
    align-items: center;
    white-space: nowrap;
}

.currency-content .card .body {
    padding: 20px;
}

.currency-content .card .body .tab-item {
    background: rgba(70, 74, 92, 0.1);
    border-radius: 4px;
    display: flex;
    gap: 20px;
    padding: 20px;
    cursor: pointer;
}

.currency-content .card .body .tab-item .icon {
    min-width: 50px;
    width: 50px;
    height: 50px;
    border-radius: 4px;
    background-color: #FFF;
    display: flex;
    align-items: center;
    justify-content: center;
}

.currency-content .card .body .tab-item .txt {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.currency-content .card .body .tab-item .txt .main {
    font-size: 18px;
    font-weight: 600;
    color: #464a5c;
}

.currency-content .card .body .tab-item .txt .sub {
    font-size: 14px;
    color: #626577;
    margin-bottom: 5px;
}

.currency-content .card .body .tab-item:hover {
    background: #3d5afe;
}

.currency-content .card .body .tab-item:hover .txt .main,
.currency-content .card .body .tab-item:hover .txt .sub {
    color: #FFF;
}

.currency-content .card ul {
    list-style: disc;
    margin-left: 20px;
}

.currency-content .card ul li {
    color: #727980;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.3;
}

.currency-content .card ul li:not(:last-child) {
    margin-bottom: 14px;
}

.currency-content .card ul li::marker {
    color: #3d5afe;
}

.currency-content .card label {
    color: #1d1b3a;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 14px;
    line-height: 1.3;
}

.currency-content .card button.btn,
.currency-content .card a.btn {
    border-radius: 5px;
    background-color: #11d377;
    width: 100%;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    padding: 20px 32px;
    height: 60px;
    transition: all 0.3s ease;
    border: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.currency-content .card button.btn i,
.currency-content .card a.btn i {
    margin-left: 30px;
}

.currency-content .card button.btn:hover,
.currency-content .card a.btn:hover {
    transform: translateY(-5px);
}

.currency-content .card button.btn.btn-secondary,
.currency-content .card a.btn.btn-secondary {
    background-color: #fff;
    color: #1d1b3a;
    border: 1px solid #d0d8e8;
}

.currency-content .card .form-control,
.currency-content .card .form-select {
    border-radius: 5px;
    border: 1px solid #d0d8e8;
    background-color: #fff;
    padding-left: 30px;
    padding-right: 30px;
    color: #1d1b3a;
    font-size: 16px;
    height: 60px;
    font-weight: 400;
}

.currency-content .card input[type=text]:read-only {
    background-color: #f5f5f5;
    border-color: #d9d9d9;
    color: #1d1b3a;
    font-size: 16px;
    font-weight: 400;
}

.currency-content .card.banka-type .papara {
    display: none;
}

.currency-content .card.banka-type .ininal {
    display: none;
}

.currency-content .card.banka-type .banka {
    display: flex;
}

.currency-content .card.papara-type .banka {
    display: none;
}

.currency-content .card.papara-type .ininal {
    display: none;
}

.currency-content .card.papara-type .papara {
    display: flex;
}

.currency-content .card.ininal-type .banka {
    display: none;
}

.currency-content .card.ininal-type .ininal {
    display: flex;
}

.currency-content .card.ininal-type .papara {
    display: none;
}

.currency-content .card .dt-length label {
    margin: 0;
    font-weight: 400;
}

.currency-content .card .alert-box {
    background-color: rgba(239, 239, 239, 0.5);
    border-top: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
    color: #727980;
    padding: 25px 20px;
    margin-left: -20px;
    margin-right: -20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    gap: 20px;
}

.currency-content .card .alert-box .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 70px;
    min-width: 60px;
    height: 60px;
    border-radius: 5px;
    color: #ef3d3d;
    background-color: rgba(239, 61, 61, 0.1);
    font-size: 24px;
}

.currency-content .card .alert-box ul li {
    margin-bottom: 8px;
}

.currency-content .card .note-box {
    background-color: rgba(17, 211, 119, 0.1);
    background-color: rgba(239, 239, 239, 0.5);
    color: #11d377;
    border-radius: 4px;
}

.currency-content .card .note-box .item-box {
    display: flex;
    align-items: center;
    color: #11d377;
    gap: 12px;
    transition: 0.3s;
}

.currency-content .card .note-box .item-box .icon {
    min-width: 50px;
    width: 50px;
    height: 50px;
    border-radius: 4px;
    background-color: rgba(17, 211, 119, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s;
}

.currency-content .card .note-box .item-box .icon.round {
    border-radius: 50%;
}

.currency-content .card .note-box .item-box .txt {
    display: flex;
    flex-direction: column;
}

.currency-content .card .note-box .item-box .txt .main {
    font-size: 18px;
    font-weight: 600;
}

.currency-content .card .note-box .item-box .txt .sub {
    font-size: 14px;
    color: #9591aa;
    margin-top: 5px;
}

.verify-btn {
    width: 300px;
    height: 60px;
    border-radius: 4px;
    color: #121513;
    background-color: rgba(0, 1, 3, 0.1);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 20px 10px 30px;
    transition: 0.3s;
    font-size: 16px;
}

.verify-btn:hover {
    color: #121513;
    background-color: rgba(0, 1, 3, 0.3);
}

.custom-select-down {
    position: relative;
}

.custom-select-down select {
    -moz-appearance: none !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    padding-right: 60px !important;
    background-image: none !important;
}

.custom-select-down .down-icon {
    position: absolute;
    width: 30px;
    height: 30px;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    background: rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
}

.step-btn {
    background-color: #3d5afe;
    color: #FFF;
    text-decoration: none;
    border-radius: 30px;
    padding: 7px 25px 7px 7px;
    font-weight: 400;
    position: relative;
    transition: all 0.3s;
    line-height: 60px;
    white-space: nowrap;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
}

.step-btn .round {
    background-color: #FFF;
    color: #3d5afe;
    border-radius: 50%;
    width: 46px;
    height: 46px;
    line-height: 22px;
    font-size: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.step-btn .txt {
    font-size: 15px;
    font-weight: 600;
}

.step-btn.selected {
    background-color: #FFF;
    color: #3d5afe;
}

.step-btn.selected .round {
    background-color: rgba(61, 90, 254, 0.2);
}

.custom-input-checked {
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    min-height: 30px !important;
    margin-right: 10px;
    border: 2px solid #d0d8e8;
    border-radius: 4px;
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    cursor: pointer;
    position: relative;
}

.custom-input-checked:checked {
    background-color: #007bff;
    border-color: #007bff;
}

.custom-input-checked:checked:before {
    content: "✔";
    color: white;
    font-size: 18px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.table-responsive {
    margin-left: -10px;
    margin-right: -10px;
    padding-left: 10px;
    padding-right: 10px;
}

.table-responsive div.dt-container.dt-empty-footer .dt-scroll-body {
    width: auto !important;
    margin-left: -10px;
    margin-right: -10px;
    padding-left: 10px;
    padding-right: 10px;
    border-bottom: 0;
}

.table-responsive table.dataTable thead {
    display: none;
}

table.shadow-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 12px;
}

table.shadow-table tr {
    box-shadow: 0 0 10px 0 rgba(56, 53, 67, 0.1);
    background-color: #fff;
}

table.shadow-table tr td {
    border-top: 1px solid #e5e9f1 !important;
    border-bottom: 1px solid #e5e9f1 !important;
    vertical-align: top;
}

table.shadow-table tr td:first-child {
    border-left: 1px solid #e5e9f1 !important;
    border-radius: 4px 0 0 4px;
}

table.shadow-table tr td:last-child {
    border-right: 1px solid #e5e9f1 !important;
    border-radius: 0 4px 4px 0;
}

table.shadow-table .table-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 15px;
    white-space: nowrap;
}

table.shadow-table .table-item .icon {
    width: 50px;
    height: 50px;
    border-radius: 4px;
    background-color: rgba(61, 90, 254, 0.2);
    color: #3d5afe;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s;
    font-size: 22px;
}

table.shadow-table .table-item .txt {
    display: flex;
    flex-direction: column;
}

table.shadow-table .table-item .txt .main {
    font-size: 16px;
    font-weight: 600;
    color: #353c44;
}

table.shadow-table .table-item .txt .sub {
    font-size: 14px;
    color: #353c44;
    margin-top: 5px;
}

table.shadow-table .table-item .badge {
    border-radius: 4px;
    font-weight: 500;
}

table.shadow-table.dataTable>tbody>tr>th,
table.shadow-table.dataTable>tbody>tr>td {
    padding: 0;
}

.affiliates-hero {
    padding: 110px 0 200px 0;
    background: url(../img/affiliate-hero.jpg) top center no-repeat;
    background-size: cover;
    margin-bottom: -100px;
}

.affiliates-hero .sub-hero-title {
    color: #FFF;
}

.affiliates-hero .sub-hero-title h1 {
    font-size: 24px;
    font-weight: 600;
}

.affiliates-hero .sub-hero-title .txt {
    font-size: 18px;
    margin-top: 10px;
}

section.affiliates-content .g-30px {
    --bs-gutter-x: 30px;
    --bs-gutter-y: 30px;
}

section.affiliates-content .card {
    border-radius: 4px;
    margin-bottom: 40px;
}

section.affiliates-content .card .head {
    padding: 20px;
}

section.affiliates-content .card .head .item-box {
    display: flex;
    align-items: center;
    color: #3d5afe;
    gap: 12px;
    transition: 0.3s;
}

section.affiliates-content .card .head .item-box .icon {
    min-width: 60px;
    width: 60px;
    height: 60px;
    border-radius: 4px;
    background-color: rgba(61, 90, 254, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s;
    box-shadow: -12px 12px 32px 0 rgba(61, 90, 254, 0.2);
    font-size: 20px;
}

section.affiliates-content .card .head .item-box .icon.round {
    border-radius: 50%;
}

section.affiliates-content .card .head .item-box.green {
    color: #11d377;
}

section.affiliates-content .card .head .item-box.green .icon {
    background-color: rgba(17, 211, 119, 0.2);
    box-shadow: none;
    min-width: 40px;
    width: 40px;
    height: 40px;
}

section.affiliates-content .card .head .item-box .txt {
    display: flex;
    flex-direction: column;
}

section.affiliates-content .card .head .item-box .txt .main {
    font-size: 18px;
    font-weight: 600;
    white-space: nowrap;
}

section.affiliates-content .card .head .item-box .txt .sub {
    font-size: 16px;
    line-height: 24px;
    color: #353c44;
    font-weight: 400;
    margin-top: 2px;
}

section.affiliates-content .card .head .item-box.link {
    cursor: pointer;
}

section.affiliates-content .card .head .item-box.link:hover .icon {
    background-color: #3d5afe;
    color: #FFF;
}

section.affiliates-content .card .head .step-title {
    font-size: 18px;
    font-weight: 600;
    color: #000;
    min-height: 50px;
    align-items: center;
}

section.affiliates-content .card .body {
    padding: 20px;
}

section.affiliates-content .card .body .glass-box {
    padding: 14px 14px 14px 20px;
    border-radius: 4px;
    background-color: rgba(61, 90, 254, 0.1);
    font-size: 16px;
    font-weight: 600;
    color: #325cf4;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

section.affiliates-content .card .body .glass-box i.big {
    font-size: 26px;
    font-weight: 400;
}

section.affiliates-content .card .body .glass-box input {
    padding: 7px;
    border: 0;
    outline: none;
    font-size: 16px;
    color: #8b95a0;
    width: 102px;
    height: 50px;
    border-radius: 4px;
    background: #FFF;
    text-align: center;
}

section.affiliates-content .card .body .glass-box input.large {
    padding: 7px 50px 7px 15px;
    text-align: left;
    width: 400px;
}

section.affiliates-content .card .body .glass-box .copy-wrap {
    position: relative;
}

section.affiliates-content .card .body .glass-box .copy-btn {
    margin: 0;
    position: absolute;
    right: 7px;
    border-radius: 4px;
    background: #3d5afe;
    color: #FFF;
    top: 50%;
    transform: translateY(-50%);
    padding: 0;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    transition: 0.3s;
}

section.affiliates-content .card .body .glass-box .copy-btn:hover {
    background: #0a2ffe;
}

section.affiliates-content .card .body .glass-box .copybox {
    padding: 7px 7px 7px 24px;
    border-radius: 4px;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-width: 400px;
    height: 50px;
}

section.affiliates-content .card .body .glass-box .copybox.small {
    min-width: 102px;
    max-width: 102px;
    text-align: center;
    padding: 7px;
}

section.affiliates-content .card .body .glass-box .copybox.small input {
    text-align: center;
}

section.affiliates-content .card .body .glass-box .copybox button {
    width: 36px;
    height: 36px;
    border-radius: 4px;
    background-color: #325cf4;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}

section.affiliates-content .card .body .glass-box .copybox input {
    padding: 0;
    border: 0;
    font-size: 16px;
    line-height: 24px;
    text-align: left;
    color: #8b95a0;
    font-weight: 400;
    width: 100%;
}

section.affiliates-content .card .body .glass-box .copybox input:active,
section.affiliates-content .card .body .glass-box .copybox input:focus,
section.affiliates-content .card .body .glass-box .copybox input:hover {
    border: 0 !important;
    box-shadow: none !important;
}

section.affiliates-content .boxes .item {
    padding: 0 10px 30px;
    border-radius: 4px;
    box-shadow: -2.8px 2.8px 49px 0 rgba(0, 0, 0, 0.09);
    background-color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transition: all 0.3s ease;
    position: relative;
    z-index: 1;
}

section.affiliates-content .boxes .item:hover {
    transform: scale(1.02);
}

section.affiliates-content .boxes .item span.icon {
    width: 60px;
    height: 70px;
    padding: 25px 22px 24px;
    border-radius: 0 0 30px 30px;
    background-color: #31e072;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 24px;
}

section.affiliates-content .boxes .item .big {
    font-size: 28px;
    font-weight: 600;
    text-align: center;
    color: #31e072;
    margin-top: 24px;
    margin-bottom: 12px;
}

section.affiliates-content .boxes .item .small {
    font-size: 18px;
    line-height: 24px;
    text-align: center;
    color: #353c44;
    opacity: 0.5;
}

section.affiliates-content .square-btn {
    font-size: 14px;
    padding: 5px 15px;
    height: 40px;
}

section.affiliates-content .square-btn i {
    font-size: 14px;
}

.group-title .group-icon {
    box-shadow: -12px 12px 32px 0 rgba(61, 90, 254, 0.5);
    background: #3d5afe;
    color: #FFF;
    min-width: 60px;
    width: 60px;
    height: 60px;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
}

.group-title .group-main {
    color: #3d5afe;
    font-size: 20px;
    font-weight: 600;
}

.group-title .group-txt {
    color: #353c44;
    margin-top: 10px;
}

.group-title.green .group-icon {
    box-shadow: -12px 12px 32px 0 rgba(17, 211, 119, 0.5);
    background: #11d377;
}

.group-title.green .group-main {
    color: #11d377;
}

section.affiliates-history {
    padding: 50px 0 25px 0;
}

section.affiliates-faq {
    padding: 55px 0;
}

section.affiliates-faq .card {
    border-radius: 4px;
}

section.affiliates-faq .faq-item {
    border-bottom: 1px solid #DDD;
    padding: 15px 20px;
}

section.affiliates-faq .faq-item:last-child {
    border-bottom: 0;
}

section.affiliates-faq .faq-item .accordion-title {
    font-weight: 600;
    font-size: 16px;
    line-height: 1.6;
    color: #444;
    margin: 0;
    position: relative;
    padding: 0 30px 0 0;
}

section.affiliates-faq .faq-item .accordion-title .ri-icons {
    float: right;
    padding: 6px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

section.affiliates-faq .faq-item .accordion-title .icon-minus {
    display: none;
}

section.affiliates-faq .faq-item .accordion-title:hover {
    color: #3d5afe;
    cursor: pointer;
}

section.affiliates-faq .faq-item .accordion-title.open {
    color: #3d5afe;
    cursor: pointer;
}

section.affiliates-faq .faq-item .accordion-title.open .icon-minus {
    display: block;
}

section.affiliates-faq .faq-item .accordion-title.open .icon-plus {
    display: none;
}

section.affiliates-faq .faq-item .accordion-content {
    display: none;
    color: #666;
    line-height: 1.8;
    padding: 20px 0 0 0;
}

.terms-box {
    color: #55565e;
}

.terms-box .x-title {
    font-weight: 600;
    font-size: 18px;
    padding: 10px;
}

.terms-box .desc {
    padding: 10px;
    line-height: 20px;
}

.terms-box .desc p {
    margin-bottom: 15px;
}

.howtowork-affiliates {
    padding: 50px 0;
    background: #FFF;
}

.howtowork-affiliates .howtowork-title {
    font-size: 36px;
    font-weight: 600;
    color: #353844;
    text-align: center;
    padding: 10px 0 40px;
}

.howtowork-affiliates .seperator-box {
    position: relative;
    width: 60px;
    height: 114px;
}

.howtowork-affiliates .seperator-box .dot {
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #325cf4;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.howtowork-affiliates .seperator-box .dot .l1,
.howtowork-affiliates .seperator-box .dot .l2,
.howtowork-affiliates .seperator-box .dot .l3,
.howtowork-affiliates .seperator-box .dot .r1,
.howtowork-affiliates .seperator-box .dot .r2,
.howtowork-affiliates .seperator-box .dot .r3 {
    position: absolute;
    background: rgba(50, 92, 244, 0.1);
    width: 20px;
    height: 4px;
    border-radius: 4px;
    top: 2px;
}

.howtowork-affiliates .seperator-box .dot .l1 {
    left: -30px;
}

.howtowork-affiliates .seperator-box .dot .l2 {
    left: -60px;
}

.howtowork-affiliates .seperator-box .dot .l3 {
    left: -90px;
}

.howtowork-affiliates .seperator-box .dot .r1 {
    right: -30px;
}

.howtowork-affiliates .seperator-box .dot .r2 {
    right: -60px;
}

.howtowork-affiliates .seperator-box .dot .r3 {
    right: -90px;
}

.step-box {
    text-align: center;
}

.step-box .icon .b1 {
    padding: 16px;
    background: rgba(61, 90, 254, 0.1);
    border-radius: 50%;
    display: inline-block;
}

.step-box .icon .b1 .b2 {
    padding: 11px;
    background: rgba(61, 90, 254, 0.1);
    border-radius: 50%;
    display: inline-block;
}

.step-box .icon .b1 .b2 .b3 {
    width: 60px;
    height: 60px;
    background: #3d5afe;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    border-radius: 50%;
}

.step-box .icon .b1 .b2 .b3 i {
    color: #FFF;
}

.step-box .icon .b1:hover {
    animation: bubble1 0.3s ease-out;
}

.step-box .icon .b1:hover .b2 {
    animation: bubble2 0.4s ease-out;
}

.step-box .icon .b1:hover .b3 {
    animation: bubble3 0.5s ease-out;
}

.step-box .title {
    font-size: 18px;
    font-weight: 600;
    color: #3d5afe;
    padding: 25px 0 10px 0;
}

.step-box .desc {
    color: #1e1e1f;
    padding: 10px 0;
    line-height: 1.4;
}

.mt-30px {
    margin-top: 30px;
}

.mt-40px {
    margin-top: 40px;
}

.pagination-list {
    display: block;
    width: 100%;
    text-align: center;
}

.pagination-list li {
    display: inline-block;
    margin: 4px;
}

.pagination-list li span,
.pagination-list li a {
    box-shadow: -6px 6px 117px rgba(0, 0, 0, 0.16);
    border-radius: 50% !important;
    background-color: #fff;
    width: 50px;
    height: 50px;
    color: #626372;
    font-size: 20px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    border: 0;
}

.pagination-list li span:hover,
.pagination-list li a:hover {
    background: #3d5afe;
    color: #fff;
}

.pagination-list li.active a {
    background: #3d5afe;
    color: #fff;
}

.pagination-list li.disabled {
    margin: 4px 0;
}

.pagination-list li.disabled span {
    background-color: transparent;
    color: #626372;
}

section.streamer-content {
    padding: 40px 0;
}

section.streamer-content .card {
    border-radius: 4px;
}

section.streamer-content .card .head {
    padding: 20px;
}

section.streamer-content .card .head .item-box {
    display: flex;
    align-items: center;
    color: #3d5afe;
    gap: 20px;
    transition: 0.3s;
}

section.streamer-content .card .head .item-box .icon {
    min-width: 60px;
    width: 60px;
    height: 60px;
    border-radius: 4px;
    background-color: rgba(61, 90, 254, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s;
    font-size: 20px;
}

section.streamer-content .card .head .item-box .icon.round {
    border-radius: 50%;
}

section.streamer-content .card .head .item-box.green {
    color: #11d377;
}

section.streamer-content .card .head .item-box.green .icon {
    background-color: rgba(17, 211, 119, 0.2);
    box-shadow: none;
    min-width: 40px;
    width: 40px;
    height: 40px;
}

section.streamer-content .card .head .item-box .txt {
    display: flex;
    flex-direction: column;
}

section.streamer-content .card .head .item-box .txt .main {
    font-size: 18px;
    font-weight: 600;
    white-space: nowrap;
}

section.streamer-content .card .head .item-box .txt .sub {
    font-size: 16px;
    line-height: 24px;
    color: #353c44;
    font-weight: 400;
    margin-top: 2px;
}

section.streamer-content .card .body {
    padding: 20px;
}

section.streamer-content .card .filter-btn {
    border-radius: 4px;
    padding: 10px 20px 10px 22px;
    transition: 0.3s;
    height: 50px;
    display: flex;
    gap: 10px;
    justify-content: space-between;
    align-items: center;
    font-weight: 600;
    font-size: 15px;
    cursor: pointer;
}

section.streamer-content .card .filter-btn i {
    font-size: 18px;
}

section.streamer-content .card .filter-btn.blue {
    color: #325cf4;
}

section.streamer-content .card .filter-btn.blue.selected,
section.streamer-content .card .filter-btn.blue:hover {
    background-color: rgba(50, 92, 244, 0.1);
}

section.streamer-content .card .filter-btn.green {
    color: #11d377;
}

section.streamer-content .card .filter-btn.green.selected,
section.streamer-content .card .filter-btn.green:hover {
    background-color: rgba(17, 211, 119, 0.1);
}

section.streamer-content .card .filter-btn.purple {
    color: #8d45f8;
}

section.streamer-content .card .filter-btn.purple.selected,
section.streamer-content .card .filter-btn.purple:hover {
    background-color: rgba(141, 69, 248, 0.1);
}

section.streamer-content .card .filter-btn.red {
    color: #ff0000;
}

section.streamer-content .card .filter-btn.red.selected,
section.streamer-content .card .filter-btn.red:hover {
    background-color: rgba(255, 0, 0, 0.1);
}

section.streamer-content .card .filter-btn.orange {
    color: #fd7e15;
}

section.streamer-content .card .filter-btn.orange.selected,
section.streamer-content .card .filter-btn.orange:hover {
    background-color: rgba(253, 126, 21, 0.1);
}

section.streamer-content .card .filter-btn.tiktok {
    color: #101626;
}

section.streamer-content .card .filter-btn.tiktok.selected,
section.streamer-content .card .filter-btn.tiktok:hover {
    background-color: rgba(16, 22, 38, 0.1);
}

section.streamer-content .card .filter-btn.light i {
    font-size: 21px;
}

section.streamer-content .card .filter-btn.light.blue {
    color: #325cf4;
    background-color: rgba(50, 92, 244, 0.1);
}

section.streamer-content .card .filter-btn.light.blue.selected,
section.streamer-content .card .filter-btn.light.blue:hover {
    color: #FFF;
    background-color: #325cf4;
}

section.streamer-content .card .filter-btn.light.green {
    color: #11d377;
    background-color: rgba(17, 211, 119, 0.1);
}

section.streamer-content .card .filter-btn.light.green.selected,
section.streamer-content .card .filter-btn.light.green:hover {
    color: #FFF;
    background-color: #11d377;
}

section.streamer-content .card .filter-btn.light.purple {
    color: #8d45f8;
    background-color: rgba(141, 69, 248, 0.1);
}

section.streamer-content .card .filter-btn.light.purple.selected,
section.streamer-content .card .filter-btn.light.purple:hover {
    color: #FFF;
    background-color: #8d45f8;
}

section.streamer-content .card .filter-btn.light.red {
    color: #ff0000;
    background-color: rgba(255, 0, 0, 0.1);
}

section.streamer-content .card .filter-btn.light.red.selected,
section.streamer-content .card .filter-btn.light.red:hover {
    color: #FFF;
    background-color: #ff0000;
}

section.streamer-content .card .filter-btn.light.orange {
    color: #fd7e15;
    background-color: rgba(253, 126, 21, 0.1);
}

section.streamer-content .card .filter-btn.light.orange.selected,
section.streamer-content .card .filter-btn.light.orange:hover {
    color: #FFF;
    background-color: #fd7e15;
}

section.streamer-content .card .filter-btn.light.tiktok {
    color: #101626;
    background-color: rgba(16, 22, 38, 0.1);
}

section.streamer-content .card .filter-btn.light.tiktok.selected,
section.streamer-content .card .filter-btn.light.tiktok:hover {
    color: #FFF;
    background-color: #101626;
}

section.streamer-content .square-btn.mini {
    height: 40px;
    font-size: 14px;
}

.streamer-list .streamer-card {
    position: relative;
    padding: 5px;
    background: #FFF;
    border-radius: 4px;
}

.streamer-list .streamer-card .highlight {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 12px;
    background-color: #11d377;
    color: #FFF;
    white-space: nowrap;
    font-size: 12px;
    font-weight: 600;
    padding: 6px 10px 6px 34px;
}

.streamer-list .streamer-card .highlight .icon {
    position: absolute;
    left: 0;
    top: 0;
    padding: 6px 6px 6px 8px;
    border-radius: 12px 0 0 12px;
    background-color: #10c56f;
}

.streamer-list .streamer-card .img-card {
    width: 100%;
    display: block;
}

.streamer-list .streamer-card .img-card img {
    aspect-ratio: 1/1;
    object-fit: cover;
    width: 100%;
    background-color: #FFFFFF;
    display: block;
    border-radius: 4px;
}

.streamer-list .streamer-card .name {
    color: #f12e55;
    font-size: 20px;
    display: block;
    text-align: center;
    font-weight: 600;
    padding: 20px 10px 10px 10px;
}

.streamer-list .streamer-card .onayli-yayinci {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 0 -3px 5px;
}

.streamer-list .streamer-card .patform {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    padding: 5px 5px 15px 5px;
    min-height: 60px;
}

.streamer-list .streamer-card .patform .icon {
    border-radius: 4px;
    padding: 5px;
    transition: 0.3s;
    width: 40px;
    height: 40px;
    display: flex;
    gap: 10px;
    justify-content: center;
    align-items: center;
    font-weight: 600;
    font-size: 22px;
}

.streamer-list .streamer-card .patform .icon.blue {
    color: #325cf4;
    background-color: rgba(50, 92, 244, 0.1);
}

.streamer-list .streamer-card .patform .icon.green {
    color: #11d377;
    background-color: rgba(17, 211, 119, 0.1);
}

.streamer-list .streamer-card .patform .icon.purple {
    color: #8d45f8;
    background-color: rgba(141, 69, 248, 0.1);
}

.streamer-list .streamer-card .patform .icon.red {
    color: #ff0000;
    background-color: rgba(255, 0, 0, 0.1);
}

.streamer-list .streamer-card .patform .icon.orange {
    color: #fd7e15;
    background-color: rgba(253, 126, 21, 0.1);
}

.streamer-list .streamer-card .patform .icon.tiktok {
    color: #101626;
    background-color: rgba(16, 22, 38, 0.1);
}

section.streamer-text {
    padding: 55px 0 45px 0;
    line-height: 1.5;
}

.streamer-modal .modal-content .modal-header {
    height: 84px;
    padding: 15px 22px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.streamer-modal .modal-content .modal-header .modal-title {
    color: #11d377;
    font-size: 18px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

.streamer-modal .modal-content .modal-header .modal-title .icon {
    width: 40px;
    height: 40px;
    color: #FFF;
    background: #11d377;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.streamer-modal .modal-content .modal-header .btn-close {
    height: 84px;
}

.streamer-modal .modal-content .modal-body .group {
    position: relative;
}

.streamer-modal .modal-content .modal-body .group input {
    padding-right: 50px;
    border-radius: 4px;
}

.streamer-modal .modal-content .modal-body .group i {
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    font-size: 24px;
}

.streamer-modal .modal-content .modal-body .group.blue input {
    border-color: #325cf4;
}

.streamer-modal .modal-content .modal-body .group.blue i {
    color: #325cf4;
}

.streamer-modal .modal-content .modal-body .group.green input {
    border-color: #11d377;
}

.streamer-modal .modal-content .modal-body .group.green i {
    color: #11d377;
}

.streamer-modal .modal-content .modal-body .group.purple input {
    border-color: #8d45f8;
}

.streamer-modal .modal-content .modal-body .group.purple i {
    color: #8d45f8;
}

.streamer-modal .modal-content .modal-body .group.red input {
    border-color: #ff0000;
}

.streamer-modal .modal-content .modal-body .group.red i {
    color: #ff0000;
}

.streamer-modal .modal-content .modal-body .group.orange input {
    border-color: #fd7e15;
}

.streamer-modal .modal-content .modal-body .group.orange i {
    color: #fd7e15;
}

.streamer-modal .modal-content .modal-body .group.tiktok input {
    border-color: #101626;
}

.streamer-modal .modal-content .modal-body .group.tiktok i {
    color: #101626;
}

.streamer-modal .modal-content .btn-green-submit {
    background: rgba(17, 211, 119, 0.1);
    color: #11d377;
    border: 0;
    border-radius: 4px;
    width: 100%;
    height: 70px;
    font-size: 16px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 25px;
    transition: 0.3s;
}

.streamer-modal .modal-content .btn-green-submit i {
    font-size: 22px;
}

.streamer-modal .modal-content .btn-green-submit:hover {
    background: rgba(17, 211, 119, 0.3);
}

div.dt-container .dt-paging .dt-paging-button {
    padding: 0.5em;
    min-width: 38px;
}

section.streamer-live-hero {
    padding: 95px 0 0 0;
    width: 100%;
    min-height: 400px;
    max-height: 400px;
    -o-object-fit: cover;
    object-fit: cover;
    margin-bottom: -125px;
    background-image: url(../img/yayinci-bagis-hero.jpg);
    background-position: center top;
    background-repeat: repeat-x;
    background-size: cover;
    color: #FFF;
}

section.streamer-live-hero .streamer-profile {
    gap: 30px;
}

section.streamer-live-hero .streamer-profile .icon img {
    min-width: 100px;
    width: 100px;
    height: 100px;
    border-radius: 4px;
}

section.streamer-live-hero .streamer-profile .streamer-name {
    font-size: 36px;
    font-weight: 600;
    color: #FFF;
}

section.streamer-live-hero .streamer-channel .platfom-btn {
    min-width: 72px;
    height: 72px;
    background: #FFF;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
    padding: 10px;
    font-size: 16px;
    font-weight: 600;
}

section.streamer-live-hero .streamer-channel .platfom-btn i {
    font-size: 26px;
}

section.streamer-live-hero .streamer-channel .platfom-btn.blue {
    color: #325cf4;
}

section.streamer-live-hero .streamer-channel .platfom-btn.blue:hover {
    background-color: #325cf4;
    color: #FFF;
}

section.streamer-live-hero .streamer-channel .platfom-btn.green {
    color: #11d377;
}

section.streamer-live-hero .streamer-channel .platfom-btn.green:hover {
    background-color: #11d377;
    color: #FFF;
}

section.streamer-live-hero .streamer-channel .platfom-btn.purple {
    color: #8d45f8;
}

section.streamer-live-hero .streamer-channel .platfom-btn.purple:hover {
    background-color: #8d45f8;
    color: #FFF;
}

section.streamer-live-hero .streamer-channel .platfom-btn.red {
    color: #ff0000;
}

section.streamer-live-hero .streamer-channel .platfom-btn.red:hover {
    background-color: #ff0000;
    color: #FFF;
}

section.streamer-live-hero .streamer-channel .platfom-btn.orange {
    color: #fd7e15;
}

section.streamer-live-hero .streamer-channel .platfom-btn.orange:hover {
    background-color: #fd7e15;
    color: #FFF;
}

section.streamer-live-hero .streamer-channel .platfom-btn.tiktok {
    color: #101626;
}

section.streamer-live-hero .streamer-channel .platfom-btn.tiktok:hover {
    background-color: #101626;
    color: #FFF;
}

section.live-stream-content {
    padding: 0 0 100px 0;
}

section.live-stream-content .mt-25px {
    margin-top: 25px;
}

section.live-stream-content .card {
    padding: 20px 25px 25px 20px;
}

section.live-stream-content iframe {
    border-radius: 4px;
}

section.live-stream-content .live-content {
    position: relative;
    height: 100%;
}

section.live-stream-content .live-content iframe {
    position: relative;
    z-index: 1;
}

section.live-stream-content .live-content .live-platform-change {
    position: absolute;
    z-index: 11;
    top: 15px;
    right: 15px;
}

section.live-stream-content .live-content .live-platform-change .btn-live {
    background: rgba(0, 0, 0, 0.4);
    color: #FFF;
    border-radius: 4px;
    padding: 7px 15px;
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    outline: 0;
    border: 0;
    font-weight: 500;
}

section.live-stream-content .live-content .live-platform-change .btn-live:hover {
    background: rgba(0, 0, 0, 0.6);
}

section.live-stream-content .live-content .live-platform-change .dropdown-menu {
    border: 0;
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.4);
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
}

section.live-stream-content .live-content .live-platform-change .dropdown-menu .dropdown-item {
    padding: 10px 20px;
    font-weight: 500;
}

section.live-stream-content form {
    padding-top: 10px;
}

section.live-stream-content form label {
    color: #4c4f5f;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

section.live-stream-content form label small {
    opacity: 0.5;
    color: #4c4f5f;
    font-size: 14px;
    font-weight: 400;
}

section.live-stream-content form .form-group {
    position: relative;
}

section.live-stream-content form .form-group .block-words-message {
    position: absolute;
    bottom: calc(100% - 18px);
    background: #ff3030;
    color: #FFF;
}

section.live-stream-content form .form-group .block-words-message::before {
    content: " ";
    width: 20px;
    height: 20px;
    background: #ff3030;
    border-radius: 4px;
    transform: rotate(45deg);
    position: absolute;
    bottom: -8px;
    left: 20px;
}

section.live-stream-content form .form-control {
    border-radius: 5px;
    border: 1px solid #d0d8e8;
    background-color: #fff;
    height: 60px;
    padding-left: 24px;
    color: #1d1b3a;
    font-size: 16px;
    font-weight: 400;
}

section.live-stream-content form .form-control:active,
section.live-stream-content form .form-control:focus {
    border: 1px solid #aebcd7;
}

section.live-stream-content form .btn-group {
    border-radius: 5px;
}

section.live-stream-content form .btn-group button {
    border-color: #d0d8e8;
    padding: 5px;
    color: #4c4f5f;
    font-size: 20px;
    font-weight: 400;
    height: 60px;
}

section.live-stream-content form .btn-group button:hover,
section.live-stream-content form .btn-group button:active,
section.live-stream-content form .btn-group button:focus {
    border-color: #3d5afe;
    background: #3d5afe;
    color: #fff;
}

section.live-stream-content form .btn-submit {
    border-radius: 4px;
    background-color: #11d377;
    padding: 8px 20px;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    width: 100%;
    border: 0;
    transition: all 0.3s ease;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}

section.live-stream-content form .btn-submit:hover {
    background-color: #10c56f;
}

section.live-stream-content form .input-group {
    border-radius: 5px;
}

section.live-stream-content form .input-group .input-group-text {
    border-color: #d0d8e8;
    padding-left: 20px;
    padding-right: 20px;
    color: #4c4f5f;
    font-size: 20px;
    font-weight: 400;
    background-color: #fff;
}

section.live-stream-content form .input-group input {
    border-color: #d0d8e8;
    padding: 10px 15px;
    color: #4c4f5f;
    font-size: 20px;
    font-weight: 400;
}

section.live-stream-content form .input-group input:active,
section.live-stream-content form .input-group input:focus {
    border-color: #d0d8e8;
}

section.live-stream-content .alert {
    padding: 12px 20px 11px;
    font-weight: 500;
}

.empty-live {
    text-align: center;
    background: rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    padding: 30px 20px;
}

.empty-live .icon {
    color: #999;
    font-size: 50px;
    margin-bottom: 10px;
}

.empty-live .text {
    color: #353844;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.3;
}

.stack {
    display: grid;
    grid-template-columns: 1fr;
}

.stack .glitch-item {
    grid-row-start: 1;
    grid-column-start: 1;
    --stack-height: calc(100% / var(--stacks) - 1px);
    --inverse-index: calc(calc(var(--stacks) - 1) - var(--index));
    --clip-top: calc(var(--stack-height) * var(--index));
    --clip-bottom: calc(var(--stack-height) * var(--inverse-index));
    clip-path: inset(var(--clip-top) 0 var(--clip-bottom) 0);
    animation: stack 240ms cubic-bezier(0.46, 0.29, 0, 1.24) 1 backwards calc(var(--index) * 120ms), glitch 2s ease infinite 0.5s alternate-reverse;
}

.stack .glitch-item:nth-child(odd) {
    --glitch-translate: 8px;
}

.stack .glitch-item:nth-child(even) {
    --glitch-translate: -8px;
}

@keyframes stack {
    0% {
        opacity: 0;
        transform: translateX(-50%);
        text-shadow: -2px 3px 0 red, 2px -3px 0 blue;
    }

    60% {
        opacity: 0.5;
        transform: translateX(50%);
    }

    80% {
        transform: none;
        opacity: 1;
        text-shadow: 2px -3px 0 red, -2px 3px 0 blue;
    }

    100% {
        text-shadow: none;
    }
}

@keyframes glitch {
    0% {
        text-shadow: -2px 3px 0 red, 2px -3px 0 blue;
        transform: translate(var(--glitch-translate));
    }

    2% {
        text-shadow: 2px -3px 0 red, -2px 3px 0 blue;
    }

    4%,
    100% {
        text-shadow: none;
        transform: none;
    }
}

section.streamer-panel-hero {
    padding: 130px 0 0 0;
    min-height: 370px;
    margin-bottom: -80px;
    background: url(../img/yayinci-panel-hero.jpg) center top repeat-x;
    background-size: cover;
    color: #FFF;
}

section.streamer-panel-hero .main {
    font-weight: 600;
    font-size: 26px;
}

section.streamer-panel-hero .slash {
    font-size: 46px;
}

section.streamer-panel-hero .sub {
    font-weight: 400;
    font-size: 26px;
}

section.streamer-panel-content {
    padding: 0 0 80px 0;
}

section.streamer-panel-content .streamer-panel-title {
    font-size: 18px;
    font-weight: 600;
    color: #464a5c;
    height: 100%;
    display: flex;
    align-items: center;
}

section.streamer-panel-content .card {
    border-radius: 4px;
}

section.streamer-panel-content .card-body {
    padding: 15px 20px;
}

section.streamer-panel-content .card-body.card-caption {
    min-height: 80px;
}

section.streamer-panel-content .card-body.py-30px {
    padding-top: 30px;
    padding-bottom: 30px;
}

section.streamer-panel-content .card-body.px-30px {
    padding-left: 30px;
    padding-right: 30px;
}

section.streamer-panel-content .form-group {
    margin-bottom: 30px;
}

section.streamer-panel-content .form-group .group-title {
    color: #1d1b3a;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 7px;
}

section.streamer-panel-content .form-group .form-card {
    border: 1px solid #d0d8e8;
    border-radius: 4px;
    padding: 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 10px 0;
    gap: 20px;
    min-height: 60px;
}

section.streamer-panel-content .form-group .form-card .square-btn {
    height: 54px;
}

section.streamer-panel-content .form-group .form-card .box-img img {
    border-radius: 4px;
}

section.streamer-panel-content .form-group .form-card .box-img .avatar {
    min-width: 60px;
    width: 60px;
    height: 60px;
}

section.streamer-panel-content .form-group .form-card .box-img .cover {
    min-width: 140px;
    width: 140px;
    height: 60px;
}

section.streamer-panel-content .form-group .form-card .txt {
    color: #1d1b3a;
    max-width: 420px;
    line-height: 20px;
}

section.streamer-panel-content .form-group .form-card .form-control {
    border: 0;
    padding: 0;
    height: 36px;
}

section.streamer-panel-content .form-group .form-card .form-control.tagify {
    height: auto;
}

section.streamer-panel-content .form-group .form-card .form-control:disabled {
    background: transparent;
    opacity: 0.5;
}

section.streamer-panel-content .form-group .form-card .platform-logo {
    min-width: 137px;
    width: 137px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    padding: 5px;
    font-size: 15px;
    font-weight: 600;
    gap: 10px;
}

section.streamer-panel-content .form-group .form-card .platform-logo i {
    font-size: 22px;
}

section.streamer-panel-content .form-group .form-card .verfiy-sticker {
    border-radius: 4px 0 0 4px;
    min-width: 146px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 -12px 0 0;
    gap: 10px;
}

section.streamer-panel-content .form-group .form-card.purple {
    border-color: #8d45f8;
}

section.streamer-panel-content .form-group .form-card.purple .platform-logo {
    background: rgba(141, 69, 248, 0.1);
    color: #8d45f8;
}

section.streamer-panel-content .form-group .form-card.purple.verified .verfiy-sticker,
section.streamer-panel-content .form-group .form-card.purple.verified .platform-logo {
    background: #8d45f8;
    color: #FFF;
}

section.streamer-panel-content .form-group .form-card.green {
    border-color: #11d377;
}

section.streamer-panel-content .form-group .form-card.green .platform-logo {
    background: rgba(17, 211, 119, 0.1);
    color: #11d377;
}

section.streamer-panel-content .form-group .form-card.green.verified .verfiy-sticker,
section.streamer-panel-content .form-group .form-card.green.verified .platform-logo {
    background: #11d377;
    color: #FFF;
}

section.streamer-panel-content .form-group .form-card.red {
    border-color: #ff0000;
}

section.streamer-panel-content .form-group .form-card.red .platform-logo {
    background: rgba(255, 0, 0, 0.1);
    color: #ff0000;
}

section.streamer-panel-content .form-group .form-card.red.verified .verfiy-sticker,
section.streamer-panel-content .form-group .form-card.red.verified .platform-logo {
    background: #ff0000;
    color: #FFF;
}

section.streamer-panel-content .form-group .form-card.orange {
    border-color: #fd7e15;
}

section.streamer-panel-content .form-group .form-card.orange .platform-logo {
    background: rgba(253, 126, 21, 0.1);
    color: #fd7e15;
}

section.streamer-panel-content .form-group .form-card.orange.verified .verfiy-sticker,
section.streamer-panel-content .form-group .form-card.orange.verified .platform-logo {
    background: #fd7e15;
    color: #FFF;
}

section.streamer-panel-content .form-group .form-card.tiktok {
    border-color: #101626;
}

section.streamer-panel-content .form-group .form-card.tiktok .platform-logo {
    background: rgba(16, 22, 38, 0.1);
    color: #101626;
}

section.streamer-panel-content .form-group .form-card.tiktok.verified .verfiy-sticker,
section.streamer-panel-content .form-group .form-card.tiktok.verified .platform-logo {
    background: #101626;
    color: #FFF;
}

section.streamer-panel-content .form-group.btn-row {
    display: flex;
    align-items: center;
    justify-content: end;
}

section.streamer-panel-content .form-group.btn-row .update-btn-wrap {
    position: relative;
    width: 270px;
}

section.streamer-panel-content .form-group.btn-row .update-btn-wrap .progress {
    position: absolute;
    width: 90%;
    left: 5%;
    bottom: 8px;
    height: 4px;
    border-radius: 4px;
    background: rgba(0, 0, 0, 0.2);
}

section.streamer-panel-content .form-group.btn-row .update-btn-wrap .progress .progress-bar {
    background: #FFF;
    height: 4px;
}

section.streamer-panel-content .form-group .update-btn {
    background: #11d377;
    border: 0;
    width: 100%;
    height: 60px;
    border-radius: 4px;
    color: #FFF;
    font-size: 16px;
    font-weight: 600;
    transition: 0.3s;
}

section.streamer-panel-content .form-group .update-btn:hover {
    background: #10c56f;
}

section.streamer-panel-content .currency-icon {
    position: relative;
}

section.streamer-panel-content .currency-icon input {
    padding-left: 60px !important;
}

section.streamer-panel-content .currency-icon .currency-type {
    position: absolute;
    top: 50%;
    left: 20px;
    transform: translateY(-50%);
    padding: 5px 0;
    opacity: 0.5;
    width: 30px;
    border-right: 1px solid #d0d8e8;
}

.yayinci-panel-sidebar .streamer-summary {
    position: relative;
    display: flex;
    align-items: end;
    margin-top: -35px;
    gap: 18px;
}

.yayinci-panel-sidebar .streamer-summary .avatar {
    min-width: 80px;
    width: 80px;
    height: 80px;
    border-radius: 4px;
}

.yayinci-panel-sidebar .streamer-summary .user-data .name {
    font-size: 20px;
    font-weight: 600;
    color: #2f303a;
    display: block;
}

.yayinci-panel-sidebar .streamer-summary .user-data .role {
    font-size: 14px;
    font-weight: 600;
    color: #f12e55;
    display: block;
    margin-top: 4px;
}

.yayinci-panel-sidebar .streamer-summary .onayli-yayinci {
    position: absolute;
    top: 40px;
    right: 0;
}

.yayinci-panel-sidebar .yayinci-panel-menu .item {
    display: block;
    height: 47px;
    padding: 0 10px;
    display: flex;
    align-items: center;
    position: relative;
    color: #696e8b;
    font-size: 16px;
    font-weight: 400;
    transition: 0.3s;
    border-radius: 4px;
    gap: 12px;
}

.yayinci-panel-sidebar .yayinci-panel-menu .item i {
    opacity: 0.6;
}

.yayinci-panel-sidebar .yayinci-panel-menu .item:hover {
    color: #000;
}

.yayinci-panel-sidebar .yayinci-panel-menu .item:hover i {
    opacity: 1;
}

.yayinci-panel-sidebar .yayinci-panel-menu .item.active {
    color: #3d5afe;
    font-weight: 600;
}

.yayinci-panel-sidebar .yayinci-panel-menu .item.active::before {
    content: " ";
    position: absolute;
    width: 8px;
    height: 100%;
    top: 0;
    left: -20px;
    background: #3d5afe;
    border-radius: 0 24px 24px 0;
}

.yayinci-panel-sidebar .yayinci-panel-menu .item.active i {
    opacity: 1;
}

.date-filter {
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 10px;
}

.date-filter .date-item {
    position: relative;
    background: rgba(50, 92, 244, 0.2);
    color: #325cf4;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 45px;
    padding: 0 17px;
    transition: 0.3s;
}

.date-filter .date-item .date-input {
    color: #325cf4;
    border: 0;
    background: transparent;
    width: 95px;
    font-size: 16px;
    font-weight: 600;
    height: 45px;
    outline: none;
    cursor: pointer;
}

.date-filter .date-item:hover {
    background: rgba(50, 92, 244, 0.4);
}

.date-filter .separator {
    width: 16px;
    height: 4px;
    background: rgba(50, 92, 244, 0.2);
    border-radius: 4px;
}

table.shadow-table .table-item .icon {
    min-width: 50px;
}

table.shadow-table .table-item .message {
    display: inline-block;
    white-space: normal;
    margin-top: 5px;
    line-height: 22px;
}

table.shadow-table .table-item .table-item-btn {
    height: 50px;
    border-radius: 4px;
    background-color: rgba(61, 90, 254, 0.2);
    color: #3d5afe;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s;
    font-size: 22px;
    padding: 0 20px;
    gap: 12px;
    transition: 0.3s;
    cursor: pointer;
    border: 0;
}

table.shadow-table .table-item .table-item-btn .main {
    font-size: 14px;
    font-weight: 600;
}

table.shadow-table .table-item .table-item-btn:hover {
    background-color: rgba(61, 90, 254, 0.4);
}

table.shadow-table.donate-list-table {
    border-spacing: 0;
}

table.shadow-table.donate-list-table tr {
    position: relative;
}

table.shadow-table.donate-list-table tr.data-row .table-item-btn .down-icon {
    transition: 0.3s;
}

table.shadow-table.donate-list-table tr.data-row .message-item {
    position: absolute;
    box-shadow: 0 5px 10px 0 rgba(56, 53, 67, 0.1);
    background-color: #fff;
    left: 0;
    bottom: calc(-100% + 1px);
    border: 1px solid #e5e9f1;
    border-radius: 0 0 4px 4px;
    width: 100%;
    z-index: 12;
    display: none;
    padding: 15px;
}

table.shadow-table.donate-list-table tr.data-row.open .table-item-btn .down-icon {
    transform: rotate(180deg);
}

table.shadow-table.donate-list-table tr.data-row.open .message-item {
    display: flex;
}

table.shadow-table.donate-list-table tr.data-row.open td:first-child {
    border-radius: 4px 0 0 0;
}

table.shadow-table.donate-list-table tr.data-row.open td:last-child {
    border-radius: 0 4px 0 0;
}

table.shadow-table.donate-list-table tr.data-row .user-block-btn {
    height: 50px;
    border-radius: 4px;
    background-color: rgba(255, 71, 71, 0.2);
    color: #ff4747;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s;
    font-size: 14px;
    padding: 0 20px;
    gap: 12px;
    transition: 0.3s;
    cursor: pointer;
    border: 0;
    font-weight: 600;
}

table.shadow-table.donate-list-table tr.data-row .user-block-btn i {
    font-size: 22px;
}

table.shadow-table.donate-list-table tr.data-row .user-block-btn:hover {
    background-color: rgba(255, 71, 71, 0.4);
}

table.shadow-table.donate-list-table tr.data-row .user-block-btn.disabled:hover {
    background-color: rgba(255, 71, 71, 0.2);
    cursor: no-drop;
}

table.shadow-table.donate-list-table tr.space-row {
    box-shadow: none;
}

table.shadow-table.donate-list-table tr.space-row td {
    height: 12px;
    box-shadow: none;
    border: 0 !important;
}

.gap-12px {
    gap: 12px;
}

.summary-box {
    border-radius: 4px;
    padding: 20px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    background-color: #3d5afe;
    border: none !important;
    align-items: flex-start;
    color: #fff;
}

.summary-box span.icon {
    width: 40px;
    height: 40px;
    background-color: #fff;
    border-radius: 4px;
    color: #3d5afe;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 26px;
    font-size: 20px;
}

.summary-box .number {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 5px;
}

.summary-box .text {
    font-size: 16px;
    font-weight: 400;
}

.swal2-container .donate-swal-popup {
    width: 350px;
    border-radius: 4px;
}

.swal2-container .donate-swal-popup .swal2-image {
    margin: 12px auto 15px auto;
    border-radius: 4px;
}

.swal2-container .donate-swal-popup .swal2-title {
    font-weight: 600;
    font-size: 12px;
    color: #3b4058;
    padding: 0;
    opacity: 0.5;
}

.swal2-container .donate-swal-popup .swal2-html-container {
    font-weight: 600;
    font-size: 22px;
    color: #3b4058;
    margin: 10px 20px 0 0;
}

.swal2-container .donate-swal-popup .swal2-timer-progress-bar-container {
    bottom: initial;
    top: -10px;
    border-radius: 4px;
    height: 5px;
    background: rgba(255, 255, 255, 0.2);
}

.swal2-container .donate-swal-popup .swal2-timer-progress-bar-container .swal2-timer-progress-bar {
    height: 5px;
    background-color: #FFF;
}

div.dt-container .dt-paging .dt-paging-button.last,
div.dt-container .dt-paging .dt-paging-button.first {
    display: none;
}

.search-datatable {
    width: 238px;
    height: 45px;
    border: 1px solid rgba(174, 184, 203, 0.2);
    border-radius: 4px;
    padding: 8px 20px;
    outline: none;
}

.save-for-next-time-title {
    word-break: break-word;
    display: inline;
    font-size: 16px;
}

.game-accounts .card .head .item-box .icon {
    padding: 7px;
}

.game-accounts table.shadow-table tr td .table-item .txt .main {
    white-space: initial;
    word-break: break-word;
    font-size: 14px;
}

.game-accounts table.shadow-table tr td .table-item .txt .main .game-id {
    user-select: all;
}

.game-accounts table.shadow-table tr td .table-item .txt .main .username {
    opacity: 0.7;
    font-weight: 500;
}

.game-accounts table.shadow-table tr td .table-item .txt .sub {
    white-space: initial;
    word-break: break-word;
}

.swal2-icon {
    zoom: 0.8;
}

.card-mb-20px {
    margin-bottom: 20px;
}

.game-accounts .desc {
    opacity: 0.7;
    line-height: 1.5;
}

.game-accounts .modal .modal-content {
    border-radius: 4px;
}

.game-accounts .modal .modal-content .modal-body label {
    margin-bottom: 8px;
}

.game-accounts .modal .modal-content .modal-body .form-control,
.game-accounts .modal .modal-content .modal-body .form-select {
    border-radius: 4px;
    height: 50px;
}

.game-accounts .square-btn-mini {
    width: auto;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    padding: 6px 8px;
    border-radius: 4px;
    height: auto;
}

.game-accounts-dropdown {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 15px;
}

.game-accounts-dropdown .game-accounts-btn {
    border: 1px solid #e4e4e4;
    padding: 10px 15px;
    border-radius: 4px;
    color: #8d8f9d;
    width: 250px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 100%;
    overflow: hidden;
}

.game-accounts-dropdown .game-accounts-btn .title {
    display: flex;
    align-items: center;
    gap: 12px;
    white-space: nowrap;
    overflow: hidden;
    width: 190px;
}

.game-accounts-dropdown .dropdown-menu {
    padding: 10px;
    min-width: 200px;
    border-radius: 4px;
    max-width: 100%;
}

.game-accounts-dropdown .game-account-item {
    padding: 6px;
    text-align: left;
    display: flex;
    align-items: center;
    gap: 12px;
    border-radius: 4px;
    transition: 0.3s;
    cursor: pointer;
}

.game-accounts-dropdown .game-account-item img {
    width: 32px !important;
    height: 32px;
}

.game-accounts-dropdown .game-account-item:hover {
    background: rgba(61, 90, 254, 0.2);
}

.game-accounts-dropdown .game-account-item .sub-input {
    display: block;
    white-space: nowrap;
    font-size: 14px;
}

.game-accounts-dropdown .separator {
    margin-top: 5px;
    padding-top: 5px;
    border-top: 1px solid #CCC;
}

.game-accounts-dropdown .add-game-account a {
    padding: 6px;
    text-align: left;
    display: flex;
    align-items: center;
    border-radius: 4px;
    transition: 0.3s;
    cursor: pointer;
    font-size: 14px;
    min-height: 40px;
    gap: 5px;
}

.game-accounts-dropdown .add-game-account a i {
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #777;
    transition: 0.3s;
}

.game-accounts-dropdown .add-game-account a:hover {
    background: rgba(61, 90, 254, 0.2);
}

.game-accounts-dropdown .add-game-account a:hover i {
    border-color: #3d5afe;
    color: #3d5afe;
}

section.streamer-panel-hero.newhero {
    padding: 90px 0 0 0 !important;
    min-height: 280px !important;
}

section.streamer-panel-hero.newhero p {
    text-align: center;
}

.leftmenu ul.menu {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

.leftmenu ul.menu:before {
    display: none !important;
}

.leftmenu ul.menu li a {
    font-size: 16px !important;
}

.scrollarea.newscrollarea {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.scrollarea.newscrollarea::-webkit-scrollbar {
    display: none;
}

section.contact .box {
    font-size: 16px;
}

section.contact .box .b label {
    font-size: 14px !important;
    margin-bottom: 6px;
    display: block;
}

section.contact .box .b .input-gg .form-control {
    border-radius: 4px;
    height: 45px;
    display: flex;
    align-items: center;
    padding-left: 20px;
}

section.contact .box .b .input-gg textarea.form-control {
    min-height: 100px;
    height: 100px;
    align-items: flex-start;
    padding-top: 0.9rem;
    padding-left: 20px;
}

.contact-right .box {
    border-radius: 4px;
}

.contact-right .t {
    border: 0 !important;
    position: relative;
}

.contact-right .t::before,
.contact-right .t::after {
    display: none !important;
}

.contact-right .t .info-item {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    border: 1px solid var(--bs-border-color, #dee2e6);
    background: var(--bs-body-bg, #fff);
    border-radius: 4px;
    padding: 0.85rem 1rem;
    transition: transform 0.12s ease, box-shadow 0.15s ease, background 0.12s ease;
}

.contact-right .t .info-item:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);
    background: color-mix(in srgb, var(--bs-body-bg, #fff) 92%, black 8%);
}

.contact-right .t .info-item .icon {
    width: 38px;
    height: 38px;
    min-width: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    background: var(--bs-secondary-bg, #f2f4f7);
    line-height: 1;
}

.contact-right .t .info-item .text {
    display: flex;
    flex-direction: column;
}

.contact-right .t .info-item .text .text-main {
    font-size: 14px;
    color: var(--bs-body-color, #212529);
}

.contact-right .t .info-item .text .meta-label {
    font-size: 12px;
    color: var(--bs-muted, #6c757d);
    margin-bottom: 3px;
}

.contact-right hr {
    display: none !important;
}

.contact-right .trust-section {
    margin: 1.25rem 0 1.25rem;
    background: var(--bs-secondary-bg, #f2f4f7);
    padding: 1rem;
    border-radius: 0;
    border-top: 0 !important;
}

.contact-right .trust-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    flex-wrap: wrap;
}

.contact-right .trust-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.6rem 0.6rem;
    background: #3955ff;
    border-radius: 4px;
    transition: transform 0.12s ease;
}

.contact-right .trust-badge:hover {
    transform: translateY(-4px);
}

.contact-right .trust-badge img {
    display: block;
    height: 48px;
    width: auto;
    filter: none !important;
    mix-blend-mode: normal !important;
    opacity: 1 !important;
}

@media (max-width: 575.98px) {
    .contact-right .trust-badge img {
        height: 42px;
    }
}

.contact-right .input-gg {
    position: relative;
}

.contact-right .input-gg i {
    display: none;
}

.kvkk_info {
    font-size: 14px;
    display: flex;
    align-items: flex-start;
    gap: 8px;
    line-height: 1.4;
}

.kvkk_info input {
    margin-top: 3px;
    flex-shrink: 0;
}

.kvkk_label {
    display: inline;
    cursor: pointer;
    max-width: 100%;
    word-wrap: break-word;
}

.kvkk_label .kvkkSwal {
    text-decoration: underline;
}

@keyframes bubble1 {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scaleY(1.04) scaleX(0.95) rotate(15deg);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes bubble2 {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scaleY(0.95) scaleX(1.15) rotate(-15deg);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes bubble3 {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scaleY(1.11) scaleX(0.94);
    }

    100% {
        transform: scale(1);
    }
}

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

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

@keyframes aload {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@keyframes changeBoxShadow {
    0% {
        box-shadow: -10px 10px 20px rgba(251, 66, 66, 0.5);
    }

    100% {
        box-shadow: 0 0 30px rgba(251, 66, 66, 0.6);
    }
}

@keyframes marquee {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-100%);
    }
}

/* -------------------------------------------- */
@media (min-width: 576px) {
    .card-box .square-btn {
        min-width: 100px;
    }
}

@media (min-width: 768px) {
    .site-header .category-menu-box .all-category-head .square-btn {
        min-width: 275px;
    }

    .site-header .large-menu .hm-item {
        border-radius: 4px;
        position: relative;
        transition: all 0.3s ease;
        display: flex;
        align-items: center;
        padding: 0;
    }

    .site-header .large-menu .hm-item:hover {
        transform: scale(1.05);
    }

    .site-header .large-menu .hm-item:before {
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.77) 9%, rgba(0, 0, 0, 0) 100%);
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 212px;
        z-index: 1;
        border-radius: 4px;
        opacity: 1;
        max-height: 100%;
    }

    .site-header .large-menu .hm-item .subname {
        padding-top: 30px;
        padding-left: 14px;
        padding-right: 14px;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        text-align: center;
        z-index: 2;
        font-size: 22px;
        font-weight: bold;
        color: #fff;
        text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    }

    .site-header .large-menu .hm-item img {
        border-radius: 4px;
        width: 100%;
        height: auto;
        background: transparent;
        margin: 0;
    }

    .site-header .large-menu .hm-item .detail {
        padding-left: 14px;
        padding-right: 14px;
        padding-bottom: 20px;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        text-align: center;
        z-index: 2;
    }

    .site-header .large-menu .hm-item .detail img {
        width: 100%;
        height: auto;
        background: transparent;
        margin: 0 0 20px 0;
        object-fit: contain;
        max-width: 90px;
        max-height: 40px;
    }

    .site-header .large-menu .hm-item .detail .title {
        color: #fff;
        font-size: 15px;
        font-weight: 600;
    }

    .site-header .large-menu .hm-item .detail .cat-icon {
        background: transparent !important;
    }

    .hero-slider .swiper-pagination {
        bottom: 0;
    }
}

@media (min-width: 991px) {
    nav.mobile-stickybar {
        display: none;
    }

    .product-card:hover {
        transform: scale(1.05);
    }

    .best-product-card:hover {
        transform: scale(1.05);
    }

    .sub-hero .sub-item:hover .hover-icon {
        width: 45px;
        text-indent: 0;
    }

    .sub-hero .sub-item:hover .discount {
        left: 60px;
    }

    .sub-hero .sub-item:hover .details {
        margin-left: 60px;
    }

    footer .border-left {
        border-left: 1px solid #353536;
        padding-left: 35px;
    }

    .footer-top .py {
        padding-top: 25px;
        padding-bottom: 25px;
    }

    .footer-middle .py1 {
        padding: 0 20px 20px 13px;
    }

    .footer-middle .py2 {
        padding: 0 20px 30px 40px;
    }

    .footer-bottom .py2 {
        padding-left: 40px;
    }

    footer .title {
        padding: 45px 0 15px;
        border: 0;
    }

    footer .menu {
        padding: 0;
    }

    footer .bg-1 {
        background: #181818;
    }

    footer .bg-2 {
        background: #1E1E1F;
    }

    footer .second-bg {
        position: relative;
    }

    footer .second-bg .container-xxl {
        position: relative;
        z-index: 5;
    }

    footer .second-bg::before {
        content: " ";
        background: #181818;
        position: absolute;
        z-index: 1;
        width: 50%;
        height: 100%;
    }

    .ilan-pazar-custom-3 {
        width: 260px;
    }

    .ilan-pazar-custom-9 {
        width: calc(100% - 260px);
    }

    .filter-sidebar {
        margin-top: -85px;
    }

    .filter-sidebar .filter-content {
        display: block !important;
    }

    section.t-detail .col-lg-4-custom {
        width: calc(33.3% + 16px);
    }

    section.t-detail .col-lg-8-custom {
        width: calc(66.6% - 16px);
    }

    nav.store-stickybar .border-left-1 {
        border-left: 1px solid rgba(174, 184, 203, 0.2);
    }

    nav.store-stickybar .border-right-1 {
        border-right: 1px solid rgba(174, 184, 203, 0.2);
    }

    nav.store-stickybar .border-top-1 {
        border-top: 0;
    }

    nav.store-stickybar .border-bottom-1 {
        border-bottom: 0;
    }

    .w-lg-330px {
        width: 330px;
    }

    section.streamer-panel-content .col-lg-3-streamer {
        width: 350px;
    }

    section.streamer-panel-content .col-lg-9-streamer {
        width: calc(100% - 350px);
    }

    section.streamer-panel-content .form-group .form-card .square-btn {
        min-width: 206px;
        height: 54px;
    }

    .donate-msg-onizle {
        max-width: 250px;
    }
}

@media (min-width: 992px) {
    footer .col-lg-3-custom {
        width: calc(22% - 5px);
    }

    footer .col-lg-9-custom {
        width: calc(78% + 5px);
    }

    .g-lg-10px {
        --bs-gutter-y: 10px;
        --bs-gutter-x: 10px;
    }

    .g-lg-15px {
        --bs-gutter-y: 15px;
        --bs-gutter-x: 15px;
    }

    .g-lg-20px {
        --bs-gutter-y: 20px;
        --bs-gutter-x: 20px;
    }

    .g-lg-25px {
        --bs-gutter-y: 25px;
        --bs-gutter-x: 25px;
    }

    .g-lg-30px {
        --bs-gutter-y: 30px;
        --bs-gutter-x: 30px;
    }

    .social .g-lg-30px {
        --bs-gutter-y: 30px;
        --bs-gutter-x: 20px;
    }

    .g-lg-35px {
        --bs-gutter-y: 35px;
        --bs-gutter-x: 35px;
    }

    .g-lg-40px {
        --bs-gutter-y: 40px;
        --bs-gutter-x: 40px;
    }

    .g-lg-45px {
        --bs-gutter-y: 45px;
        --bs-gutter-x: 45px;
    }

    .g-lg-50px {
        --bs-gutter-y: 50px;
        --bs-gutter-x: 50px;
    }

    .col-lg-3-330px {
        width: 330px;
    }

    .col-lg-9-330px {
        width: calc(100% - 330px);
    }
}

@media (min-width: 1200px) {
    .giveaway-section .col-lg-7-custom {
        width: calc(58.33333333% + 25px);
        padding-right: 26px;
    }

    .giveaway-section .col-lg-5-custom {
        width: calc(41.66666667% - 25px);
    }

    .site-header .header-top .xl-center {
        position: absolute;
        left: 50%;
        width: auto;
        transform: translateX(-50%);
    }

    .site-header .header-bottom {
        width: 100%;
        min-height: 60px;
        background: #FFF;
        display: flex;
        align-items: center;
    }

    .site-header .user-summary {
        margin-right: 15px;
    }

    .site-header .col-5-item {
        width: 20%;
    }

    .square-btn.round-xl {
        border-radius: 50%;
    }

    .square-btn.semi-round-xl {
        border-radius: 50px;
    }

    .square-btn.round-xl:before,
    .square-btn.round-xl:after {
        border-radius: 50%;
    }

    .square-btn.round-xl:before {
        top: 15%;
        left: 15%;
    }

    .square-btn.round-xl:after {
        bottom: 15%;
        right: 15%;
    }

    .square-btn.semi-round-xl:before,
    .square-btn.semi-round-xl:after {
        content: " ";
        border-radius: 50px;
    }

    .square-btn.semi-round-xl:before {
        top: 0;
        left: 15px;
    }

    .square-btn.semi-round-xl:after {
        bottom: 0;
        right: 15px;
    }

    .square-btn.semi-round-xl:hover:before,
    .square-btn.round-xl:hover:before {
        top: 0;
        left: 0;
    }

    .square-btn.semi-round-xl:hover:after,
    .square-btn.round-xl:hover:after {
        bottom: 0;
        right: 0;
    }

    section.t-detail .box .icons .bag i {
        font-size: 20px;
    }

    section.verify .onay-btn {
        min-width: 270px;
        height: 60px;
    }

    .currency-content .hesap-ekle-btn {
        min-width: 170px;
    }

    section.streamer-content .square-btn.mini {
        width: 214px;
        justify-content: space-between;
    }

    section.live-stream-content .col-xl-7-live {
        width: 869px;
    }

    section.live-stream-content .col-xl-5-live {
        width: calc(100% - 870px);
    }

    .game-accounts .modal .modal-dialog {
        min-width: 700px;
    }
}

@media (min-width: 1400px) {
    .social .g-lg-30px {
        --bs-gutter-y: 30px;
        --bs-gutter-x: 30px;
    }

    section.best-products .products-tabContent .back-txt {
        top: -10px;
    }

    section.t-detail .box .buybox {
        height: 80px;
    }

    section.t-detail .box .sub-desc .ellipsis-box {
        -webkit-line-clamp: 3;
        height: 59px;
    }

    section.t-detail .box .hurry-up {
        margin: 18px 0;
    }
}

@media (min-width: 1600px) {
    nav.store-stickybar .store-menu-btn-wrap {
        position: absolute;
        left: 0;
        top: -80px;
        height: 80px;
    }
}

@media (min-width: 2000px) {
    section.hero {
        background-size: contain;
    }
}

@media (min-width: 2400px) {
    .login-form .login-cover:not(.mini) .login-logo {
        padding: 140px 0 50px 0;
    }
}

/* -------------------------------------------- */
@media (max-width: 1439px) {
    section.t-detail .box .buybox {
        margin-top: 20px;
        padding: 10px;
    }

    section.t-detail .box .hurry-up {
        margin: 20px 0;
    }

    nav.store-stickybar .store-item .txt .main {
        font-size: 16px;
    }

    nav.store-stickybar .store-item .txt .sub {
        font-size: 13px;
    }

    .card-box .x-title {
        font-size: 16px;
    }
}

@media (max-width: 1400px) {
    .best-product-card {
        zoom: 0.8;
    }
}

@media (max-width: 1350px) {
    .btn-general.orange {
        background: #FF9101;
        padding: 8px 15px;
    }

    .btn-general.orange i {
        margin: 0;
    }

    .btn-general.orange span {
        display: none;
    }

    .site-header .search-box-container {
        width: 350px;
    }

    .site-header .create-advert .square-btn span {
        display: none;
    }

    .site-header .category-menu-box .item {
        font-size: 16px;
    }
}

@media screen and (max-width: 1200px) and (min-width: 1100px) {
    .social-card {
        zoom: 0.9;
    }
}

@media screen and (max-width: 1100px) and (min-width: 992px) {
    .social-card {
        zoom: 0.8;
    }
}

@media screen and (max-width: 991px) and (min-width: 768px) {
    section.best-products .products-tabContent .back-txt img {
        max-width: 90%;
    }
}

@media (max-width: 1200px) {
    .login-form .login-cover:not(.mini) .login-logo {
        padding: 40px 0 40px 0;
    }

    .discord-card .card-box {
        zoom: 0.9;
    }
}

@media (max-width: 1199px) {
    body.disabled-scroll {
        overflow: hidden;
    }

    body.hide-header-items .mobile-top-search-theme-mod {
        display: none;
    }

    .site-header .header-top {
        display: none;
        position: fixed;
        height: 120px;
        left: 0;
        bottom: 0;
        background: #FFF;
        z-index: 3147483639;
    }

    .site-header .header-top.show {
        display: flex;
    }

    .site-header .header-middle .header-logo {
        /*width:100%;
          min-height: 90px;
          position: relative;*/
        width: 100%;
        min-height: 90px;
        position: fixed;
        z-index: 99999999;
        background-color: #fff;
        padding-left: 10px;
        padding-right: 10px;
    }

    .site-header .header-middle .header-logo:after {
        content: " ";
        position: absolute;
        bottom: 0;
        left: -12px;
        width: 100vw;
        height: 1px;
        border-top: 1px solid #e4e4e4;
    }

    .site-header .header-middle .create-advert {
        display: none;
    }

    .site-header .header-bottom {
        z-index: 2000;
    }

    .site-header .header-nav {
        display: none;
    }

    .site-header .header-nav.show {
        display: flex;
        position: fixed;
        top: 90px;
        left: 0;
        bottom: 120px;
        right: 0;
        width: 100%;
        z-index: 3147483639;
        background: #FFF;
    }

    .site-header .header-nav ul {
        flex-direction: column;
        align-items: start;
        justify-content: start;
        background: #FFF;
    }

    .site-header .header-nav .nav-item {
        flex-direction: column;
        font-size: 14px;
        height: auto;
        justify-content: center;
        align-items: center;
        text-align: center;
        width: 90px;
        padding: 10px 0 5px 0;
        color: #9393ab;
    }

    .site-header .header-nav .nav-item .svg-icon,
    .site-header .header-nav .nav-item i {
        min-width: 50px;
        min-height: 50px;
        width: 50px;
        height: 50px;
        margin: 0 0 8px 0;
        font-size: 24px;
    }

    .site-header .header-nav .nav-item .svg-icon svg {
        width: 26px;
        height: 26px;
    }

    .site-header .header-nav .nav-item.show .svg-icon,
    .site-header .header-nav .nav-item.show i {
        background: #3d5afe;
        color: #FFF;
        fill: #FFF;
    }

    .site-header .header-nav .nav-item span {
        display: block;
        text-align: center;
        padding: 0 15px;
        width: 100%;
    }

    .site-header .header-nav .nav-item span.extra-lg {
        padding: 0 2px;
    }

    .site-header .header-nav .nav-item span:after {
        display: none;
    }

    .site-header .header-user {
        width: 100%;
        min-height: 70px;
        padding-left: 8px;
        margin-top: 90px;
    }

    .site-header .header-user .square-btn {
        padding: 2px 8px;
        min-width: 40px;
        height: 40px;
    }

    .site-header .header-user .square-btn.bakiye-btn {
        height: 40px;
        padding: 6px 8px 0 8px;
    }

    .site-header .header-user .user-summary .user-data .name {
        font-size: 16px;
    }

    .site-header .header-user .user-summary img {
        min-width: 40px;
        width: 40px;
        height: 40px;
    }

    .site-header .dropdown.full-width .dropdown-menu {
        inset: unset !important;
        left: 90px !important;
        top: 0 !important;
        transform: unset !important;
        width: calc(100% - 90px);
        margin-top: 0px !important;
        border-top: 0;
        overflow-y: scroll;
        height: calc(100% - 60px);
        height: 100%;
        padding: 20px 0 20px 0;
        box-shadow: -13px 0 10px -14px rgba(0, 0, 0, 0.15) !important;
        border-bottom: 0;
    }

    .site-header .top-menu-box {
        width: 75%;
        display: block;
    }

    .site-header .top-menu-box .g-10px {
        --bs-gutter-x: 10px;
        --bs-gutter-y: 10px;
    }

    .site-header .header-kurumsal-menu {
        width: 25%;
    }

    .site-header .header-kurumsal-menu .dropdown-menu:before {
        top: initial;
        bottom: -7px;
        box-shadow: 4px 4px 5px -5px rgba(0, 0, 0, 0.3);
    }

    .site-header .header-kurumsal-menu a.mini,
    .site-header .top-menu-box a.mini {
        flex-grow: 1;
        text-align: center;
        justify-content: center;
        height: 80px;
        padding: 5px;
        border-radius: 4px;
        background-color: rgba(61, 90, 254, 0.2);
        color: #3d5afe;
        font-size: 12px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 10px;
    }

    .site-header .header-kurumsal-menu a.mini.show,
    .site-header .top-menu-box a.mini.show {
        color: #FFF;
        background: #3d5afe;
    }

    .site-header .header-kurumsal-menu a.mini.show svg,
    .site-header .top-menu-box a.mini.show svg {
        fill: #FFF;
    }

    .site-header .header-kurumsal-menu a.mini.show svg path,
    .site-header .top-menu-box a.mini.show svg path {
        fill: #FFF;
    }

    .site-header .header-kurumsal-menu a.mini span,
    .site-header .top-menu-box a.mini span {
        line-height: 16px;
    }

    .site-header .header-kurumsal-menu a.mini span:after,
    .site-header .top-menu-box a.mini span:after {
        display: none;
    }

    .site-header .header-kurumsal-menu a.mini.dark-orange,
    .site-header .top-menu-box a.mini.dark-orange {
        background: #FF4D00;
        color: #fff;
    }

    .site-header .header-kurumsal-menu a.mini.blue,
    .site-header .top-menu-box a.mini.blue {
        background-color: #3d5afe;
        color: #fff;
    }

    .site-header .category-menu-box .hm-title {
        display: none;
    }

    .site-header .logo img {
        height: 50px;
        max-width: 195px;
    }

    .site-header .mobile-search-btn {
        position: relative;
        z-index: 2101;
    }

    .site-header .search-box-container {
        display: none;
        position: fixed;
        left: 20px;
        z-index: 600;
        width: calc(100% - 90px);
    }

    .site-header .search-box-container.show {
        display: block;
    }

    .site-header .search-box-container .search-cover {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
        background-color: rgba(0, 0, 0, 0.4);
        backdrop-filter: blur(2px);
        -webkit-backdrop-filter: blur(2px);
    }

    .site-header .mobile-main-menu {
        overflow-y: scroll;
        padding: 10px 0 30px 0;
    }

    .site-header .kategori-arama-wrap {
        width: 100%;
    }

    .site-header .large-menu .hm-item {
        zoom: 0.8;
    }

    .site-header .category-menu-box .item {
        font-size: 16px;
        font-weight: 500;
    }

    .site-header .mobil-menu-btn.open {
        color: #FFF;
    }

    .site-header .mobil-menu-btn.open.show,
    .site-header .mobil-menu-btn.open:before,
    .site-header .mobil-menu-btn.open:after {
        background-color: #FB4242;
        width: 100%;
        height: 100%;
        opacity: 1;
    }

    .square-btn:before,
    .square-btn:after {
        transition: 0.1s;
    }

    section.t-detail .box .small-title {
        font-size: 10px;
        gap: 5px;
        margin-top: 6px;
    }

    section.t-detail .box .icons {
        overflow-x: scroll;
        overflow-y: hidden;
        max-width: 100%;
        width: 100%;
        flex-wrap: nowrap;
        white-space: nowrap;
        justify-content: flex-start !important;
    }

    section.t-detail .box .icons .bag {
        flex-direction: row;
        font-size: 14px;
        height: auto;
        border-radius: 4px;
    }

    section.t-detail .box .hurry-up {
        margin: 0 0 20px 0;
        font-size: 14px;
    }

    section.t-detail .box .video-btn {
        font-size: 12px;
        width: 92px;
        padding: 0;
    }

    .card-box .x-title {
        font-size: 14px;
    }

    section.verify .special-alert {
        font-size: 16px;
    }

    .colgroup-none colgroup {
        display: none;
    }

    table.shadow-table tr {
        width: calc(50% - 20px);
        display: inline-block;
        margin: 10px;
    }

    table.shadow-table tr td {
        border-left: 1px solid #e5e9f1 !important;
        border-right: 1px solid #e5e9f1 !important;
        border-top: 0 !important;
        border-bottom: 0 !important;
        padding: 0 !important;
        width: 100%;
        display: block;
    }

    table.shadow-table tr td .square-btn {
        width: 100%;
    }

    table.shadow-table tr td .table-item {
        padding: 8px 15px;
    }

    table.shadow-table tr td .table-item .txt .main {
        font-size: 16px;
    }

    table.shadow-table tr td:first-child {
        border-top: 1px solid #e5e9f1 !important;
        border-radius: 4px 4px 0 0;
    }

    table.shadow-table tr td:first-child .table-item {
        padding-top: 15px;
    }

    table.shadow-table tr td:last-child {
        border-bottom: 1px solid #e5e9f1 !important;
        border-radius: 0 0 4px 4px;
    }

    table.shadow-table tr td:last-child .table-item {
        padding-bottom: 15px;
    }

    .seperator-box .dot .l3,
    .seperator-box .dot .r3 {
        display: none;
    }

    table.shadow-table.donate-list-table tr.data-row .user-block-btn,
    table.shadow-table .table-item .table-item-btn {
        width: 100%;
    }

    table.shadow-table.donate-list-table tr.space-row {
        display: none;
    }

    .summary-box .text {
        font-size: 14px;
    }

    .date-filter .date-item {
        padding: 0 12px;
    }

    .date-filter .date-item .date-input {
        width: 85px;
        font-size: 15px;
    }

    .search-datatable {
        width: 150px;
    }

    .site-header .user-summary {
        height: 40px !important;
        padding: 4px !important;
    }

    .site-header .user-summary img {
        height: 32px !important;
        width: 32px !important;
        border-radius: 4px !important;
        min-width: 32px !important;
    }

    .site-header .user-summary .name {
        font-size: 12px !important;
    }

    .site-header .user-summary .user-data .balance {
        font-size: 10px;
    }

    .usrBalanceBlur {
        backdrop-filter: blur(4px);
        width: 139% !important;
        height: 22px !important;
        margin-left: -8px !important;
        position: absolute;
    }
}

.site-header .header-user-menu .dropdown-menu .dropdown-header .user-summary {
    background: transparent !important;
    padding: 0 !important;
    border: 0 !important;
}

@media (min-width: 990px) and (max-width: 1199px) {

    nav.store-stickybar .store-item .icon,
    nav.store-stickybar .store-item .txt .main,
    nav.store-stickybar .store-item .txt .sub {
        zoom: 0.8;
    }

    .square-btn {
        font-size: 14px;
    }
}

.scroll-hide {
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
}

.scroll-hide::-webkit-scrollbar {
    display: none;
}

/*Yardım Merkezi Yeni*/
.section-hero {
    padding: 52px 0 32px;
    background-image: url("https://hesap.com.tr/assets/img/yayinci-panel-hero.jpg");
    background-size: cover;
    background-position: center;
    color: #fff;
}

.section-hero .box {
    max-width: 1200px;
    margin: 0 auto;
    text-align: center;
    padding: 20px 16px;
}

.section-hero h1 {
    font-size: 26px;
    font-weight: 600;
    margin-bottom: 8px;
}

.section-hero p {
    opacity: 0.95;
    margin-bottom: 16px;
}

.help-search {
    width: min(820px, 100%);
    margin: 0 auto;
    position: relative;
}

.help-search input {
    width: 100%;
    height: 50px;
    padding: 12px 20px;
    border-radius: 4px;
    border: 0;
    box-shadow: 0 6px 24px rgba(10, 10, 20, 0.12);
    outline: none;
}

.help-search .clear-btn {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    background: transparent;
    border: 0;
    color: #000;
}

.category-chips {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 16px;
}

.chip {
    padding: 8px 14px;
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.08);
    color: #fff;
    font-size: 15px;
    cursor: pointer;
    border: 1px solid rgba(255, 255, 255, 0.06);
}

.chip.active {
    background: rgba(255, 255, 255, 0.16);
}

.assist-cta {
    padding: 24px 0;
}

.cta-strip {
    position: relative;
    border-radius: 4px;
    overflow: hidden;
    background-image: url("https://hesap.com.tr/assets/img/yayinci-panel-hero.jpg");
    background-size: cover;
    background-position: center;
}

.cta-strip::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(28, 0, 94, 0.72), rgba(28, 0, 94, 0.32));
}

.cta-strip .inner {
    position: relative;
    display: flex;
    align-items: center;
    gap: 16px;
    min-height: 110px;
    padding: 12px 20px;
}

.cta-icon {
    flex: 0 0 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cta-copy {
    flex: 1 1 auto;
    color: #fff;
}

.cta-copy h3 {
    margin: 0 0 4px;
    font-weight: 600;
    font-size: 18px;
    line-height: 1.25;
}

.cta-copy p {
    margin: 0;
    line-height: 1.45;
    opacity: 0.95;
}

.cta-actions {
    flex: 0 0 auto;
}

.cta-btn {
    display: inline-block;
    background: rgba(145, 0, 255, 0.3882352941);
    color: #ffffff;
    border-radius: 4px;
    padding: 16px 24px;
    font-weight: 500;
    font-size: 16px;
    white-space: nowrap;
    transition: transform 0.15s ease, box-shadow 0.15s ease, filter 0.15s ease, background-color 0.15s ease;
}

.cta-btn:hover {
    filter: none;
    transform: translateY(-1px);
    box-shadow: 0 10px 26px rgba(0, 0, 0, 0.22);
    background: rgba(145, 0, 255, 0.5882352941);
    color: #ffffff;
}

.faq-section {
    padding: 0;
}

.help-box {
    padding: 0;
}

.accordion .help-item {
    background: var(--card-bg);
    border-radius: 4px;
    border: 1px solid rgba(20, 20, 20, 0.06);
    margin-bottom: 12px;
    overflow: visible;
    box-shadow: 0 4px 14px rgba(25, 25, 45, 0.06);
}

.accordion .row-btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px var(--row-pad);
    border: 0;
    background: transparent;
    cursor: pointer;
    border-radius: 4px;
    transition: background 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
}

.accordion .row-btn:hover {
    background: rgba(0, 0, 0, 0.03);
    box-shadow: 0 6px 18px rgba(15, 15, 35, 0.06);
    transform: translateY(-1px);
}

.accordion .row-title {
    font-weight: 600;
}

.acc-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 999px;
    border: 1px dashed rgba(0, 0, 0, 0.1);
    color: var(--accent);
    transition: background 0.15s ease, transform 0.15s ease;
}

.acc-action:hover {
    background: rgba(75, 44, 255, 0.1);
    transform: scale(1.05);
}

@keyframes panelIn {
    from {
        opacity: 0;
        transform: scale(0.985);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

.open-panel {
    position: relative;
    margin-top: 8px;
    margin-bottom: 12px;
    background: var(--card-bg);
    border-radius: 4px;
    box-shadow: 0 16px 36px rgba(10, 10, 40, 0.14);
    padding: 16px;
    border: 1px solid rgba(20, 20, 20, 0.06);
    transition: none;
}

.close-x {
    position: absolute;
    right: var(--row-pad);
    top: -16px;
    width: 32px;
    height: 32px;
    border-radius: 999px;
    background: #fff;
    border: 1px dashed rgba(0, 0, 0, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    color: #e74c3c;
    box-shadow: 0 6px 18px rgba(10, 10, 30, 0.12);
    transition: background 0.15s ease, transform 0.15s ease;
}

.close-x:hover {
    background: #ffe6e6;
    transform: scale(1.05);
}

.close-x i {
    font-size: 18px;
}

.open-panel .panel-content {
    color: rgba(0, 0, 0, 0.84);
    line-height: 1.68;
    font-size: 14px;
}

.open-panel .panel-content h2:not(:last-child) {
    font-size: 20px;
    font-weight: 600;
    color: rgba(0, 0, 0, 0.9);
    margin-bottom: 12px;
}

.open-panel .panel-content h3:not(:last-child) {
    font-size: 18px;
    font-weight: 600;
    color: rgba(0, 0, 0, 0.88);
    margin-bottom: 10px;
}

.open-panel .panel-content h4:not(:last-child) {
    font-size: 16px;
    font-weight: 600;
    color: rgba(0, 0, 0, 0.86);
    margin-bottom: 8px;
}

.open-panel .panel-content p:not(:last-child) {
    margin-bottom: 12px;
}

.open-panel .panel-content ul:not(:last-child),
.open-panel .panel-content ol:not(:last-child) {
    margin-bottom: 12px;
    padding-left: 24px;
}

.open-panel .panel-content ul li:not(:last-child),
.open-panel .panel-content ol li:not(:last-child) {
    margin-bottom: 6px;
}

.open-panel .panel-content b,
.open-panel .panel-content strong {
    font-weight: 600;
    color: rgba(0, 0, 0, 0.92);
}

.open-panel .panel-content table {
    width: 100%;
    margin: 16px 0;
    border-collapse: separate;
    border-spacing: 0;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 6px;
    overflow: hidden;
    font-size: 13px;
}

.open-panel .panel-content table thead {
    background: rgba(0, 0, 0, 0.04);
}

.open-panel .panel-content table th,
.open-panel .panel-content table td {
    padding: 12px 16px;
    text-align: left;
    color: rgba(0, 0, 0, 0.84);
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.open-panel .panel-content table th {
    font-weight: 600;
    color: rgba(0, 0, 0, 0.88);
    text-transform: none;
}

.open-panel .panel-content table tbody tr:last-child td {
    border-bottom: none;
}

.open-panel .panel-content table tbody tr:nth-child(even) {
    background: rgba(0, 0, 0, 0.015);
}

.open-panel .panel-content a {
    color: #0b57d0;
    text-decoration: none;
    font-weight: 500;
    transition: color 0.2s ease;
}

.open-panel .panel-content a:hover {
    color: #0b57d0;
    text-decoration: underline;
}

.open-panel .panel-content img {
    max-width: 100%;
    border-radius: 4px;
    margin: 12px 0;
}

body.dark .open-panel .panel-content {
    color: rgba(255, 255, 255, 0.84);
}

body.dark .open-panel .panel-content h2:not(:last-child) {
    color: rgba(255, 255, 255, 0.9);
}

body.dark .open-panel .panel-content h3:not(:last-child) {
    color: rgba(255, 255, 255, 0.88);
}

body.dark .open-panel .panel-content h4:not(:last-child) {
    color: rgba(255, 255, 255, 0.86);
}

body.dark .open-panel .panel-content b,
body.dark .open-panel .panel-content strong {
    color: rgba(255, 255, 255, 0.92);
}

body.dark .open-panel .panel-content table {
    background: rgba(255, 255, 255, 0.04);
    border-color: rgba(255, 255, 255, 0.08);
}

body.dark .open-panel .panel-content table thead {
    background: rgba(255, 255, 255, 0.08);
}

body.dark .open-panel .panel-content table th,
body.dark .open-panel .panel-content table td {
    color: rgba(255, 255, 255, 0.84);
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

body.dark .open-panel .panel-content table th {
    color: rgba(255, 255, 255, 0.9);
}

body.dark .open-panel .panel-content table tbody tr:nth-child(even) {
    background: rgba(255, 255, 255, 0.05);
}

body.dark .open-panel .panel-content a {
    color: #0b57d0;
    font-weight: 500;
}

body.dark .open-panel .panel-content a:hover {
    color: #0b57d0;
}

.empty-state {
    padding: 24px;
    border-radius: 4px;
    border: 1px dashed rgba(0, 0, 0, 0.08);
    text-align: center;
    color: var(--muted);
}

mark[data-hl] {
    background: rgba(255, 214, 102, 0.6);
    padding: 0 0.15em;
    border-radius: 2px;
}

@media (max-width: 768px) {
    .assist-cta {
        padding: 20px 0;
    }

    .cta-strip::before {
        background: linear-gradient(180deg, rgba(28, 0, 94, 0.88) 0%, rgba(28, 0, 94, 0.62) 100%);
    }

    .cta-strip .inner {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
        min-height: auto;
        padding: 16px;
    }

    .cta-icon {
        flex: 0 0 36px;
        height: 36px;
    }

    .cta-copy {
        width: 100%;
    }

    .cta-copy h3 {
        margin: 0;
        font-weight: 600;
        font-size: clamp(16px, 4.5vw, 18px);
        line-height: 1.28;
    }

    .cta-copy p {
        margin: 4px 0 0;
        font-size: clamp(13px, 4vw, 15px);
        line-height: 1.5;
        opacity: 0.95;
    }

    .cta-actions {
        width: 100%;
    }

    .cta-btn {
        width: 100%;
        padding: 12px 18px;
        border-radius: 4px;
        font-size: 14px;
    }
}

.faq-section .container-xxl {
    padding-bottom: 32px;
}

.help-box {
    padding-bottom: 24px;
}

.accordion .help-item:last-of-type {
    margin-bottom: 24px;
}

.open-panel:last-of-type {
    margin-bottom: 24px;
}

@media (max-width: 768px) {
    .faq-section .container-xxl {
        padding-bottom: 48px;
    }

    .help-box {
        padding-bottom: 32px;
    }
}

/*Yardım Merkezi Yeni*/
@media (min-width: 343px) and (max-width: 387px) {
    .showcase-card ul {
        gap: 0 !important;
        zoom: 0.9;
    }

    .product-card .product-body .detail a.name {
        height: 42px !important;
        min-height: 42px !important;
    }

    .product-card .product-body {
        min-height: auto !important;
    }

    .site-header .header-user {
        padding-left: 0 !important;
    }

    .best-products-tab {
        gap: 0 !important;
    }

    section.best-products .products-tabContent .back-txt {
        line-height: 5.5 !important;
    }

    section.product-listing-cover .tabs button {
        font-size: 12px !important;
        height: 46px !important;
    }

    section.product-listing-cover .tabs button img {
        width: 20px;
        height: 20px;
    }

    .margin-top-eksi-60px {
        margin-top: -90px !important;
    }

    section.product-listing-desc .boxtab .head ul {
        zoom: 0.8 !important;
    }

    .site-header .header-user-menu .dropdown-menu {
        right: 0 !important;
    }
}

@media (max-width: 990px) {
    body {
        padding-bottom: 80px;
    }

    .giveaway-section .giveaway-item {
        zoom: 0.9;
    }

    .giveaway-section .giveway-input {
        max-width: 100%;
    }

    .giveaway-section.giveaway-detail .border-left-1 {
        border: 0;
    }

    header .btn-mobile {
        width: 50px;
        height: 50px;
        border: 0;
        background: #EEE;
        border-radius: 4px;
    }

    .margin-top-eksi-160px {
        margin-top: -172px !important;
    }

    section.product-listing-cover .head {
        gap: 40px !important;
    }

    section.product-listing-products .item span.badge {
        top: -35px !important;
    }

    section.tworow .row .howtouse {
        justify-content: center;
        flex-direction: column;
        gap: 10px;
    }

    section.tworow .row .howtouse button.btn-popup {
        padding: 15px 30px;
        font-size: 16px;
        width: 220px;
    }

    section.tworow .row .user-review .number {
        left: -18px !important;
    }

    section.best-products {
        padding: 57px 0 33px 0;
    }

    section.best-products .products-tabContent {
        padding-top: 50px;
    }

    .best-product-card .name {
        font-size: 16px;
    }

    .best-product-card .foot .price {
        font-size: 18px;
    }

    .mobile .logo {
        max-width: 180px;
        display: flex;
    }

    .mobile .theme-mod {
        padding: 11px 16px;
        background: #EEE;
        border-radius: 4px;
    }

    .hero-slider {
        margin: 0 0 16px 0;
    }

    .hero .hero-title {
        font-size: 17px;
    }

    .hero .hero-title-logo {
        max-width: 120px;
    }

    .hero-slider .swiper-pagination {
        height: 60px;
        overflow-x: scroll;
    }

    .hero-slider .swiper-pagination::-webkit-scrollbar {
        display: none;
    }

    .hero-slider .swiper-pagination .hero-tumb {
        height: 60px;
        padding: 15px 24px;
        min-width: 115px;
    }

    .hero-slider .main-slider .swiper-slide:before {
        width: 6px;
        height: 50%;
        top: 45%;
    }

    .hero-slider .main-slider .swiper-slide .txt-content {
        left: 30px;
        padding: 20px 0 0 0;
    }

    .hero-slider .main-slider .swiper-slide .txt-content .round-btn {
        font-size: 9px;
        margin: 0 0 12px 0;
        padding: 2px 15px;
        line-height: 2;
    }

    .hero-slider .main-slider .swiper-slide .txt-content .top-title {
        font-size: 13px;
        margin-bottom: 6px;
        font-weight: 400;
    }

    .hero-slider .main-slider .swiper-slide .txt-content .main-title {
        font-size: 20px;
        line-height: 1.1;
    }

    .hero-slider .main-slider .swiper-slide img {
        width: 100%;
        height: auto;
    }

    header .dropdown-user {
        border-radius: 0;
        border: 0;
        margin: 0;
    }

    section.showcase {
        padding: 18px 0 0 0;
    }

    .best-products-tab .nav-link {
        padding: 5px 10px;
        min-height: 53px;
        min-width: 90px;
    }

    .best-products-tab .nav-link img,
    .best-products-tab .nav-link svg {
        max-width: 60px;
        max-height: 34px;
    }

    footer .menu {
        display: none;
    }

    .product-card .product-body {
        zoom: 0.9;
        min-height: 312px;
    }

    .product-card .product-body .foot {
        /*position: absolute;
    width: 100%;
    bottom: 0;
    margin-bottom: 5px;*/
    }

    .sub-hero .sub-item .discount {
        font-size: 10px;
        line-height: 16px;
        padding: 1px 10px;
        top: -9px;
    }

    .sub-hero .sub-item .hover-icon {
        height: 40px;
    }

    .sub-hero .sub-item .details .subTitle {
        font-size: 10.91px;
    }

    .sub-hero .sub-item .details .title {
        font-size: 13.63px;
    }

    .showcase-card ul {
        justify-content: space-between;
    }

    section.social .x-title h2 {
        font-size: 24px;
        margin-bottom: 2px;
    }

    section.social .x-title p {
        font-size: 17px;
        margin-bottom: 17px;
    }

    footer .title {
        margin-left: -12px;
        margin-right: -12px;
    }

    section.social {
        padding: 39px 0 47px 0;
    }

    .promotion-py {
        padding-top: 25px;
        padding-bottom: 42px;
    }

    section .text-py {
        padding-top: 19px;
    }

    .horizontal-scrollable {
        overflow-x: auto;
        white-space: nowrap;
        display: block;
        padding: 0 0 10px 0;
    }

    .horizontal-scrollable .col-6 {
        display: inline-block;
    }

    footer .copyright {
        display: flex;
        justify-content: space-between;
        width: 100%;
        align-items: center;
    }

    footer .copyright span {
        margin-left: 10px;
    }

    section.best-products .products-tabContent .back-txt {
        line-height: 14.5;
    }

    .footer-bottom .py2 {
        padding-top: 0;
    }

    nav.stickybar {
        display: flex !important;
    }

    .ilanlarim-sub-hero {
        padding: 25px 0;
        min-height: auto;
    }

    .my-product-list {
        padding-top: 0;
    }

    .favorite-products.urun {
        padding-top: 26px;
    }

    .favorite-products.ilan {
        padding-top: 0;
    }

    .stores-section .user-avatar {
        margin-right: 10px;
    }

    .stores-section .user-data .user-name {
        font-size: 17px;
    }

    .discord-card .card-box {
        zoom: 1;
    }

    .stores-section .top-five-list .rank-btn i {
        margin: 0;
    }

    .stores-section .top-five-list .rank-btn span {
        display: none;
    }

    .filter-sidebar .filter-content {
        display: none;
    }

    .filter-sidebar .filter-content .card:first-child .card-header,
    .filter-sidebar .filter-content .card:first-child {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

    .site-header .category-menu-box .all-category-head .kategori-arama-container .form-control {
        width: 300px;
    }

    nav.mobile-stickybar {
        width: 100%;
        box-shadow: 0 0 57px 0 rgba(0, 0, 0, 0.11);
        background-color: #fff;
        align-items: center;
        z-index: 999;
        position: fixed;
        bottom: 0;
        left: 0;
        display: flex;
        padding: 0;
        margin: 0;
    }

    nav.mobile-stickybar a {
        display: flex;
        flex: 1;
        padding: 16px 0;
        font-size: 12px;
        font-weight: 500;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
        text-align: center;
        color: #3d5afe;
        height: 80px;
    }

    nav.mobile-stickybar a span {
        margin: 10px 0 0 0;
    }

    nav.mobile-stickybar a i,
    nav.mobile-stickybar a svg {
        width: 22px;
        height: 22px;
        font-size: 22px;
        position: relative;
    }

    nav.mobile-stickybar a .large-icon {
        background: #fff;
        display: flex;
        width: 64px;
        margin: -30px 0;
        text-align: center;
        justify-content: center;
        align-items: center;
        min-height: 64px;
        border-radius: 50%;
        padding: 0;
    }

    nav.mobile-stickybar a .large-icon i {
        color: #FFF;
        background: #3d5afe;
        width: 50px;
        height: 50px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.2);
    }

    nav.mobile-stickybar a .large-icon i:before {
        position: relative;
        z-index: 8;
    }

    nav.mobile-stickybar a .large-icon i:after {
        content: " ";
        width: 18px;
        height: 18px;
        border-radius: 50%;
        position: absolute;
        background-color: #11d377;
        z-index: 1;
        top: 50%;
        left: 50%;
        transform: translate3d(-50%, -50%, 0);
    }

    section.t-detail .box .btn-user {
        display: flex;
        justify-content: space-between;
    }

    section.t-detail .box .btn-user.like {
        position: absolute;
        bottom: 10px;
        left: 10px;
        z-index: 991;
        background: #FF9D1D;
        color: #FFF;
        fill: #FFF;
        padding: 5px;
        width: 36px;
        height: 36px;
        justify-content: center;
        align-items: center;
        font-size: 16px;
    }

    section.t-detail .box .hero-img-box .tr-report-btn {
        left: auto;
        right: 4px;
        top: 4px;
        background-color: #fd5050;
        padding: 10px;
    }

    section.t-detail .box .gallery-slick button.slick-prev.slick-arrow,
    section.t-detail .box .gallery-slick button.slick-next.slick-arrow {
        width: 36px;
        height: 36px;
    }

    section.t-detail .box .gallery-slick button.slick-prev.slick-arrow {
        left: 4px;
    }

    section.t-detail .box .gallery-slick button.slick-next.slick-arrow {
        right: 4px;
    }

    .daily-deals-hero .filter-box {
        overflow-x: scroll;
        white-space: nowrap;
    }

    nav.mobile-stickybar {
        z-index: 2999;
    }

    nav.store-stickybar {
        padding-bottom: 100px;
        width: calc(100% - 40px);
        bottom: -100%;
        height: 0;
        left: 20px;
        border-radius: 6px 6px 0 0;
        background: rgba(255, 255, 255, 0.1);
        transition: 0.5s;
    }

    nav.store-stickybar .container-xxl {
        overflow-y: scroll;
    }

    nav.store-stickybar .border-top-1 {
        border-top: 1px solid rgba(174, 184, 203, 0.2);
    }

    nav.store-stickybar .border-bottom-1 {
        border-bottom: 1px solid rgba(174, 184, 203, 0.2);
    }

    nav.store-stickybar .border-left-1 {
        border-left: 0;
    }

    nav.store-stickybar .border-right-1 {
        border-right: 0;
    }

    nav.store-stickybar .store-item {
        height: 90px;
        padding: 15px 5px;
    }

    nav.store-stickybar .store-item .icon .notify-box {
        line-height: 21px;
        height: 19px;
    }

    nav.store-stickybar .square-btn {
        height: 60px;
        margin: 20px 5px;
    }

    nav.store-stickybar.open {
        height: auto;
    }

    body.store-menu-open .store-stickybar-mobile-cover {
        content: " ";
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 2990;
        background: rgba(0, 0, 0, 0.7);
        backdrop-filter: blur(2px);
    }

    a.gotop {
        bottom: 90px;
        right: 10px;
    }

    .user-summary-sidebar {
        transition: 0.4s;
        overflow: hidden;
        height: 90px;
        border-radius: 4px;
    }

    .user-summary-sidebar.open {
        height: 100%;
    }

    .verify-btn {
        width: 250px;
    }

    section.affiliates-hero {
        padding: 80px 0 230px 0;
        margin-bottom: -159px;
    }

    section.affiliates-content .g-30px {
        --bs-gutter-x: 15px;
        --bs-gutter-y: 15px;
    }

    section.affiliates-content .card {
        margin-bottom: 20px;
    }

    section.affiliates-content .card .head .head-left {
        width: 100%;
    }

    section.affiliates-content .card .head .head-right {
        width: 100%;
    }

    section.affiliates-content .boxes .item {
        padding: 0 10px 20px;
    }

    section.affiliates-content .boxes .item .big {
        margin-top: 20px;
        font-size: 26px;
    }

    section.affiliates-content .boxes .item .small {
        font-size: 16px;
    }

    .howtowork-affiliates .howtowork-title {
        font-size: 28px;
    }

    .terms-box .y-scroll {
        max-height: 340px;
        overflow-y: scroll;
    }

    .terms-box .y-scroll::-webkit-scrollbar {
        width: 5px;
        border-radius: 2px;
    }

    .terms-box .y-scroll::-webkit-scrollbar-track {
        border-radius: 2px;
        background-color: rgba(193, 191, 214, 0.2);
    }

    .terms-box .y-scroll::-webkit-scrollbar-thumb {
        border-radius: 2px;
        background-color: #c1bfd6;
    }

    .terms-box .y-scroll::-webkit-scrollbar-thumb:hover {
        background-color: #c1bfd6;
    }

    .howtowork-affiliates {
        padding: 50px 0 0 0;
    }

    .step-box {
        padding: 0 0 60px 0;
    }

    section.streamer-content .card .filter-btn {
        gap: 5px;
        padding: 10px 12px;
        width: auto;
        justify-content: center;
    }

    .streamer-list .streamer-card .patform {
        gap: 10px;
    }

    section.streamer-live-hero .streamer-profile .streamer-name {
        font-size: 26px;
    }

    section.live-stream-content .live-content iframe {
        height: 393px;
    }
}

@media (max-width: 768px) {
    section.product-listing-products .item .btn-buy {
        width: 100%;
        text-align: center;
        justify-content: center;
        padding-left: 6px;
        padding-right: 6px;
    }

    section.product-listing-products .item .number {
        max-width: 100%;
    }

    .social-card {
        zoom: 0.9;
    }

    footer .footer-social-media {
        zoom: 0.7;
    }

    header .mobile {
        display: block;
    }

    .hero .hero-title span {
        display: block;
    }

    .wm-btn {
        padding: 14px 15px 16px 20px;
        width: 100%;
        justify-content: center;
    }

    .wm-btn i {
        margin-left: 10px;
    }

    .ilanlarim-sub-hero .search-box .my-product-search-input {
        height: 55px;
        padding: 10px 40px 10px 10px;
    }

    .ilanlarim-sub-hero .search-box .search-icon-box {
        right: 25px;
    }

    .stores-sub-hero {
        padding: 100px 0 110px 0;
        min-height: 400px;
    }

    .stores-section .store-row {
        zoom: 0.9;
    }

    .stores-section .store-row .card-body,
    .stores-section .store-row.card-body {
        padding: 11px;
    }

    .stores-section.all-store {
        margin-top: -105px;
    }

    .discord-card .card-box .title {
        margin-bottom: 20px;
        text-align: center;
        justify-content: center;
    }

    .discord-card .card-box .title i {
        display: none;
    }

    .favorite-products .btn-buy {
        width: 100%;
        text-align: center;
        justify-content: center;
        font-size: 14px;
        padding: 10px;
    }

    .favorite-products .btn-buy i {
        margin-right: 8px;
    }
}

@media (min-width: 768px) and (max-width: 990px) {
    section.t-detail .box h1 {
        font-size: 18px;
    }

    section.t-detail .box .higlight-lis {
        font-size: 13px;
    }

    section.t-detail .box .detail-box {
        zoom: 0.9;
    }

    section.t-detail .box .buybox {
        zoom: 0.9;
        padding: 10px;
    }

    .seller-box {
        zoom: 0.9;
    }
}

@media (max-width: 767px) {

    .site-header .category-menu-box .all-category-head .kategori-arama-container,
    .site-header .category-menu-box .all-category-head .kategori-arama-container .form-control {
        width: 100%;
        min-width: auto;
    }

    .site-header .mobile-scroll-bottom .square-btn {
        width: 100%;
        justify-content: space-between;
    }

    .site-header .header-nav .large-menu .hm-item {
        border-radius: 4px;
        padding: 6px;
        color: #0f1923;
        font-size: 16px;
        justify-content: start;
        position: relative;
        z-index: 1;
        font-weight: 600;
        display: flex;
        align-items: center;
        gap: 10px;
        height: 50px;
        transition: 0.5s;
        border: 0;
        background: none !important;
    }

    .site-header .header-nav .large-menu .hm-item .detail {
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .site-header .header-nav .large-menu .hm-item .cat-bg {
        display: none;
    }

    .site-header .header-nav .large-menu .hm-item .bg-color {
        opacity: 0.1;
        position: absolute;
        z-index: 1;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        transition: 0.3s;
        border-radius: 4px;
    }

    .site-header .header-nav .large-menu .hm-item .cat-icon {
        min-width: 40px;
        width: 40px;
        height: 40px;
        border-radius: 4px;
        padding: 6px;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        z-index: 9;
    }

    .site-header .header-nav .large-menu .hm-item .cat-icon img {
        width: 40px;
        height: 40px;
        object-fit: contain;
        margin: 0;
        background: transparent;
        min-height: unset;
        min-width: unset;
    }

    .site-header .header-nav .large-menu .hm-item .title {
        position: relative;
        z-index: 9;
    }

    .site-header .header-nav .large-menu .hm-item:hover {
        color: #FFF;
    }

    .site-header .header-nav .large-menu .hm-item:hover .icon {
        box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
    }

    .site-header .large-menu .hm-item {
        zoom: 1;
    }

    .site-header .dropdown.full-width .dropdown-menu .mobile-scroll-container {
        display: flex;
        flex-direction: column;
        height: 100%;
    }

    .site-header .dropdown.full-width .dropdown-menu .mobile-scroll-container .mobile-scroll-top {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        min-height: 70px;
    }

    .site-header .dropdown.full-width .dropdown-menu .mobile-scroll-container .mobile-scroll-middle {
        overflow-y: scroll;
        flex-grow: 1;
        align-content: flex-start;
    }

    .site-header .dropdown.full-width .dropdown-menu .mobile-scroll-container .mobile-scroll-bottom {
        min-height: 70px;
        padding-top: 20px;
    }

    .site-header .mobile-scroll {
        overflow-y: scroll;
        width: 100%;
        height: 100%;
    }

    section.t-detail .box .icons .bag {
        padding: 12px;
    }

    section.t-detail .box .mobile-w-100 {
        width: 100%;
    }

    section.t-detail .box .buybox {
        margin-top: 20px;
        padding: 20px 20px 0 20px;
        border-left: 0;
        border-right: 0;
        border-bottom: 0;
        border-radius: 0;
        margin-left: -18px;
        margin-right: -18px;
    }

    .ask-store-content .ask-box {
        flex-direction: column;
    }

    .ask-store-content .ask-box .ask-send-btn,
    .ask-store-content .ask-box .ask-input {
        width: 100%;
    }

    section.verify .box .body {
        padding: 30px 20px;
    }

    section.verify .special-alert {
        font-size: 15px;
        padding: 12px;
    }

    section.verify .special-alert span.icon {
        margin-right: 12px;
    }

    section.verify .box .b {
        padding: 30px 20px;
    }

    section.verify .box .b:nth-child(even) .row {
        flex-direction: column-reverse !important;
    }

    .currency-content .alert-box {
        flex-direction: column;
    }

    .verify-btn {
        width: 100%;
    }

    .mobile-100 {
        width: 100%;
    }

    table.shadow-table tr {
        width: 100%;
        display: table-row;
        margin: 0;
    }

    section.affiliates-content .card .body .glass-box .copy-wrap {
        width: 100%;
    }

    section.affiliates-content .card .body .glass-box .copy-wrap .large {
        width: 100%;
    }

    section.affiliates-content .head .item-box .txt .sub {
        display: none;
    }

    .howtowork-affiliates .howtowork-title {
        font-size: 24px;
    }

    section.streamer-live-hero .streamer-profile {
        gap: 15px;
    }

    section.streamer-live-hero .streamer-profile .icon img {
        min-width: 60px;
        width: 60px;
        height: 60px;
    }

    section.streamer-live-hero .streamer-profile .streamer-name {
        font-size: 24px;
    }

    table.shadow-table.donate-list-table tr.space-row {
        display: table-row;
    }

    .swal2-icon {
        zoom: 0.7;
    }

    .swal2-title {
        padding: 0.4em 1em 0;
        font-size: 1.75em;
    }

    .swal2-html-container {
        margin: 1em 1em 0.3em;
    }
}

@media (max-width: 576px) {
    body .btn-blue {
        padding: 8px 10px 8px 10px;
        font-size: 13px;
    }

    .giveaway-section .left-time {
        white-space: normal;
    }

    .giveaway-section .card .subitem span.count {
        padding: 2px 12px 0 12px;
        line-height: 20px;
    }

    .giveaway-section .head-desc {
        width: 100%;
    }

    .giveaway-section.giveaway-detail .btn-join {
        width: 100%;
        max-width: 100%;
    }

    .giveaway-section.giveaway-detail .followform {
        position: absolute;
        top: 16px;
        right: 20px;
    }

    .giveaway-section .filter-item {
        padding: 8px;
        font-size: 13px;
    }

    nav.stickybar a {
        font-size: 10px;
    }

    .best-products-tab .nav-link {
        min-width: auto;
    }

    nav.stickybar,
    .best-product-card {
        zoom: 0.7;
    }

    .promotion-time .title p {
        font-size: 14px;
    }

    section.best-products .products-tabContent .back-txt {
        line-height: 11.5;
    }

    .social-card {
        zoom: 0.6;
    }

    .social-card .title {
        font-size: 12px;
    }

    .social-card .title b {
        font-size: min(3vw, 14px);
    }

    nav.stickybar,
    header .mobile {
        zoom: 0.9;
    }

    section.social .x-title p {
        font-size: 14px;
    }

    .wm-btn i {
        margin-left: 6px;
    }

    .login-form .login-cover:not(.mini) .login-logo {
        padding: 20px 0 20px 0;
    }

    .login-form .card {
        padding: 30px 25px;
    }

    .login-form .verifiy-digit {
        padding: 16px 0 12px 0;
    }

    .stores-section .store-row {
        zoom: 1;
    }

    .discord-card .card-box .title {
        font-size: 20px;
    }

    .discord-card .card-box .link .btn-copy {
        white-space: nowrap;
    }

    .discord-card .card-box .link .text {
        font-size: 12px;
    }

    .stores-section.all-store {
        margin-top: -115px;
    }

    .stores-sub-hero {
        padding: 100px 0 130px 0;
    }

    .stores-section .top-five-list .rank-btn {
        width: 33%;
    }

    .stores-section .top-five-list form {
        width: 33%;
    }

    .stores-section .top-five-list form .rank-btn {
        width: 100%;
    }

    .ilan-pazari-hero .btn-swicth {
        font-size: 12px;
    }

    nav.stickybar {
        zoom: 1;
    }

    .site-header .header-user-menu .dropdown-menu {
        inset: unset !important;
        right: -12px !important;
        top: 46px !important;
        width: 100vw;
        transform: unset !important;
        border-radius: 0;
        margin-top: 10px !important;
    }

    .site-header .header-user-menu .dropdown-menu .dropdown-header {
        border-radius: 0;
    }

    .site-header .header-user .square-btn.bakiye-btn {
        padding: 8px 8px 0 8px;
    }

    .site-header .mobil-menu-container {
        margin-right: -8px;
    }

    .site-header .header-nav.show {
        bottom: 120px;
    }

    .site-header .header-kurumsal-menu .dropdown-menu {
        inset: unset !important;
        position: fixed !important;
        left: 0 !important;
        top: 89px !important;
        transform: unset !important;
        margin: 0 !important;
        right: 0 !important;
        bottom: 0px !important;
        border-radius: 0;
        overflow-y: scroll;
        min-width: unset;
        border: 0;
        padding: 12px;
    }

    .site-header .header-kurumsal-menu .dropdown-menu .for-gamers {
        width: 100%;
    }

    .site-header .header-kurumsal-menu .dropdown-menu:before {
        display: none;
    }

    .site-header .header-kurumsal-menu .kurumsal-close-row {
        width: 100%;
        height: 90px;
        position: fixed;
        left: 0;
        top: 0;
        padding: 12px 20px;
        display: flex;
        align-items: center;
        z-index: 20;
        background: rgba(255, 255, 255, 0.1);
        backdrop-filter: blur(3px);
        -webkit-backdrop-filter: blur(3px);
    }

    .site-header .top-menu-box.magaza-row {
        zoom: 0.9;
    }

    .site-header .top-menu-box.magaza-row a.mini {
        height: 40px;
        padding: 4px 12px;
        flex-direction: row;
        font-size: 11px;
    }

    section.t-detail .box {
        padding: 18px;
    }

    section.t-detail .box .video-btn {
        width: 50px;
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 14px;
        position: absolute;
        right: 20px;
        top: 20px;
    }

    section.t-detail .box .video-btn span {
        margin: 0 0 0 10px;
    }

    section.t-detail .box .u-avatar-img {
        margin-right: 12px;
    }

    section.t-detail .box .u-avatar-img img {
        border-radius: 4px;
        width: 50px;
        height: 50px;
        position: relative;
        z-index: 1;
        max-width: 50px;
        display: block;
    }

    section.t-detail .box .u-avatar-name {
        gap: 0;
    }

    section.t-detail .box .u-avatar-name .u-name {
        align-items: start;
        font-size: 16px;
    }

    section.t-detail .box .u-avatar-name .last-seen,
    section.t-detail .box .u-avatar-name .success-operation {
        font-size: 13px;
    }

    section.t-detail .box .u-avatar-name .sticker {
        zoom: 0.8;
    }

    section.t-detail .box .user-box .btn-user {
        justify-content: center;
        width: 50px;
    }

    section.t-detail .box .buybox {
        flex-direction: column;
        position: relative;
        margin-top: 15px;
        font-size: 18px;
    }

    section.t-detail .box .buybox .btn-basket,
    section.t-detail .box .buybox .btn-buy {
        width: 100%;
    }

    section.t-detail .box h1 {
        margin: 15px 0 2px 0;
    }

    section.t-detail .box .separator {
        margin: 15px 0;
    }

    section.t-detail .box .small-title {
        font-size: 2vw;
        justify-content: center;
    }

    section.t-detail .boxtab .body .content table tr td:first-child {
        max-width: 200px;
        width: 200px;
    }

    section.verify .onay-btn {
        width: 100%;
    }

    .card-box {
        padding: 16px;
        flex-direction: column;
    }

    .card-box .square-btn {
        font-size: 14px;
        height: 40px;
        width: 100%;
    }

    .card-box .col {
        width: 100%;
        gap: 10px;
    }

    .currency-hero .step-btn {
        min-width: 200px;
    }

    .currency-hero {
        padding: 105px 0 250px 0;
        margin-bottom: -160px;
    }

    .currency-content .card .head {
        padding: 15px;
    }

    .currency-content .card .head .item-box {
        gap: 8px;
    }

    .currency-content .card .head .item-box .txt .main {
        font-size: 16px;
    }

    .currency-content .card .body {
        padding: 15px;
    }

    .currency-content .card .body .tab-item {
        padding: 12px;
    }

    .currency-content .card .body .tab-item .txt .main {
        font-size: 16px;
    }

    .currency-content .card .body .tab-item .txt .sub {
        font-size: 13px;
    }

    .currency-content .card .alert-box .icon {
        width: 50px;
        min-width: 50px;
        height: 50px;
        float: left;
        margin: 0 10px 10px 0;
    }

    .currency-content .card .alert-box ul li {
        font-size: 15px;
    }

    .xs-hide {
        display: none;
    }

    .gap-20px {
        gap: 10px;
    }

    .currency-content .card button.btn {
        padding: 10px 20px;
        height: 46px;
    }

    .verify-btn {
        height: 46px;
    }

    section.affiliates-hero {
        margin-bottom: -175px;
    }

    section.affiliates-content .card .head .square-box-form {
        width: 100%;
    }

    section.affiliates-content .card .head .square-box {
        flex-direction: column;
        padding: 10px 6px;
        height: 65px;
        font-size: 12px;
        font-weight: 500;
        width: 100%;
    }

    section.affiliates-content .card .head .square-box i {
        font-size: 18px;
    }

    section.affiliates-content .card .head .square-box.item-box {
        background-color: rgba(17, 211, 119, 0.2);
        border-radius: 4px;
    }

    section.affiliates-content .card .head .square-box.item-box .icon {
        background: none;
    }

    section.affiliates-content .card .body .glass-box {
        padding: 11px;
    }

    .step-box .desc {
        padding: 10px;
    }

    .pagination-list li.prev-item,
    .pagination-list li.next-item {
        display: none;
    }

    section.streamer-content {
        padding: 30px 0 40px 0;
    }

    section.streamer-content .card .head .item-box {
        gap: 12px;
    }

    section.streamer-content .card .head .item-box .txt .sub {
        font-size: 15px;
        line-height: 18px;
    }

    section.streamer-content .card .filter-btn {
        width: 100%;
    }

    .streamer-list .streamer-card .name {
        font-size: 16px;
    }

    .square-btn.mini {
        padding: 7px 15px 4px 15px;
    }

    .square-btn.mini i {
        margin-top: -3px;
    }

    .basvuru-modal-wrap,
    .basvuru-modal-btn {
        width: 100%;
    }

    section.streamer-live-hero {
        padding: 50px 0 0 0;
    }

    section.streamer-live-hero .streamer-channel .platfom-btn {
        min-width: 60px;
        height: 60px;
        margin-top: 10px;
    }

    section.live-stream-content form .btn-group button {
        font-size: 16px;
    }

    section.live-stream-content .live-content iframe {
        height: 201px;
    }

    .empty-live .text {
        font-size: 16px;
    }

    section.streamer-panel-hero {
        padding: 100px 0 0 0;
    }

    section.streamer-panel-hero .main,
    section.streamer-panel-hero .sub {
        font-size: 22px;
    }

    section.streamer-panel-hero .slash {
        font-size: 26px;
        font-weight: 900;
    }

    section.streamer-panel-content .card-body,
    section.streamer-panel-content .card-body.py-30px {
        padding-left: 15px;
        padding-right: 15px;
    }

    section.streamer-panel-content .form-group .form-card {
        flex-direction: column;
        align-items: start;
        position: relative;
        gap: 10px;
    }

    section.streamer-panel-content .form-group .form-card .verfiy-sticker {
        position: absolute;
        right: 0px;
        margin: 0;
    }

    section.streamer-panel-content .form-group .form-card .verfiy-sticker,
    section.streamer-panel-content .form-group .form-card .platform-logo {
        height: 40px;
    }

    section.streamer-panel-content .form-group .form-card .txt {
        font-size: 15px;
    }

    section.streamer-panel-content .form-group .form-card .upload-box,
    section.streamer-panel-content .form-group .form-card .square-btn {
        width: 100%;
    }

    section.streamer-panel-content .form-group.btn-row {
        justify-content: start;
    }

    section.streamer-panel-content .form-group.btn-row .update-btn-wrap {
        width: 100%;
    }

    .date-filter {
        gap: 0;
    }

    .date-filter .date-item.from {
        padding: 0 0 0 10px;
        border-radius: 4px 0 0 4px;
    }

    .date-filter .date-item.from .ri-calendar-event-fill:before {
        content: "\f1af";
    }

    .date-filter .date-item.to {
        padding: 0 10px 0 0;
        border-radius: 0 4px 4px 0;
    }

    .date-filter .date-item.to .ri-calendar-event-fill {
        display: none;
    }

    .date-filter .date-item .date-input {
        width: 75px;
        font-size: 14px;
        text-align: center;
    }

    .date-filter .separator {
        display: none;
    }

    .yayinci-panel-sidebar .yayinci-panel-menu .item.active::before {
        left: -15px;
    }

    .search-datatable {
        width: 100%;
        padding: 8px 12px;
    }

    .game-accounts table.shadow-table tr td .table-item .txt .main {
        font-size: 13px;
    }

    .game-accounts-dropdown .dropdown-menu {
        overflow-x: scroll;
    }
}

@media (max-width: 400px) {
    section.t-detail .box {
        padding: 16px;
    }

    section.t-detail .box span.like,
    section.t-detail .box .btn-user {
        zoom: 0.8;
    }

    section.t-detail .box .video-btn {
        padding: 10px;
    }

    section.t-detail .box .buybox {
        margin-left: -16px;
        margin-right: -16px;
    }

    section.t-detail .box .buybox .btn-buy {
        font-size: 14px;
    }

    section.t-detail .box .buybox .price {
        font-size: 18px;
    }

    section.t-detail .box .gallery-slick button.slick-prev.slick-arrow,
    section.t-detail .box .gallery-slick button.slick-next.slick-arrow {
        zoom: 0.8;
    }

    section.t-detail .detail-box {
        zoom: 0.9;
    }

    section.t-detail .seller-box {
        zoom: 0.9;
    }

    section.t-detail .boxtab .head {
        padding: 0 20px;
    }

    section.t-detail .boxtab .body .content {
        padding: 20px;
    }

    section.t-detail .helpbox .body {
        padding: 26px 20px;
    }

    section.verify .special-alert {
        font-size: 14px;
        zoom: 0.9;
    }

    .card-box {
        zoom: 0.9;
    }

    .balance-box {
        zoom: 0.85;
        width: 100%;
    }

    .currency-content .alert-box {
        font-size: 15px;
    }

    .currency-content .card .head {
        padding: 15px;
    }

    .currency-content .card .head .item-box .txt .main {
        font-size: 14px;
    }

    .currency-content .card .body {
        padding: 15px;
    }

    table.shadow-table tr td .table-item .txt .main {
        font-size: 14px;
    }

    .currency-content .card .head .step-title {
        min-height: 40px;
    }

    .currency-content .card .head .item-box .icon,
    table.shadow-table .table-item .icon {
        min-width: 40px;
        width: 40px;
        height: 40px;
        font-size: 16px;
    }

    table.shadow-table tr td .square-btn,
    .currency-content .card .head .square-btn {
        font-size: 13px;
        height: 40px;
        padding: 5px 10px;
    }

    .currency-content .card .dt-length label,
    .table-responsive {
        font-size: 14px;
    }

    .currency-content .card .note-box .item-box .txt .main {
        font-size: 16px;
    }

    .currency-content .card .note-box .item-box .txt .sub {
        font-size: 13px;
    }

    section.affiliates-hero {
        margin-bottom: -165px;
    }

    section.affiliates-content .boxes .item {
        padding: 0 10px 15px;
    }

    section.affiliates-content .boxes .item .big {
        font-size: 22px;
    }

    section.affiliates-content .boxes .item .small {
        font-size: 14px;
    }

    section.affiliates-content .card .head .square-box .txt .main {
        font-size: 16px;
    }

    section.affiliates-content .card .body .glass-box {
        padding: 9px;
        font-size: 15px;
    }

    section.affiliates-content .card .body .glass-box i.big {
        font-size: 22px;
    }

    section.affiliates-content .card .body .glass-box input {
        font-size: 15px;
        height: 44px;
        padding: 4px;
        width: 90px;
    }

    section.affiliates-content .card .body .glass-box .copy-btn {
        right: 5px;
    }

    .pagination-list li.disabled span {
        color: #FFF;
    }

    .streamer-list .streamer-card .highlight {
        font-size: 11px;
        zoom: 0.9;
    }

    .streamer-list .streamer-card .name {
        font-size: 15px;
    }

    .streamer-list .streamer-card .patform {
        font-size: 20px;
        zoom: 0.9;
        gap: 5px;
    }

    section.streamer-content .card .head .item-box .txt .sub {
        font-size: 14px;
        line-height: 16px;
    }

    section.streamer-content .card .filter-btn {
        padding: 6px;
        font-size: 12px;
        height: 40px;
    }

    section.streamer-content .card .filter-btn i {
        font-size: 18px;
    }

    section.live-stream-content form .btn-group button {
        font-size: 14px;
    }

    section.streamer-live-hero .streamer-profile .streamer-name {
        font-size: 20px;
    }

    section.live-stream-content .live-content iframe {
        height: 172px;
    }

    .empty-live .text {
        font-size: 15px;
    }

    section.streamer-panel-content .form-group .form-card .verfiy-sticker,
    section.streamer-panel-content .form-group .form-card .platform-logo {
        width: 120px;
        min-width: 120px;
    }

    table.shadow-table .table-item .table-item-btn {
        height: 40px;
        font-size: 18px;
    }

    .date-filter .date-item .date-input {
        width: 88px;
        font-size: 15px;
    }

    table.shadow-table.donate-list-table tr.data-row .user-block-btn {
        height: 40px;
    }

    table.shadow-table.donate-list-table tr.data-row .user-block-btn i {
        font-size: 18px;
    }

    .filter-bar-wrap,
    .summary-box {
        zoom: 0.9;
    }
}

@media (max-width: 390px) {
    .product-card .product-body .detail a.name {
        height: 36px;
        min-height: 36px;
    }
}

@media (max-width: 375px) {
    .product-card .product-body .detail a.name {
        height: 53px;
        min-height: 53px;
    }
}

@media (max-width: 360px) {
    .filter-group {
        zoom: 0.8;
    }

    .product-card .product-body {
        zoom: 0.8;
    }

    .sub-hero .sub-item {
        zoom: 0.8;
    }

    .giveaway-section .user-data {
        zoom: 0.8;
    }

    section.t-detail .detail-box {
        zoom: 0.8;
    }

    section.t-detail .box {
        padding: 12px;
    }

    section.t-detail .box .buybox {
        margin-left: -12px;
        margin-right: -12px;
    }

    section.t-detail .box .buybox .price {
        font-size: 16px;
    }

    section.t-detail .seller-box {
        zoom: 0.8;
    }

    section.t-detail .boxtab .head {
        padding: 0 16px;
    }

    section.t-detail .boxtab .body .content {
        padding: 16px;
    }

    section.t-detail .helpbox .body {
        padding: 22px 16px;
    }

    .card-box .square-btn {
        zoom: 0.9;
    }

    .currency-content .card .head .step-title {
        font-size: 15px;
        min-height: 36px;
    }

    .currency-content .card .head .item-box .txt .main {
        font-size: 13px;
    }

    .currency-content .card .head .item-box {
        gap: 5px;
    }

    .currency-content .card .note-box .item-box .txt .main {
        font-size: 15px;
    }

    .currency-content .card .note-box .item-box .txt .sub {
        font-size: 12px;
    }

    table.shadow-table tr td .square-btn,
    .currency-content .card .head .square-btn {
        font-size: 13px;
        height: 36px;
        padding: 5px 8px;
    }

    .currency-content .card .head .item-box .icon,
    table.shadow-table .table-item .icon {
        font-size: 13px;
        min-width: 36px;
        width: 36px;
        height: 36px;
    }

    table.shadow-table tr td .table-item .txt .main {
        font-size: 12px;
    }

    table.shadow-table tr td .table-item .txt .sub {
        font-size: 11px;
    }

    .table-responsive {
        margin-left: -15px;
        margin-right: -15px;
        font-size: 12px;
        padding-left: 8px;
        padding-right: 8px;
    }

    .table-responsive div.dt-container {
        padding-left: 2px;
        padding-right: 2px;
    }

    section.affiliates-content .boxes .item {
        padding: 0 10px 10px;
    }

    section.affiliates-content .boxes .item .big {
        font-size: 20px;
    }

    section.affiliates-content .boxes .item .small {
        font-size: 14px;
    }

    section.affiliates-content .card .body .glass-box {
        font-size: 14px;
    }

    section.affiliates-content .card .body .glass-box i.big {
        font-size: 20px;
    }

    section.affiliates-content .card .body .glass-box input {
        font-size: 14px;
        height: 44px;
        padding: 4px;
        width: 90px;
    }

    .howtowork-affiliates .howtowork-title {
        font-size: 20px;
    }

    section.streamer-content .card .head,
    section.streamer-content .card .body {
        padding: 14px;
    }

    .streamer-list .streamer-card .highlight {
        font-size: 10px;
    }

    .streamer-list .streamer-card .name {
        font-size: 14px;
    }

    .streamer-list .streamer-card .patform {
        font-size: 18px;
        zoom: 0.8;
    }

    section.streamer-content .card .filter-btn {
        padding: 4px;
        font-size: 11px;
    }

    section.streamer-live-hero .streamer-profile .streamer-name {
        font-size: 18px;
    }

    section.live-stream-content .live-content iframe {
        height: 165px;
    }

    .empty-live .text {
        font-size: 14px;
    }

    section.streamer-panel-content .form-group .form-card {
        zoom: 0.9;
    }

    section.streamer-panel-content .form-group .form-card .txt {
        font-size: 14px;
    }

    table.shadow-table .table-item .table-item-btn {
        height: 36px;
        font-size: 16px;
    }

    table.shadow-table .table-item .table-item-btn .main {
        font-size: 13px;
    }

    .date-filter .date-item .date-input {
        width: 80px;
        font-size: 14px;
    }

    table.shadow-table.donate-list-table tr.data-row .user-block-btn {
        height: 36px;
        font-size: 13px;
    }

    table.shadow-table.donate-list-table tr.data-row .user-block-btn i {
        font-size: 16px;
    }

    .filter-bar-wrap,
    .summary-box {
        zoom: 0.8;
    }

    .swal2-container {
        zoom: 0.9;
    }
}

@media (max-width: 369px) {
    section.product-listing-products .item .btn-buy {
        font-size: 14px;
    }
}

@media (max-width: 330px) {
    .howtowork-affiliates .howtowork-title {
        font-size: 18px;
    }

    .streamer-list .streamer-card .highlight {
        zoom: 0.8;
    }
}

@media (max-width: 325px) {
    .site-header .category-menu-box .item {
        font-size: 14px;
    }

    .site-header .header-user {
        zoom: 0.8;
        padding-left: 4px;
    }

    .site-header .header-user .header-user-menu .dropdown-menu {
        zoom: 1.249;
        top: 35px !important;
    }

    .site-header .mobile-mini {
        zoom: 0.7;
    }

    .site-header .mobil-menu-container {
        margin-left: -15px;
    }

    .site-header .top-menu-box.magaza-row {
        zoom: 0.8;
    }

    .header-kurumsal-menu a.mini,
    .top-menu-box a.mini,
    nav.mobile-stickybar a span {
        zoom: 0.8;
    }

    .filter-group {
        zoom: 0.7;
    }

    header .mobile {
        zoom: 0.7;
    }

    .social-card {
        zoom: 0.4;
    }

    .hero .hero-title {
        font-size: 12px;
    }

    nav.stickybar,
    .best-product-card {
        zoom: 0.6;
    }

    section.best-products .products-tabContent .back-txt {
        line-height: 10.5;
    }

    .stores-section .store-row {
        zoom: 0.85;
    }

    .discord-card .card-box,
    .stores-sub-hero .search-box,
    .stores-sub-hero .filter-box {
        zoom: 0.8;
    }

    .stores-section.all-store {
        margin-top: -100px;
    }

    .wm-btn {
        font-size: 12px;
    }

    .favorite-products .product-row-card {
        zoom: 0.8;
    }

    .filter-cover-box a {
        font-size: 14px;
        zoom: 0.8;
    }

    section.live-stream-content .live-content iframe {
        height: 141px;
    }
}

.loading-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(255, 255, 255, 0.8);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    flex-direction: column;
    gap: 20px;
}

.loading-overlay p {
    font-size: 24px;
}

.spinner {
    border: 8px solid #f3f3f3;
    border-top: 8px solid #3498db;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    animation: spinim 1s linear infinite;
}

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

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

body.dark .btn-join[disabled] {
    background-color: rgba(255, 255, 255, 0.1) !important;
    color: rgba(255, 255, 255, 0.5) !important;
    cursor: not-allowed !important;
    pointer-events: none !important;
}

@keyframes advertpulse {
    0% {
        transform: scale(0.9);
        opacity: 0.7;
    }

    50% {
        transform: scale(1.3);
        opacity: 1;
    }

    100% {
        transform: scale(0.9);
        opacity: 0.7;
    }
}

.reviewitem {
    height: 100%;
    position: relative;
}

.reviewitem span.badge {
    font-size: 12px;
    padding: 4px 8px;
    height: auto;
    border-radius: 4px;
    background-color: #11d377;
    color: #fff;
    font-weight: 600;
    display: inline-block;
    line-height: 1.2;
    position: absolute;
    top: -6px;
    right: 0px;
    z-index: 2;
}

.reviewsSlider {
    background: url("../img/yayinci-panel-hero.jpg") no-repeat bottom center;
    color: #fff;
    border-radius: 4px;
    overflow: hidden;
    padding-left: 60px;
    padding-right: 60px;
    position: relative;
    max-height: 96px;
}

.reviewsSlider .slick-track {
    display: flex !important;
}

.reviewsSlider .prevIcon {
    position: absolute;
    top: 50%;
    left: 0px;
    transform: translateY(-50%);
    font-size: 30px;
    color: #fff;
    cursor: pointer;
    z-index: 10;
    border: 0;
    background: transparent;
    height: 100%;
    width: 60px;
}

.reviewsSlider .nextIcon {
    position: absolute;
    top: 50%;
    right: 0px;
    transform: translateY(-50%);
    font-size: 30px;
    color: #fff;
    cursor: pointer;
    z-index: 10;
    border: 0;
    background: transparent;
    height: 100%;
    border-left: 1px solid rgba(255, 255, 255, 0.2);
    width: 60px;
}

.reviewsSlider .reviewItem {
    padding: 20px;
    border-left: 1px solid rgba(255, 255, 255, 0.2);
}

.reviewsSlider p {
    font-size: 16px;
    line-height: 1.2;
    max-height: 3.6em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    /* number of lines to show */
    -webkit-box-orient: vertical;
}

.reviewsSlider span,
.reviewsSlider .star-rating {
    font-size: 12px;
}

.ozelResimliBadgeHizliTeslimat {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 999;
}

.modern-orders-page {
    background: #efefef;
    min-height: calc(100vh - 200px);
    padding: 30px 0;
}

.modern-orders-header {
    background: white;
    border-radius: 4px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}

.modern-orders-title {
    font-size: 20px;
    font-weight: 600;
    color: #1a202c;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 12px;
}

.modern-orders-title i {
    font-size: 20px;
    color: #3d5afe;
}

.modern-filters {
    display: grid;
    grid-template-columns: 2fr 2fr auto auto;
    gap: 15px;
    margin-bottom: 0;
}

.modern-filters .form-control,
.modern-filters .form-select {
    height: 60px;
    border: 1px solid #e4e4e4;
    border-radius: 4px;
    padding: 0 24px;
    font-size: 16px;
    font-weight: 400;
    transition: all 0.3s ease;
}

.modern-filters .form-control:focus,
.modern-filters .form-select:focus {
    border-color: #3d5afe;
    box-shadow: 0 0 0 3px rgba(61, 90, 254, 0.1);
    outline: none;
}

.modern-search-btn {
    height: 60px;
    padding: 0 30px;
    border-radius: 4px;
    background: #3d5afe;
    border: none;
    color: white;
    font-weight: 600;
    font-size: 16px;
    display: flex;
    align-items: center;
    gap: 8px;
    transition: all 0.3s ease;
}

.modern-search-btn:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(61, 90, 254, 0.3);
    background: #425efe;
    color: white;
}

.modern-bulk-review-btn {
    height: 60px;
    padding: 0 30px;
    border-radius: 4px;
    background: #11d377;
    border: none;
    color: white;
    font-weight: 600;
    font-size: 16px;
    display: flex;
    align-items: center;
    gap: 8px;
    transition: all 0.3s ease;
}

.modern-bulk-review-btn:hover {
    background: #10c56f;
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(17, 211, 119, 0.3);
    color: white;
}

.modern-orders-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
}

.modern-order-card {
    background: white;
    border-radius: 4px;
    padding: 20px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
    transition: all 0.3s ease;
    border: 1px solid #e4e4e4;
    box-sizing: border-box;
    max-width: 100%;
}

.modern-order-card:hover {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
    transform: translateY(-5px);
}

.modern-order-card.expanded {
    border-color: #3d5afe;
}

.modern-order-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    cursor: pointer;
    position: relative;
}

.modern-order-info {
    display: flex;
    align-items: center;
    gap: 20px;
    flex: 1;
}

.modern-order-image {
    width: 100px;
    height: 100px;
    border-radius: 4px;
    object-fit: cover;
    border: 1px solid #e4e4e4;
}

.modern-order-details {
    flex: 1;
}

.modern-order-product-name {
    font-size: 16px;
    font-weight: 600;
    color: #1a202c;
    margin-bottom: 10px;
    line-height: 1.4;
}

.modern-order-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin-bottom: 12px;
    font-size: 14px;
    color: #718096;
    font-weight: 400;
}

.modern-order-meta-item {
    display: flex;
    align-items: center;
    gap: 6px;
}

.modern-order-meta-item i {
    font-size: 14px;
}

.modern-order-id {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: #f7fafc;
    padding: 4px 10px;
    padding-right: 4px;
    border-radius: 4px;
    font-weight: 600;
    font-size: 12px;
    color: #4a5568;
}

.modern-order-status {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 14px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 600;
}

.modern-order-status.pending {
    background: #fef3c7;
    color: #92400e;
}

.modern-order-status.processing {
    background: #dbeafe;
    color: #1e40af;
}

.modern-order-status.completed {
    background: #d1fae5;
    color: #065f46;
}

.modern-order-status.cancelled {
    background: #fee2e2;
    color: #991b1b;
}

.modern-order-price {
    font-size: 18px;
    font-weight: 600;
    color: #1a202c;
    text-align: right;
}

.modern-order-price-label {
    font-size: 12px;
    color: #718096;
    font-weight: 500;
    margin-bottom: 4px;
}

.modern-order-toggle {
    width: 40px;
    height: 40px;
    border-radius: 4px;
    border: 1px solid #e4e4e4;
    background: white;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #4a5568;
    transition: all 0.3s ease;
    cursor: pointer;
}

.modern-order-toggle:hover {
    border-color: #3d5afe;
    color: #3d5afe;
}

.modern-order-toggle.expanded {
    background: #3d5afe;
    border-color: #3d5afe;
    color: white;
    transform: rotate(180deg);
}

.modern-order-detail {
    margin-top: 24px;
    border-top: 1px solid #e4e4e4;
    display: none;
}

.modern-order-detail.show {
    display: block;
}

.modern-order-timeline {
    margin-bottom: 24px;
}

.modern-timeline-item {
    display: flex;
    gap: 16px;
    margin-bottom: 24px;
    position: relative;
}

.modern-timeline-item:not(:last-child)::before {
    content: "";
    position: absolute;
    left: 19px;
    top: 40px;
    width: 2px;
    height: calc(100% + 8px);
    background: #e4e4e4;
}

.modern-timeline-number {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #3d5afe;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 14px;
    flex-shrink: 0;
}

.modern-timeline-content {
    flex: 1;
}

.modern-timeline-title {
    font-size: 14px;
    font-weight: 600;
    color: #1a202c;
    margin-bottom: 8px;
}

.modern-timeline-text {
    font-size: 14px;
    color: #718096;
    line-height: 1.6;
    margin-bottom: 12px;
    font-weight: 400;
}

.modern-order-keys {
    background: #f7fafc;
    border-radius: 4px;
    padding: 16px;
    margin-top: 12px;
}

.modern-order-keys-title {
    font-size: 14px;
    font-weight: 600;
    color: #4a5568;
    margin-bottom: 12px;
}

.modern-order-key-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px;
    background: white;
    border-radius: 4px;
    margin-bottom: 8px;
    font-size: 12px;
}

.modern-order-key-item:last-child {
    margin-bottom: 0;
}

.modern-copy-btn {
    width: 32px;
    height: 32px;
    border-radius: 4px;
    border: 1px solid #e4e4e4;
    background: white;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #4a5568;
    cursor: pointer;
    transition: all 0.3s ease;
    flex-shrink: 0;
}

.modern-copy-btn:hover {
    background: #3d5afe;
    border-color: #3d5afe;
    color: white;
}

.modern-order-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 20px;
}

.modern-action-btn {
    padding: 10px 20px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500;
    border: 1px solid #e4e4e4;
    background: white;
    color: #4a5568;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: all 0.3s ease;
}

.modern-action-btn:hover {
    border-color: #3d5afe;
    color: #3d5afe;
    transform: translateY(-5px);
    text-decoration: none;
}

.modern-action-btn.primary {
    background: #3d5afe;
    border-color: transparent;
    color: white;
}

.modern-action-btn.primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(61, 90, 254, 0.3);
    background: #425efe;
    color: white;
}

.modern-action-btn.success {
    background: #11d377;
    border-color: transparent;
    color: white;
}

.modern-action-btn.success:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(61, 90, 254, 0.3);
    background: #0cb062;
    color: white;
}

.modern-empty-state {
    text-align: center;
    padding: 80px 20px;
    background: white;
    border-radius: 4px;
}

.modern-empty-icon {
    font-size: 60px;
    color: #cbd5e0;
    margin-bottom: 20px;
}

.modern-empty-text {
    font-size: 16px;
    color: #718096;
    font-weight: 500;
}

.modern-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    margin-top: 40px;
}

.modern-pagination a,
.modern-pagination span {
    width: 40px;
    height: 40px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 14px;
    text-decoration: none;
    transition: all 0.3s ease;
}

.modern-pagination a {
    background: white;
    border: 1px solid #e4e4e4;
    color: #4a5568;
}

.modern-pagination a:hover {
    border-color: #3d5afe;
    color: #3d5afe;
}

.modern-pagination a.active {
    background: #3d5afe;
    border-color: transparent;
    color: white;
}

.modern-pagination span {
    background: #f7fafc;
    border: 1px solid #e4e4e4;
    color: #cbd5e0;
}

/* İstatistik Kartları */
.modern-stats-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    margin-bottom: 30px;
}

.modern-stat-card {
    background: white;
    border-radius: 4px;
    padding: 20px;
    display: flex;
    align-items: center;
    gap: 16px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
    transition: all 0.3s ease;
    border: 1px solid #e4e4e4;
}

.modern-stat-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
}

.modern-stat-icon {
    width: 56px;
    height: 56px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    flex-shrink: 0;
}

.modern-stat-content {
    flex: 1;
}

.modern-stat-value {
    font-size: 20px;
    font-weight: 600;
    color: #1a202c;
    line-height: 1;
    margin-bottom: 4px;
}

.modern-stat-label {
    font-size: 14px;
    color: #718096;
    font-weight: 500;
}

/* Hızlı Filtre Butonları */
.modern-quick-filters {
    display: flex;
    gap: 12px;
    margin-bottom: 20px;
    flex-wrap: wrap;
}

.modern-quick-filter {
    padding: 10px;
    border-radius: 4px;
    background: white;
    border: 1px solid #e4e4e4;
    color: #4a5568;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-weight: 600;
    font-size: 14px;
    transition: all 0.3s ease;
}

.modern-quick-filter:hover {
    border-color: #3d5afe;
    color: #3d5afe;
    transform: translateY(-5px);
    text-decoration: none;
}

.modern-quick-filter.active {
    background: #3d5afe;
    border-color: #3d5afe;
    color: white;
}

.modern-quick-filter i {
    font-size: 18px;
}

@media (max-width: 991px) {
    .modern-stats-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }

    .modern-filters {
        grid-template-columns: 1fr;
    }

    .modern-order-card {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        padding: 16px;
        overflow: hidden;
    }

    .modern-order-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
        min-width: 0;
        width: 100%;
    }

    .modern-order-info {
        width: 100%;
        min-width: 0;
    }

    .modern-order-details {
        min-width: 0;
        flex: 1;
    }

    .modern-order-header>div[style*="text-align: right"],
    .modern-order-header>div[style*="text-align:right"] {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        text-align: left !important;
        margin-bottom: 0;
        min-width: 0;
    }

    .modern-order-header>div[style*="text-align: right"]>div,
    .modern-order-header>div[style*="text-align:right"]>div {
        text-align: left;
        min-width: 0;
    }

    .modern-order-price {
        text-align: left;
        width: auto;
    }

    .modern-order-toggle {
        flex-shrink: 0;
    }

    .modern-order-detail {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        overflow: hidden;
    }

    .modern-order-timeline {
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }

    .modern-timeline-item {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        gap: 12px;
    }

    .modern-timeline-content {
        min-width: 0;
        flex: 1;
        overflow: hidden;
    }

    .modern-order-keys {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        overflow: hidden;
    }

    .modern-order-key-item {
        min-width: 0;
        word-break: break-word;
        overflow-wrap: break-word;
    }

    .modern-order-key-item span {
        min-width: 0;
        word-break: break-word;
        overflow-wrap: break-word;
    }
}

@media (max-width: 576px) {
    .modern-stats-grid {
        grid-template-columns: 1fr;
    }
}

/* Dark Mode Styles */
body.dark .modern-orders-page {
    background: #121212 !important;
}

body.dark .modern-orders-header {
    background: #1e1e1f !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

body.dark .modern-orders-title {
    color: #fff !important;
}

body.dark .modern-orders-title i {
    color: #3d5afe !important;
}

body.dark .modern-filters .form-control,
body.dark .modern-filters .form-select {
    background-color: #2d2d2f !important;
    border-color: #37373b !important;
    color: #fff !important;
}

body.dark .modern-filters .form-control::placeholder,
body.dark .modern-filters .form-select {
    color: #9b9b9b !important;
}

body.dark .modern-filters .form-control:focus,
body.dark .modern-filters .form-select:focus {
    border-color: #3d5afe !important;
    box-shadow: 0 0 0 3px rgba(61, 90, 254, 0.2);
    background-color: #2d2d2f !important;
    color: #fff !important;
}

body.dark .modern-order-card {
    background: #1e1e1f !important;
    border-color: #2d2d2f !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

body.dark .modern-order-card:hover {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
}

body.dark .modern-order-card.expanded {
    border-color: #3d5afe !important;
}

body.dark .modern-order-image {
    border-color: #37373b !important;
}

body.dark .modern-order-product-name {
    color: #fff !important;
}

body.dark .modern-order-meta,
body.dark .modern-order-meta-item {
    color: #9b9b9b !important;
}

body.dark .modern-order-id {
    background: #2d2d2f !important;
    color: #cecece !important;
}

body.dark .modern-order-status.pending {
    background: rgba(254, 243, 199, 0.2) !important;
    color: #fbbf24 !important;
}

body.dark .modern-order-status.processing {
    background: rgba(219, 234, 254, 0.2) !important;
    color: #60a5fa !important;
}

body.dark .modern-order-status.completed {
    background: rgba(209, 250, 229, 0.2) !important;
    color: #34d399 !important;
}

body.dark .modern-order-status.cancelled {
    background: rgba(254, 226, 226, 0.2) !important;
    color: #f87171 !important;
}

body.dark .modern-order-price {
    color: #fff !important;
}

body.dark .modern-order-price-label {
    color: #9b9b9b !important;
}

body.dark .modern-order-toggle {
    background: #2d2d2f !important;
    border-color: #37373b !important;
    color: #cecece !important;
}

body.dark .modern-order-toggle:hover {
    border-color: #3d5afe !important;
    color: #3d5afe !important;
}

body.dark .modern-order-toggle.expanded {
    background: #3d5afe !important;
    border-color: #3d5afe !important;
    color: #fff !important;
}

body.dark .modern-order-detail {
    border-top-color: #2d2d2f !important;
}

body.dark .modern-timeline-item:not(:last-child)::before {
    background: #2d2d2f !important;
}

body.dark .modern-timeline-title {
    color: #fff !important;
}

body.dark .modern-timeline-text {
    color: #9b9b9b !important;
}

body.dark .modern-order-keys {
    background: #2d2d2f !important;
}

body.dark .modern-order-keys-title {
    color: #cecece !important;
}

body.dark .modern-order-key-item {
    background: #1e1e1f !important;
    color: #cecece !important;
}

body.dark .modern-copy-btn {
    background: #2d2d2f !important;
    border-color: #37373b !important;
    color: #cecece !important;
}

body.dark .modern-copy-btn:hover {
    background: #3d5afe !important;
    border-color: #3d5afe !important;
    color: #fff !important;
}

body.dark .modern-action-btn {
    background: #2d2d2f !important;
    border-color: #37373b !important;
    color: #cecece !important;
}

body.dark .modern-action-btn:hover {
    border-color: #3d5afe !important;
    color: #3d5afe !important;
}

body.dark .modern-action-btn.primary {
    background: #3d5afe !important;
    border-color: transparent !important;
    color: #fff !important;
}

body.dark .modern-action-btn.primary:hover {
    background: #425efe !important;
    color: #fff !important;
}

body.dark .modern-empty-state {
    background: #1e1e1f !important;
}

body.dark .modern-empty-icon {
    color: #37373b !important;
}

body.dark .modern-empty-text {
    color: #9b9b9b !important;
}

body.dark .modern-pagination a {
    background: #1e1e1f !important;
    border-color: #2d2d2f !important;
    color: #cecece !important;
}

body.dark .modern-pagination a:hover {
    border-color: #3d5afe !important;
    color: #3d5afe !important;
}

body.dark .modern-pagination a.active {
    background: #3d5afe !important;
    border-color: transparent !important;
    color: #fff !important;
}

body.dark .modern-pagination span {
    background: #2d2d2f !important;
    border-color: #37373b !important;
    color: #4c4c52 !important;
}

body.dark .modern-stat-card {
    background: #1e1e1f !important;
    border-color: #2d2d2f !important;
}

body.dark .modern-stat-value {
    color: #fff !important;
}

body.dark .modern-stat-label {
    color: #9b9b9b !important;
}

body.dark .modern-quick-filter {
    background: #1e1e1f !important;
    border-color: #2d2d2f !important;
    color: #cecece !important;
}

body.dark .modern-quick-filter:hover {
    border-color: #3d5afe !important;
    color: #3d5afe !important;
}

body.dark .modern-quick-filter.active {
    background: #3d5afe !important;
    border-color: #3d5afe !important;
    color: #fff !important;
}

body.dark .modern-search-btn {
    color: #fff !important;
}

body.dark .modern-search-btn:hover {
    color: #fff !important;
}

body.dark .modern-bulk-review-btn {
    background: #11d377 !important;
    color: #fff !important;
}

body.dark .modern-bulk-review-btn:hover {
    background: #10c56f !important;
    color: #fff !important;
}

body.dark .modern-timeline-number {
    color: #fff !important;
}

body.dark .modern-order-key-item[style*="background: white"],
body.dark .modern-order-key-item[style*="background:white"] {
    background: #1e1e1f !important;
}

body.dark div[style*="background: white"],
body.dark div[style*="background:white"],
body.dark div[style*="padding: 12px; background: white"] {
    background: #1e1e1f !important;
}

body.dark .cancel-reason-box {
    background: #1e1e1f !important;
    color: #cecece !important;
}

body.dark .modern-order-total {
    background-color: #1e1e1f !important;
    border-color: #2d2d2f !important;
    color: #fff !important;
}