@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(98.6, 98.6, 98.6, 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;
}
@keyframes tags--bump {
  30% {
    transform: scale(1.2);
  }
}
@keyframes rotateLoader {
  to {
    transform: rotate(1turn);
  }
}
.tagify {
  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;
}
.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;
}
@-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 {
  /* Seems firefox newer versions don't need this any more
  @supports ( -moz-appearance:none ){
      &::before{
          line-height: inherit;
          position:relative;
      }
  }
  */
}
.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;
}
.tagify__dropdown__item--active {
  background: var(--tagify-dd-color-primary);
  color: white;
}
.tagify__dropdown__item:active {
  filter: brightness(105%);
}
.tagify__dropdown__item {
  /* custom hidden transition effect is needed for horizontal-layout suggestions */
}
.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.hero:before {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 26%, rgb(29, 29, 29) 79%);
}
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: rgb(204, 61.6, 0);
}
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: rgb(10.2615384615, 46.8461538462, 253.7384615385);
}
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;
}
/* Sadece pasif thumb: aktif sekmede tema border-top (#DCBA7A vb.) ezilmesin */
body.dark .hero-slider .swiper-pagination .hero-tumb:not(.swiper-pagination-bullet-active) {
  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 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 .content {
  color: #7b7b84;
}
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(https://hesap.com.tr/assets/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;
  }
}
.dark section.cart .box {
  background: #1e1e1f !important;
  --bs-accordion-bg: #1e1e1f;
}

.dark section.cart .box .head .title,
.dark .coupon-section label,
.dark .total-row,
.dark .item-title a.text-dark {
  color: #ffffff !important;
}

.dark .coupon-input-group .form-control {
  background: #121212 !important;
  border-color: #121212 !important;
  color: #ffffff !important;
}

.dark section.cart .box .head {
  border-bottom: 1px solid rgba(174, 184, 203, 0.2) !important;
}

.dark .cart-item {
  border-bottom: 1px solid rgba(174, 184, 203, 0.2) !important;
}

.dark .balance-warning {
  background: #2c2c2e !important;
  border-color: rgba(174, 184, 203, 0.2) !important;
  color: rgba(174, 184, 203, 0.9) !important;
}

.dark .quantity-controls {
  background: #121212 !important;
  border-color: #121212 !important;
  color: #ffffff !important;
}

.dark .quantity-controls button {
  border-color: #0c0c0c !important;
  color: #ffffff !important;
  background: #0c0c0c !important;
}

.dark .bg-light {
  background: #1e1e1f !important;
  border-color: rgba(174, 184, 203, 0.2);
}

.dark .item-title {
  color: #ffffff !important;
}

.dark .item-category,
.dark .custom-data small,
.dark .payment-method .description,
.dark .empty-cart p {
  color: rgba(174, 184, 203, 0.9) !important;
}

.dark .price-display .normal-price,
.dark .price-display .discounted-price {
  color: #ffffff !important;
}

.dark .price-display .original-price {
  color: rgba(255, 255, 255, 0.55) !important;
}

.dark .summary-row {
  border-bottom: 1px solid rgba(174, 184, 203, 0.2) !important;
}

.dark section.cart .item-info .item-title a.text-dark {
  color: #fff !important;
}

/* Form elemanları */
.dark .form-control,
.dark .form-select {
  background: #121212 !important;
  border-color: #121212 !important;
  color: #ffffff !important;
}

.dark .form-control::placeholder {
  color: rgba(174, 184, 203, 0.9) !important;
}

/* Ödeme yöntemleri kutuları */
.dark .payment-method {
  background: #1e1e1f !important;
  border-color: rgba(174, 184, 203, 0.2) !important;
}

.dark .payment-method.selected {
  border-color: #3d5afe !important;
}

.dark .payment-method .name {
  color: #ffffff !important;
}

body.dark section.cart.cart-page-wrap .box {
  background-color: #1e1e1f !important;
  --bs-accordion-bg: #1e1e1f;
}
body.dark section.cart.cart-page-wrap .box .head {
  background-color: #1e1e1f !important;
  border-bottom: 1px solid rgba(174, 184, 203, 0.2) !important;
}
body.dark section.cart.cart-page-wrap .box .head .title {
  color: #fff !important;
}
body.dark section.cart.cart-page-wrap .box .body {
  background-color: #1e1e1f !important;
}
body.dark section.cart.cart-page-wrap .cart-item {
  border-bottom: 1px solid rgba(174, 184, 203, 0.2) !important;
}
body.dark section.cart.cart-page-wrap .summary-row {
  border-bottom: 1px solid rgba(174, 184, 203, 0.2) !important;
}
body.dark section.cart.cart-page-wrap .item-title,
body.dark section.cart.cart-page-wrap .item-title a,
body.dark section.cart.cart-page-wrap .coupon-section label,
body.dark section.cart.cart-page-wrap .total-row {
  color: #fff !important;
}
body.dark section.cart.cart-page-wrap .form-control,
body.dark section.cart.cart-page-wrap .form-select {
  background: #121212 !important;
  border-color: #121212 !important;
  color: #fff !important;
}
body.dark section.cart.cart-page-wrap .form-control::placeholder,
body.dark section.cart.cart-page-wrap .form-select::placeholder {
  color: rgba(174, 184, 203, 0.9) !important;
}
body.dark section.cart.cart-page-wrap .payment-method {
  background: #1e1e1f !important;
  border-color: rgba(174, 184, 203, 0.2) !important;
}
body.dark section.cart.cart-page-wrap .payment-method.selected {
  border-color: #3d5afe !important;
}
body.dark section.cart.cart-page-wrap .payment-method .name {
  color: #fff !important;
}
body.dark {
  /* Loading overlay dark uyum */
}
body.dark .loading-spinner {
  background: rgba(0, 0, 0, 0.55) !important;
  color: #fff !important;
}

/**
 * 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: rgb(205, 116.2204724409, 0) !important;
  border-color: rgb(205, 116.2204724409, 0) !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: 24px;
  font-family: "samsungsharpsans", serif;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
}
.hero .hero-btn {
  background: rgba(255, 255, 255, 0.3);
  backdrop-filter: blur(10px);
  color: #FF9101;
  font-size: 14px;
  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: 15px;
  line-height: normal;
  color: #fff;
}
.sub-hero .sub-item .details .title {
  font-family: SamsungSharpSans, serif;
  font-size: 19px;
  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: 28px;
  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: 15px;
  font-weight: 300;
}
.hero-slider .swiper-pagination {
  display: flex;
  height: 80px;
  align-items: center;
  justify-content: space-around;
  width: 100%;
  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: rgb(232.5, 131.0119047619, 0) !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 #e4e4e4;
  background-color: #fff;
  padding: 11px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 160px;
  max-height: 56px;
}
section.product-listing-products .item .number button {
  width: 34px;
  height: 34px;
  min-width: 34px;
  border-radius: 4px;
  background-color: #e4e4e4;
  color: #000;
  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: #000;
  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:not(:last-child) {
  margin-bottom: 10px;
}
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 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(https://hesap.com.tr/assets/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: 34px;
  height: 34px;
  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 1px 4px;
}
.product-card .product-body .detail ul {
  margin-top: 7px;
}
.product-card .product-body .detail ul li {
  color: #1e1e1f;
  font-size: 13px;
  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: 14px;
  color: #18324b;
  font-weight: 600;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 1.4;
  max-height: 38px;
  height: 38px;
  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: 15px;
}
.product-card .product-body .foot .tag {
  padding: 6px 6px;
  border-radius: 20px;
  background: rgba(61, 90, 254, 0.1);
  color: #3d5afe;
  font-size: 13px;
  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(https://hesap.com.tr/assets/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(https://hesap.com.tr/assets/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(https://hesap.com.tr/assets/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;
  background-size: cover;
}
.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(https://hesap.com.tr/assets/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: 14px;
  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("https://hesap.com.tr/assets/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: 16px;
  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("https://hesap.com.tr/assets/img/discordbg.jpg") center center no-repeat #3d5afe;
  background-size: cover;
}
.discord-card .card-box .title {
  color: #fff;
  font-size: 24px;
  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: rgb(204, 61.6, 0);
}
.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: rgb(10.2615384615, 46.8461538462, 253.7384615385);
}
.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(https://hesap.com.tr/assets/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(https://hesap.com.tr/assets/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: #3F51B5;
  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: rgb(205, 116.2204724409, 0);
  color: #fff;
}
.square-btn.clasic-hover.dark-orange:hover {
  background: rgb(204, 61.6, 0);
  color: #fff;
}
.square-btn.clasic-hover.blue:hover {
  background-color: rgb(10.2615384615, 46.8461538462, 253.7384615385);
  color: #fff;
}
.square-btn.clasic-hover.red:hover {
  background-color: rgb(249.9430051813, 16.0569948187, 16.0569948187);
  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: 35px;
  height: 35px;
}
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:not(:last-child) {
  margin-bottom: 10px;
}
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 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:not(:last-child) {
  margin-bottom: 10px;
}
.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 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(https://hesap.com.tr/assets/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: rgb(10.2615384615, 46.8461538462, 253.7384615385);
}
.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(https://hesap.com.tr/assets/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: rgb(10.2615384615, 46.8461538462, 253.7384615385);
}
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 .icon-minus {
  display: block;
}
section.affiliates-faq .faq-item .accordion-title.open .icon-plus {
  display: none;
}
section.affiliates-faq .faq-item .accordion-title.open {
  color: #3d5afe;
  cursor: pointer;
}
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.blue a {
  color: #325cf4;
}
.streamer-list .streamer-card .patform .icon.green {
  color: #11d377;
  background-color: rgba(17, 211, 119, 0.1);
}
.streamer-list .streamer-card .patform .icon.green a {
  color: #11d377;
}
.streamer-list .streamer-card .patform .icon.purple {
  color: #8d45f8;
  background-color: rgba(141, 69, 248, 0.1);
}
.streamer-list .streamer-card .patform .icon.purple a {
  color: #8d45f8;
}
.streamer-list .streamer-card .patform .icon.red {
  color: #ff0000;
  background-color: rgba(255, 0, 0, 0.1);
}
.streamer-list .streamer-card .patform .icon.red a {
  color: #ff0000;
}
.streamer-list .streamer-card .patform .icon.orange {
  color: #fd7e15;
  background-color: rgba(253, 126, 21, 0.1);
}
.streamer-list .streamer-card .patform .icon.orange a {
  color: #fd7e15;
}
.streamer-list .streamer-card .patform .icon.tiktok {
  color: #101626;
  background-color: rgba(16, 22, 38, 0.1);
}
.streamer-list .streamer-card .patform .icon.tiktok a {
  color: #101626;
}

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(https://hesap.com.tr/assets/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 rgb(173.7571428571, 187.5857142857, 215.2428571429);
}
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(https://hesap.com.tr/assets/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;
  }
  .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: 11px;
  }
  .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("https://hesap.com.tr/assets/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;
}

:root {
  --sv-radius: 4px;
  --sv-text: #111827;
  --sv-muted: #4b5563;
  --sv-border: rgba(0,0,0,.10);
  --sv-surface: #ffffff;
  --sv-surface-2: rgba(0,0,0,.03);
  --sv-primary: #3d5afe;
}

body.dark {
  --sv-text: rgba(255,255,255,.92);
  --sv-muted: rgba(255,255,255,.72);
  --sv-border: rgba(255,255,255,.14);
  --sv-surface: #121212;
  --sv-surface-2: rgba(255,255,255,.06);
}

.sv-wrap {
  color: var(--sv-text);
}

.sv-hero {
  border: 1px solid var(--sv-border);
  border-radius: var(--sv-radius);
  background: var(--sv-surface);
  overflow: hidden;
}

.sv-hero-inner {
  padding: 18px;
}

@media (min-width: 992px) {
  .sv-hero-inner {
    padding: 22px;
  }
}
.sv-kicker {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 10px;
  border: 1px solid var(--sv-border);
  border-radius: var(--sv-radius);
  background: var(--sv-surface);
  font-size: 13px;
  font-weight: 600;
  color: var(--sv-text);
}
.sv-kicker i {
  font-size: 16px;
}

.sv-title {
  margin: 10px 0 8px;
  font-size: 26px;
  font-weight: 700;
  letter-spacing: -0.2px;
  line-height: 1.15;
  color: var(--sv-text);
}

@media (min-width: 992px) {
  .sv-title {
    font-size: 32px;
  }
}
.sv-sub {
  margin: 0;
  color: var(--sv-muted);
  font-size: 14px;
  line-height: 1.7;
  font-weight: 400;
}

.sv-cta-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 14px;
}

.sv-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 11px 14px;
  border: 1px solid var(--sv-border);
  border-radius: var(--sv-radius);
  background: var(--sv-surface);
  color: var(--sv-text);
  text-decoration: none;
  font-weight: 600;
  transition: 0.15s ease;
}
.sv-btn:hover {
  background: var(--sv-surface-2);
  color: var(--sv-text);
  transform: translateY(-1px);
}
.sv-btn i {
  font-size: 18px;
}
.sv-btn.primary {
  background: var(--sv-primary);
  border-color: rgba(0, 0, 0, 0.1);
  color: #fff;
}
.sv-btn.primary:hover {
  filter: brightness(1.05);
  color: #fff;
  background: var(--sv-primary);
}

body.dark .sv-btn.primary {
  border-color: rgba(255, 255, 255, 0.14);
}

.sv-card {
  border: 1px solid var(--sv-border);
  border-radius: var(--sv-radius);
  background: var(--sv-surface);
  height: 100%;
}

.sv-card-body {
  padding: 16px;
}

.sv-card h3 {
  margin: 0 0 8px;
  font-size: 16px;
  font-weight: 700;
  color: var(--sv-text);
}
.sv-card p {
  margin: 0;
  color: var(--sv-muted);
  font-size: 13.5px;
  line-height: 1.7;
  font-weight: 400;
}

.sv-mini-banner {
  border: 1px solid var(--sv-border);
  border-radius: var(--sv-radius);
  background: var(--sv-surface);
}
.sv-mini-banner .inner {
  padding: 14px 16px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.sv-mini-banner b {
  font-weight: 700;
  color: var(--sv-text);
}
.sv-mini-banner .desc {
  color: var(--sv-muted);
  font-size: 13.5px;
}

.sv-eq-row .box {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.sv-eq-row .box .body {
  flex: 1;
}

.sv-steps {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
  margin-top: 14px;
}

@media (min-width: 992px) {
  .sv-steps {
    grid-template-columns: repeat(4, 1fr);
  }
}
.sv-step {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 10px 12px;
  border: 1px dashed var(--sv-border);
  border-radius: var(--sv-radius);
  background: var(--sv-surface-2);
}
.sv-step i {
  font-size: 18px;
  line-height: 1;
  margin-top: 2px;
  color: var(--sv-text);
  opacity: 0.9;
}
.sv-step .t {
  font-weight: 700;
  font-size: 13px;
  line-height: 1.2;
  color: var(--sv-text);
}
.sv-step .d {
  margin-top: 2px;
  font-size: 12.5px;
  line-height: 1.35;
  color: var(--sv-muted);
}

body.dark .sv-step {
  background: rgba(255, 255, 255, 0.03);
}

.sv-accordion .accordion-item {
  border: 1px solid var(--sv-border);
  border-radius: var(--sv-radius) !important;
  overflow: hidden;
  background: var(--sv-surface);
}
.sv-accordion .accordion-button {
  background: transparent !important;
  box-shadow: none !important;
  font-weight: 700;
  color: var(--sv-text) !important;
}
.sv-accordion .accordion-button:not(.collapsed) {
  background: var(--sv-surface-2) !important;
}
.sv-accordion .accordion-body {
  color: var(--sv-muted);
  font-size: 13.5px;
  line-height: 1.7;
}

.balance-load-modal {
  padding: 10px;
  text-align: left;
}

.balance-info-alert {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  background: rgba(61, 90, 254, 0.06);
  border: 1px solid rgba(61, 90, 254, 0.25);
  border-radius: 8px;
  padding: 12px 14px;
  margin-bottom: 14px;
}
.balance-info-alert i {
  font-size: 22px;
  color: #3d5afe;
  margin-top: 2px;
}
.balance-info-alert .text {
  display: flex;
  flex-direction: column;
  gap: 4px;
  font-size: 13px;
  color: #4a4a4a;
}
.balance-info-alert strong {
  color: #3d5afe;
  font-weight: 500;
  letter-spacing: 0.3px;
}

.balance-warning-box {
  background: #f8f9fa;
  border: 1px solid #e9ecef;
  border-radius: 6px;
  padding: 12px;
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  gap: 12px;
}
.balance-warning-box .warning-icon {
  font-size: 28px;
  color: #dc3545;
  display: flex;
  align-items: center;
}
.balance-warning-box .warning-text {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.balance-warning-box .label {
  font-size: 12px;
  color: #6c757d;
}
.balance-warning-box .amount {
  font-size: 18px;
  font-weight: 600;
  color: #dc3545;
}

.info-text {
  font-size: 13px;
  color: #495057;
  margin-bottom: 12px;
}

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

.payment-method-opt {
  border: 1px solid #e5e5e5;
  border-radius: 6px;
  padding: 12px 8px;
  text-align: center;
  cursor: pointer;
  transition: all 0.2s ease;
  background: #fff;
}
.payment-method-opt:hover {
  border-color: #325cf4;
  background: #f8f9ff;
}
.payment-method-opt .icon {
  font-size: 20px;
  margin-bottom: 6px;
  color: #325cf4;
}
.payment-method-opt .name {
  font-weight: 500;
  color: #1b0c4b;
  margin-bottom: 2px;
  font-size: 14px;
}
.payment-method-opt .desc {
  font-size: 11px;
  color: #7b7b84;
}

.payment-method-opt.selected {
  border-color: #325cf4;
  background: #f0f4ff;
}

.balance-load-btn {
  width: 100%;
  padding: 12px;
  background: #325cf4;
  color: #fff;
  border: none;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  opacity: 0.5;
}
.balance-load-btn:not(:disabled) {
  opacity: 1;
}
.balance-load-btn:not(:disabled):hover {
  background: #2748c9;
}

body.dark .balance-info-alert {
  background: rgba(220, 53, 69, 0.18);
  border-color: rgba(220, 53, 69, 0.45);
  color: rgba(255, 255, 255, 0.82);
}
body.dark .balance-info-alert .text {
  color: rgba(255, 255, 255, 0.72);
}
body.dark .balance-warning-box {
  background: #121212;
  border-color: #121212;
}
body.dark .balance-warning-box .label {
  color: #94a3b8;
}
body.dark .info-text {
  color: #cbd5e1;
}
body.dark .payment-method-opt {
  background: #121212;
  border-color: #121212;
}
body.dark .payment-method-opt:hover {
  background: #1a1a1a;
  border-color: #325cf4;
}
body.dark .payment-method-opt .name {
  color: #e2e8f0;
}
body.dark .payment-method-opt .desc {
  color: #94a3b8;
}
body.dark .payment-method-opt.selected {
  background: #1a1a1a;
  border-color: #325cf4;
}

#stickyCtaProduct {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #fff;
  z-index: 999;
  display: none;
  box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
}

@media (max-width: 768px) {
  #stickyCtaProduct {
    bottom: 80px;
  }
  #stickyCtaProduct .container-xxl {
    flex-direction: row !important;
  }
  #stickyCtaProduct .left .title {
    display: none !important;
  }
  #stickyCtaProduct .price {
    padding: 5px;
  }
  .sticky-cta .thumb {
    width: 65px !important;
    height: 65px !important;
  }
  .sticky-cta .number {
    height: 40px !important;
  }
  .sticky-cta .number button {
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
  }
  .sticky-cta .number button i {
    font-size: 18px !important;
  }
  .sticky-cta .btn-buy {
    height: 65px !important;
  }
  .sticky-cta .btn-buy i {
    margin-right: 0 !important;
  }
}
@media (max-width: 990px) {
  a.gotop {
    bottom: 160px !important;
  }
}
body.dark #stickyCtaProduct {
  background: #1e1e20;
  box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.5);
}

#toast-container {
  pointer-events: none;
  position: fixed;
  z-index: 999999999999;
}

@media only screen and (max-width: 768px) {
  #toast-container {
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    z-index: 999999999999;
  }
  #toast-container > div {
    opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    filter: alpha(opacity=100);
  }
}
.customPopupSwal input[type=number]::-webkit-inner-spin-button,
.customPopupSwal input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.customPopupSwal input[type=number] {
  -moz-appearance: textfield;
}

@media (max-width: 768px) {
  form.buy.pnew {
    flex-wrap: wrap !important;
    justify-content: flex-end !important;
  }
  form.buy.pnew .number {
    width: 100% !important;
    justify-content: center !important;
  }
  form.buy.pnew .d-flex.gap-2 {
    width: 100% !important;
  }
  form.buy.pnew .d-flex.gap-2 > button {
    flex: 1 1 0 !important;
    min-width: 0 !important;
  }
}
.pnew .btn-buy.orange {
  background: #ff9103 !important;
  border-color: #ff9103 !important;
  color: #fff !important;
}
.pnew .btn-buy.orange:hover {
  background: #d97b01 !important;
  border-color: #d97b01 !important;
}

@media (min-width: 769px) {
  form.buy.pnew {
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 12px !important;
  }
  form.buy.pnew .number {
    flex: 0 0 150px !important;
    width: 150px !important;
    min-width: 150px !important;
  }
  form.buy.pnew .number input {
    width: 40px !important;
    text-align: center !important;
  }
  form.buy.pnew .d-flex.gap-2 {
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }
  form.buy.pnew .d-flex.gap-2 > button {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    white-space: nowrap !important;
  }
}
.catbir .btn-buy.orange {
  background: #ff9103 !important;
  border-color: #ff9103 !important;
  color: #fff !important;
}
.catbir .btn-buy.orange:hover {
  background: #d97b01 !important;
  border-color: #d97b01 !important;
}

@media (min-width: 769px) {
  form.buy.catbir {
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 12px !important;
  }
  form.buy.catbir .number {
    flex: 0 0 150px !important;
    width: 150px !important;
    min-width: 150px !important;
  }
  form.buy.catbir .number input {
    width: 40px !important;
    text-align: center !important;
  }
  form.buy.catbir .btn-row {
    display: flex !important;
    gap: 10px !important;
    flex: 0 1 auto !important;
    min-width: 0 !important;
  }
  form.buy.catbir .btn-row > button {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    white-space: nowrap !important;
  }
}
@media (max-width: 768px) {
  form.buy.catbir {
    flex-wrap: wrap !important;
    justify-content: flex-end !important;
  }
  form.buy.catbir .number {
    width: 100% !important;
    justify-content: center !important;
  }
  form.buy.catbir .btn-row {
    width: 100% !important;
    display: flex !important;
    gap: 10px !important;
  }
  form.buy.catbir .btn-row > button {
    flex: 1 1 0 !important;
    min-width: 0 !important;
  }
}
#productAddCartBtn,
#stickyProductAddCartBtn {
  background: #ff9103 !important;
  border-color: #ff9103 !important;
  color: #fff !important;
}

#productAddCartBtn:hover,
#stickyProductAddCartBtn:hover {
  background: #d97b01 !important;
  border-color: #d97b01 !important;
}

section.detail.pr .boxtab .body .content a {
  color: #0b57d0 !important;
}

section.detail.pr .boxtab .body .content a:hover {
  color: #11d377 !important;
}

.sub-hero-min .sub-item .details .subTitle {
  font-size: 14px;
}

.sub-hero-min .sub-item .details .title {
  font-weight: 600;
  font-size: 18px;
}

@keyframes "discountConfettiFall" {
  0% {
    transform: translate3d(0, 0, 0) rotate(var(--r, 0deg));
    opacity: 0;
  }
  12% {
    opacity: 0.95;
  }
  100% {
    transform: translate3d(calc((var(--dx, 0.5) - 0.5) * 160px), var(--fy, 160px), 0) rotate(calc(var(--r, 0deg) + 540deg));
    opacity: 0;
  }
}
.discountBox {
  position: relative;
  overflow: hidden;
  border-radius: 4px;
  padding: 12px;
}
.discountBox .bg {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.discountBox .bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.discountBox .confetti {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  overflow: hidden;
}
.discountBox .confetti i {
  position: absolute;
  top: -18px;
  left: calc(var(--x, 50) * 1%);
  width: var(--w, 6px);
  height: var(--h, 10px);
  background: var(--c, #ffd54f);
  opacity: 0.9;
  border-radius: 2px;
  transform: translate3d(0, 0, 0) rotate(var(--r, 0deg));
  animation: discountConfettiFall var(--t, 2.8s) linear var(--d, 0s) infinite;
  will-change: transform, opacity;
}
.discountBox .content {
  position: relative;
  z-index: 2;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  height: 100%;
}
.discountBox .content .big {
  font-size: 15px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.2px;
  text-align: left;
  max-width: 70%;
}
.discountBox .content .right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  flex-shrink: 0;
}
.discountBox .content .right .area {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 7px 12px;
  border-radius: 9999px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.18);
  cursor: pointer;
  transition: all 0.2s ease;
}
.discountBox .content .right .area:hover {
  background: rgba(255, 255, 255, 0.12);
  transform: translateY(-1px);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15);
}
.discountBox .content .right .area i {
  font-size: 18px;
  color: #ffd54f;
}
.discountBox .content .right .area span:not(.copy) {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 13px;
  letter-spacing: 0.3px;
  color: #fff;
}
.discountBox .content .right .area .copy {
  background: linear-gradient(135deg, #ff9800 0%, #ffb74d 100%);
  color: #111;
  padding: 6px 10px;
  border-radius: 9999px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.4px;
  text-transform: uppercase;
  box-shadow: 0 2px 8px rgba(255, 152, 0, 0.35);
  transition: filter 0.2s ease;
}
.discountBox .content .right .area .copy:hover {
  filter: brightness(1.05);
}
.discountBox .content .right .countdown {
  display: flex;
  align-items: center;
  gap: 6px;
  color: #fff;
  font-size: 13px;
  line-height: 1;
}
.discountBox .content .right .countdown i {
  font-size: 18px;
  color: #ffd54f;
}
.discountBox .content .right .countdown span {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  letter-spacing: 0.3px;
}

@media only screen and (max-width: 768px) {
  .discountBox {
    padding: 10px;
    min-height: 74px;
  }
  .discountBox .content {
    padding: 8px 10px;
    border-radius: 10px;
    gap: 10px;
    flex-direction: column;
  }
  .discountBox .content .big {
    font-size: 14px;
    max-width: 100%;
    text-align: center;
  }
  .discountBox .content .right .area {
    padding: 6px 9px;
    gap: 6px;
  }
  .discountBox .content .right .area span:not(.copy) {
    font-size: 12px;
  }
  .discountBox .content .right .area .copy {
    font-size: 10px;
    padding: 5px 8px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .discountBox .confetti {
    display: none;
  }
}
.cart-hero {
  position: relative;
  border-radius: 4px;
  overflow: hidden;
  min-height: 140px;
  display: flex;
  align-items: center;
  padding: 26px 28px;
  background-size: cover;
  background-position: top center;
  box-shadow: 0 10px 30px rgba(56, 53, 67, 0.1);
  background-image: url(https://cdn.hesap.com.tr/cache/../assets/img/basvuru-sayfasi.jpg);
}
.cart-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(10, 10, 14, 0.72), rgba(10, 10, 14, 0.2));
}
.cart-hero-content {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  gap: 16px;
}
.cart-hero-left {
  display: flex;
  align-items: center;
  gap: 14px;
  min-width: 0;
}
.cart-hero-icon {
  width: 46px;
  height: 46px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.14);
  border: 1px solid rgba(255, 255, 255, 0.18);
  color: #fff;
  flex: 0 0 auto;
}
.cart-hero-title {
  margin: 0;
  font-family: Gilroy, serif;
  font-weight: 600;
  font-size: 22px;
  color: #fff;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cart-hero-subtitle {
  margin: 4px 0 0 0;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.85);
}
@media (max-width: 768px) {
  .cart-hero {
    padding: 18px 16px;
    min-height: 120px;
  }
  .cart-hero-content {
    flex-direction: column;
    align-items: flex-start;
  }
  .cart-hero-title {
    font-size: 20px;
  }
}

section.cart {
  margin-top: 20px;
}
section.cart.cart-page-wrap {
  margin-top: 18px;
}
section.cart .box {
  border-radius: 4px;
  background-color: #FFFFFF;
  color: #55565e;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.4;
  margin-bottom: 20px;
  box-shadow: 0 0 32px 0 rgba(56, 53, 67, 0.1);
  height: 100%;
}
section.cart .box .head {
  border-bottom: 1px solid #e5e5e5;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 84px;
  padding: 0 40px;
}
section.cart .box .head .title {
  font-family: Gilroy, serif;
  font-size: 18px;
  font-weight: 600;
  color: #1b0c4b;
  margin-bottom: 0;
  display: flex;
  align-items: center;
}
section.cart .box .head .title i {
  color: #325cf4;
  margin-right: 10px;
}
section.cart .box .body {
  padding: 20px 40px;
}
section.cart .cart-item {
  border-bottom: 1px solid #e5e5e5;
  padding: 10px 0;
}
section.cart .cart-item:last-child {
  border-bottom: none;
}
section.cart .item-icon {
  position: relative;
}
section.cart .item-icon img {
  border-radius: 4px;
  box-shadow: 0 0 32px 0 rgba(56, 53, 67, 0.1);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
section.cart .item-icon a:hover img {
  transform: scale(1.05);
  box-shadow: 0 0 32px 0 rgba(56, 53, 67, 0.2);
}
section.cart .item-icon .discount-badge {
  position: absolute;
  top: -5px;
  left: -8px;
  font-size: 11px;
  font-weight: 700;
  color: #fff;
  background-color: #31e072;
  padding: 3px 8px;
  border-radius: 4px;
  line-height: 1.2;
  box-shadow: 0 2px 4px rgba(49, 224, 114, 0.3);
  z-index: 10;
}
@media (max-width: 768px) {
  section.cart .item-icon {
    text-align: center;
    margin-bottom: 15px;
  }
  section.cart .item-icon img {
    max-width: 100px !important;
    max-height: 100px !important;
  }
  section.cart .item-icon .discount-badge {
    top: -8px !important;
    right: -8px !important;
    left: auto !important;
    font-size: 12px;
    padding: 4px 8px;
  }
}
@media (max-width: 768px) {
  section.cart .item-info {
    text-align: center;
    margin-bottom: 20px;
  }
}
section.cart .item-info .item-title {
  font-family: Gilroy, serif;
  font-size: 16px;
  font-weight: 600;
  color: #1b0c4b;
  margin-bottom: 5px;
}
section.cart .item-info .item-title a.text-dark {
  color: #1b0c4b !important;
  transition: color 0.2s ease;
  text-align: left;
}
section.cart .item-info .item-title a:hover {
  color: #325cf4 !important;
}
@media (max-width: 768px) {
  section.cart .item-info .item-title {
    font-size: 16px !important;
    margin-bottom: 15px !important;
    line-height: 1.4 !important;
  }
  section.cart .item-info .item-title a {
    color: #333 !important;
    font-weight: 600;
  }
}
section.cart .item-info .item-category {
  font-size: 14px;
  color: #7b7b84;
  margin-bottom: 5px;
}
section.cart .item-price {
  font-size: 16px;
  font-weight: 600;
  color: #325cf4;
}
section.cart .custom-data {
  margin-top: 8px;
}
section.cart .custom-data small {
  font-size: 12px;
  color: #7b7b84;
  display: block;
  margin-bottom: 2px;
}
section.cart .custom-data small i {
  color: #325cf4;
  font-size: 14px;
}
@media (max-width: 768px) {
  section.cart .custom-data {
    margin-top: 15px;
  }
  section.cart .custom-data .badge {
    font-size: 12px;
    padding: 6px 10px;
  }
}
section.cart .quantity-controls {
  border-radius: 4px;
  border: 1px solid #e5e5e5;
  background-color: #fff;
  padding: 4px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 120px;
}
section.cart .quantity-controls .btn {
  min-height: 44px;
  min-width: 44px;
}
section.cart .quantity-controls .form-control {
  min-height: 44px;
  text-align: center;
}
section.cart .quantity-controls button {
  width: 22px;
  height: 22px;
  min-width: 22px;
  border-radius: 4px;
  background-color: rgba(229, 229, 229, 0.6);
  color: #000;
  font-size: 14px;
  font-weight: 400;
  border: 0;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}
section.cart .quantity-controls button:hover {
  background-color: #e5e5e5;
}
section.cart .quantity-controls input {
  width: 40px;
  color: #9A9A9A;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  border: 0;
  background: transparent;
  box-shadow: none;
  padding: 0;
}
section.cart .quantity-controls input:focus {
  outline: none;
  box-shadow: none;
}
@media (max-width: 768px) {
  section.cart .quantity-controls {
    max-width: 100%;
    margin: 0;
    justify-content: center;
  }
  section.cart .quantity-controls .btn {
    min-width: 35px;
    min-height: 35px;
    font-size: 14px;
  }
  section.cart .quantity-controls .form-control {
    min-height: 35px;
    font-size: 14px;
    font-weight: 600;
  }
}
section.cart .price-display {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3px;
}
section.cart .price-display .original-price {
  font-family: Gilroy, serif;
  font-size: 13px;
  font-weight: 400;
  color: #9A9A9A;
  text-decoration: line-through;
  line-height: 1;
}
section.cart .price-display .discounted-price, section.cart .price-display .normal-price {
  font-family: Gilroy, serif;
  font-size: 17px;
  font-weight: 600;
  color: #1b0c4b;
  line-height: 1;
}
@media (max-width: 768px) {
  section.cart .price-display {
    gap: 4px;
  }
  section.cart .price-display .original-price {
    font-size: 12px;
    color: #6c757d;
  }
  section.cart .price-display .discounted-price {
    font-size: 16px;
    color: #28a745;
  }
  section.cart .price-display .normal-price {
    font-size: 16px;
    color: #333;
  }
}
@media (max-width: 768px) {
  section.cart .item-total {
    text-align: center;
    margin: 0;
  }
}
section.cart .item-actions {
  display: flex;
  gap: 8px;
  align-items: center;
}
section.cart .item-actions .btn {
  width: 34px;
  height: 34px;
  min-width: 34px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  font-size: 16px;
  font-weight: 400;
  border: 0;
  transition: all 0.3s ease;
}
section.cart .item-actions .btn-outline-primary {
  background-color: rgba(61, 90, 254, 0.2);
  color: #3D5AFE;
}
section.cart .item-actions .btn-outline-primary:hover {
  background-color: #3d5afe;
  color: #fff;
}
section.cart .item-actions .btn-outline-danger {
  background-color: rgba(220, 53, 69, 0.2);
  color: #dc3545;
}
section.cart .item-actions .btn-outline-danger:hover {
  background-color: #dc3545;
  color: #fff;
}
@media (max-width: 768px) {
  section.cart .item-actions {
    justify-content: center;
  }
  section.cart .item-actions .btn {
    min-width: 35px;
    min-height: 35px;
    font-size: 14px;
  }
}
section.cart .order-summary .summary-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 0;
  border-bottom: 1px solid #e5e5e5;
  font-size: 15px;
}
section.cart .order-summary .summary-row:last-child {
  border-bottom: none;
}
@media (max-width: 768px) {
  section.cart .order-summary .summary-row {
    font-size: 16px;
    padding: 12px 0;
  }
}
section.cart .order-summary .total-row {
  font-size: 18px;
  font-weight: 600;
  color: #1b0c4b;
  margin-top: 10px;
  padding-top: 10px;
}
@media (max-width: 768px) {
  section.cart .order-summary .total-row {
    font-size: 20px;
    padding: 15px 0;
  }
}
section.cart .coupon-section label {
  font-family: Gilroy, serif;
  font-size: 15px;
  font-weight: 600;
  color: #1b0c4b;
  margin-bottom: 10px;
}
section.cart .coupon-input-group {
  display: flex;
  gap: 10px;
  margin-bottom: 15px;
}
section.cart .coupon-input-group .form-control {
  flex: 1;
  height: 50px;
  border-radius: 4px;
  border: 1px solid #e5e9f1;
  box-shadow: 0 0 32px 0 rgba(56, 53, 67, 0.1);
  padding: 0 15px;
  font-size: 15px;
}
section.cart .coupon-input-group .form-control::placeholder {
  color: #353c44;
  opacity: 1;
}
@media (max-width: 768px) {
  section.cart .coupon-input-group {
    gap: 15px;
  }
  section.cart .coupon-input-group .form-control, section.cart .coupon-input-group .btn {
    height: 55px;
    min-height: 55px;
    font-size: 16px;
  }
}
section.cart .coupon-used-wrap {
  position: relative;
  overflow: hidden;
  border-radius: 12px;
  padding: 10px 12px;
  background: linear-gradient(135deg, rgba(49, 224, 114, 0.12) 0%, rgba(50, 92, 244, 0.06) 100%);
  border: 1px solid rgba(27, 12, 75, 0.1);
}
section.cart .coupon-used-wrap .coupon-used-head, section.cart .coupon-used-wrap .coupon-used-sub {
  position: relative;
  z-index: 1;
}
section.cart .coupon-used-wrap .coupon-used-head {
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: Gilroy, serif;
  margin-bottom: 4px;
  justify-content: center;
}
section.cart .coupon-used-wrap .coupon-used-text {
  font-family: Gilroy, serif;
  font-size: 15px;
  font-weight: 600;
  color: #1b0c4b;
}
section.cart .coupon-used-wrap .coupon-used-sub {
  font-size: 13px;
  color: #6c757d;
  text-align: center;
}
section.cart .coupon-used-wrap .coupon-used-rain {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  overflow: hidden;
}
section.cart .coupon-used-wrap .coupon-used-rain i {
  position: absolute;
  top: -18px;
  left: calc(var(--x, 50) * 1%);
  width: var(--w, 6px);
  height: var(--h, 10px);
  background: var(--c, #31e072);
  opacity: 0.95;
  border-radius: 2px;
  transform: translate3d(0, 0, 0) rotate(var(--r, 0deg));
  animation: couponConfettiFall var(--t, 2.9s) linear var(--d, 0s) infinite;
  will-change: transform, opacity;
}
section.cart .checkout-actions .btn {
  height: 50px;
  border-radius: 4px;
  font-family: Gilroy, serif;
  font-size: 15px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border: none;
  transition: all 0.3s ease;
}
section.cart .checkout-actions .btn.square-btn.green {
  background-color: #31e072;
  color: #fff;
}
section.cart .checkout-actions .btn.square-btn.green:hover {
  background-color: #27b35a;
}
section.cart .checkout-actions .btn.square-btn.red {
  background-color: #dc3545;
  color: #fff;
}
section.cart .checkout-actions .btn.square-btn.red:hover {
  background-color: #c82333;
}
section.cart .checkout-actions .btn.square-btn.blue {
  background-color: #325cf4;
  color: #fff;
}
section.cart .checkout-actions .btn.square-btn.blue:hover {
  background-color: #2a4fd4;
}
@media (max-width: 768px) {
  section.cart .checkout-actions .btn {
    height: 60px;
    font-size: 18px;
    font-weight: 600;
  }
}
section.cart .balance-warning {
  background: #f8f9fa;
  border: 1px solid #e9ecef;
  border-radius: 4px;
  padding: 12px;
  margin-bottom: 12px;
  text-align: center;
}
section.cart .balance-warning h4 {
  margin-bottom: 4px;
  font-weight: 500;
  color: #6c757d;
  font-size: 14px;
}
section.cart .balance-warning p {
  color: #6c757d;
  font-size: 12px;
  margin-bottom: 4px;
}
section.cart .balance-warning .amount {
  font-size: 16px;
  font-weight: 600;
  color: #dc3545;
  margin: 4px 0;
}
@media (max-width: 768px) {
  section.cart .balance-warning .amount {
    font-size: 14px;
  }
}
section.cart .payment-methods {
  display: flex;
  gap: 8px;
  margin: 16px 0;
  justify-content: space-between;
}
section.cart .payment-methods .payment-method {
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  padding: 12px 8px;
  text-align: center;
  cursor: pointer;
  transition: all 0.2s ease;
  background: white;
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 70px;
}
section.cart .payment-methods .payment-method:hover {
  border-color: #325cf4;
  background: #f8f9ff;
}
section.cart .payment-methods .payment-method.selected {
  border-color: #325cf4;
  background: #f0f4ff;
}
section.cart .payment-methods .payment-method .icon {
  font-size: 20px;
  margin-bottom: 6px;
  color: #325cf4;
}
section.cart .payment-methods .payment-method .name {
  font-weight: 500;
  color: #1b0c4b;
  margin-bottom: 2px;
  font-size: 14px;
}
section.cart .payment-methods .payment-method .description {
  font-size: 11px;
  color: #7b7b84;
}
@media (max-width: 768px) {
  section.cart .payment-methods {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 6px;
  }
  section.cart .payment-methods .payment-method {
    padding: 10px 6px;
    min-height: 62px;
  }
  section.cart .payment-methods .payment-method .icon {
    font-size: 18px;
    margin-bottom: 4px;
  }
  section.cart .payment-methods .payment-method .name {
    font-size: 12px;
    margin-bottom: 1px;
  }
  section.cart .payment-methods .payment-method .description {
    font-size: 10px;
  }
}
section.cart .empty-cart {
  text-align: center;
  padding: 60px 20px;
}
section.cart .empty-cart-icon {
  font-size: 4rem;
  color: #c6c6c6;
  margin-bottom: 20px;
}
section.cart .empty-cart h5 {
  font-family: Gilroy, serif;
  font-size: 20px;
  font-weight: 600;
  color: #7b7b84;
  margin-bottom: 10px;
}
section.cart .empty-cart p {
  font-size: 16px;
  color: #7b7b84;
  margin-bottom: 30px;
}

/*# sourceMappingURL=main2.css.map */