.home-slider .swiper-button-prev,
.home-slider .swiper-container-rtl .swiper-button-next {
  left: 5%;

  font-size: 30px;
}

.home-slider .swiper-button-next,
.home-slider .swiper-container-rtl .swiper-button-prev {
  right: 5%;

  font-size: 30px;
}

.home-desc {
  padding: 60px 0;
}

.cat-desc {
  padding: 60px 0;
}

.cat-desc .accordion-button {
  flex-direction: row-reverse;

  justify-content: start;

  gap: 20px;

  font-size: 24px;

  color: #040404;

  font-weight: 700;

  background: #f3f4f7;

  border-color: #f3f4f7;

  box-shadow: none;
}

.cat-desc .accordion-body {
  padding: 1rem 1.25rem 1.25rem 3.75rem;
}

.cat-desc .accordion-button::after {
  margin-left: unset;
}

.cat-desc .accordion-button::after {
  background-image: url("./../img/icon/minus-solid.svg");
}

.cat-desc .accordion-button:not(.collapsed)::after {
  background-image: url("./../img/icon/plus-solid.svg");
}

.vsc {
  overflow-y: auto;

  max-height: 222px;

  padding-right: 5%;
}

.vsc::-webkit-scrollbar {
  width: 5px;
}

/* Track */

.vsc::-webkit-scrollbar-track {
  background: #fff;
}

/* Handle */

.vsc::-webkit-scrollbar-thumb {
  background: #888;

  border-radius: 5px;
}

/* Handle on hover */

.vsc::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.tpexclusive__btn .tp-btn {
  background: #fff;
  color: #333;
  border-color: #fff;
}

.tpexclusive__btn .tp-btn:hover {
  color: #fff !important;
}

.white-product-area {
  padding-bottom: 20px;
}

.white-product-area .swiper-container.product-active {
  padding-bottom: 75px;
}

.white-product-area .swiper-container.product-active .greenslider-pagination {
  left: -250px !important;
}

.swiper-container.platinam-pro-active {
  padding-bottom: 100px;
}

.swiper-container.testi-active {
  padding-bottom: 100px;
}

.swiper-container.blog-active {
  padding-bottom: 100px;
}

.tpallblog {
  display: flex;

  justify-content: flex-end;

  gap: 30px;

  align-items: baseline;
}

.tpallblog .blog-btn {
  color: #999;
}

.tpallblog .tpplatiarrow {
  gap: 20px;
}

.tpplatiarrow2__prv,
.tpplatiarrow2__nxt {
  color: #040404;

  font-size: 16px;

  font-weight: 600;

  display: flex;

  align-items: baseline;

  gap: 5px;
}

.fab.fa-twitter {
  font-family: sans-serif;
}

.fab.fa-twitter::before {
  content: "𝕏";

  font-size: 1.2em;
}

.product-sidebar__product-item {
  margin-right: 0px;
}

.product-sidebar__product-category {
  margin-left: 0px;
}

.switch {
  position: relative;

  display: inline-block;

  width: 30px;

  height: 17px;
}

.switch input {
  opacity: 0;

  width: 0;

  height: 0;
}

.switch .slider {
  position: absolute;

  cursor: pointer;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  background-color: #ddd;

  -webkit-transition: 0.4s;

  transition: 0.4s;
}

.switch .slider:before {
  position: absolute;

  content: "";

  height: 13px;

  width: 13px;

  left: 2px;

  bottom: 2px;

  background-color: #040404;

  -webkit-transition: 0.4s;

  transition: 0.4s;
}

.switch input:checked + .slider {
  background-color: #040404;
}

.switch input:focus + .slider {
  box-shadow: 0 0 1px #040404;
}

.switch input:checked + .slider:before {
  -webkit-transform: translateX(13px);

  -ms-transform: translateX(13px);

  transform: translateX(13px);

  background-color: #fff;
}

/* Rounded sliders */

.switch .slider.round {
  border-radius: 17px;
}

.switch .slider.round:before {
  border-radius: 50%;
}

.sw-sidebar {
  display: flex;

  justify-content: space-between;

  align-items: center;

  margin-bottom: 15px;
}

.sw-sidebar .sw-title {
  font-weight: 500;

  font-size: 15px;

  color: #777;
}

.fs-live button {
  left: 10px;
}

.fs-live button i {
  font-size: 16px;
}

.fs-live input {
  height: 35px;

  width: calc(100% - 20px);

  padding: 5px 10px 5px 35px;

  font-size: 12px;

  line-height: 1;
}

.fs-live input::placeholder {
  font-size: 12px;

  line-height: 1;
}

.fscroll {
  width: 100%;

  height: 140px;

  overflow: scroll;

  overflow-x: hidden;

  display: flex;

  flex-direction: column;

  gap: 15px;
}

.fscroll::-webkit-scrollbar {
  width: 5px;
}

/* Track */

.fscroll::-webkit-scrollbar-track {
  background: #fff;
}

/* Handle */

.fscroll::-webkit-scrollbar-thumb {
  background: #888;

  border-radius: 5px;
}

/* Handle on hover */

.fscroll::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.tpdealcontact__countdown {
  display: grid;

  gap: 10px;

  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.tpdealcontact__countdown span {
  margin-right: 0px !important;
}

.tpdealcontact__countdown span.cdown {
  font-size: 26px;

  width: 90px;

  height: auto;
}

.editor-content h1 {
  font-weight: 700;
}

.editor-content h2 {
  font-weight: 700;
}

.editor-content h3 {
  font-weight: 700;
}

.editor-content h4 {
  font-weight: 700;
}

.editor-content h5 {
  font-weight: 700;
}

.editor-content h6 {
  font-weight: 700;
}

.editor-content p {
  font-family: var(--tp-ff-p);

  font-size: 18px;

  font-weight: 400;

  color: #777;

  margin-bottom: 15px;

  line-height: 26px;
}

.labels {
  display: grid;

  grid-template-columns: 1fr 1fr 1fr;

  gap: 5px;
}

.labels a,
.labels.titles a {
  padding: 5px 10px 5px 10px;

  font-size: 12px;

  line-height: 1;

  background-color: var(--tp-grey-2);

  border-radius: 6px;

  color: #777;
  display: flex;
  align-items: center;
}

.labels a:hover,
.labels.titles a:hover {
  color: var(--tp-text-body);
}

.copy-text {
  padding-left: 5px;

  cursor: pointer;
}

.input-file {
  height: 60px;

  width: 100%;

  padding: 5px 20px;

  border: 1px solid var(--tp-border-1);

  border-radius: 6px;

  outline: none;

  transition: all 0.3s ease-out 0s;

  display: flex;

  justify-content: space-between;

  align-items: center;

  background-color: #fff;

  cursor: pointer;
}

.input-file i {
  color: #777;
}

.obf-form {
  background: #f3f4f7;

  padding: 25px 30px;
}

.obf-form label:not(.input-file) {
  margin-bottom: 5px;
}

.obf-content h2 {
  font-weight: 700;

  font-size: 24px;

  margin-bottom: 20px;
}

.obf-content li {
  list-style-type: none;

  color: #777;

  display: flex;

  align-items: center;

  margin-bottom: 15px;

  gap: 10px;

  font-size: 14px;

  line-height: 1.5;
}

.obf-content li::before {
  content: "";

  display: inline-block;

  height: 46px;

  width: 46px;

  background-image: url("./../img/icon/check.png");

  background-size: contain;

  background-repeat: no-repeat;

  min-width: 46px;
}

.coupon-all {
  margin: 30px 0;

  display: flex;

  height: auto;
}

.coupon-all .coupon {
  display: flex;

  width: 100%;

  justify-content: space-between;
}

.coupon-all .coupon input {
  min-width: 154px;

  height: 40px !important;

  border: 1px solid var(--tp-border-1);

  font-size: 15px;

  color: #6f7172;
  
  font-weight: 600;

  padding: 10px ;
}

.coupon-all .coupon input::placeholder{
  color: #6f7172;
  
  font-weight: 600;
}

.coupon-all .coupon button {
  font-size: 11px;

  padding: 10px 15px;

  height: 40px;
}

.cart-page-total {
  padding-top: 0px;
}

.btn-odeme {
  width: 100%;

  text-align: center;
}

.sepet-tablosu {
  margin-bottom: 30px;
}

.sepet-tablosu .product-thumbnail img {
  width: 60px;

  border-radius: 10px;
}

.sepet-tablosu .table-content table td {
  font-size: 14px;

  padding: 10px 5px;

  color: #777;
}

.sepet-tablosu .table-content table th {
  font-size: 14px;

  background: #f3f3f3;

  line-height: 1.5;
}

.sepet-tablosu .top-area {
  display: flex;

  gap: 20px;

  height: 50px;

  align-items: baseline;
}

.sepet-tablosu .top-area .buttons {
  display: flex;

  gap: 10px;

  align-items: center;

  width: 70%;
}

.sepet-tablosu .top-area .buttons a {
  font-size: 10px;

  width: max-content;

  padding: 8px 12px;

  display: flex;

  gap: 3px;
}

.sepet-tablosu .top-area .buttons a img {
  width: 10px;
}

.sepet-tablosu .filter-area {
  display: flex;

  width: 30%;

  justify-content: end;
}

.sepet-tablosu .filter-area .fsc img {
  position: absolute;

  width: 20px;

  top: 7.5px;

  left: 10px;

  z-index: 2;

  background: #fff;
}

.sepet-tablosu .filter-area select {
  /* width: 50px; */

  height: 35px;

  padding: 0 0 0 30px;

  font-size: 12px !important;

  line-height: 1;
}

.cart-page-total > h2 {
  font-size: 22px;

  font-weight: 500;
}

.sepeti-kaydet-btn {
  background: #d51243;
}

.sepeti-kaydet-btn:hover {
  background: #fe8c9b;
}

.sepet-excel-indir-btn {
  background: #d51243;
}

.sepet-excel-indir-btn:hover {
  background: #fe8c9b;
}

.sepeti-bosalt-btn {
  background: #d51243;
}

.sepeti-bosalt-btn:hover {
  background: #fe8c9b;
}

.sepeti-guncelle-btn {
  background: #d51243;
}

.sepeti-guncelle-btn:hover {
  background: #fe8c9b;
}

.alisverise-devam-btn {
  background: #d51243;
}

.alisverise-devam-btn:hover {
  background: #fe8c9b;
}

.tpcartinfo .tpproduct-details__quantity .cart-minus,
.tpcartinfo .tpproduct-details__quantity .cart-plus {
  background: #a3a2a2;
  width: 24px;
  text-align: center;
  color: #000;
}

.tpcartinfo .tpproduct-details__quantity input {
  background: #c7c6c6;
  width: 25px;
}

.tpcartinfo {
  width: 420px;
}

.tpcartinfo .bottom-block {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 40px 0 0;
}

.tpcart__cart-price .new-price {
  font-size: 14px;
}

.tpcart__info b {
  margin: 0 6px 0 0;
}

.tpcart__info span + span b {
  margin: 0 32px 0 0;
}

.tpcart__info span {
  display: block;
  font-size: 11px;
}

.tpcart__img img {
  width: 90px;
  height: 150px;
  object-fit: cover;
}

.custom-quantity {
  /* display: grid;

    grid-template-columns: 1fr 1fr;

    align-items: center;

    padding-left: 5px; */
}

.custom-quantity div {
  display: flex;

  justify-content: center;

  gap: 3px;

  align-items: center;
}

.custom-quantity .cart-plus,
.custom-quantity .cart-minus {
  width: 15px;

  height: 20px;

  display: inline-flex;

  justify-content: center;

  align-items: center;
}

.custom-quantity .cart-input {
  border: none;

  font-weight: 600;

  pointer-events: none;

  text-align: center;

  /* padding-left: 5px; */

  font-size: 16px;

  color: #040404;
}

.kayitli-sepet {
  width: 16%;
  padding: 6.5px 10px;
  background: #d51243;
  color: #fff;
  border: none;
  font-size: 10px;
  font-weight: 600;
  border-radius: 6px;
  cursor: pointer;
  transition: background 0.3s ease-out;
  position: relative;
}

.kayitli-sepet:hover {
  background: #fe8c9b;
  transition: background 0.3s ease-in;
}

.create-request {
  text-align: right;
}

.create-request button {
  padding: 10px 20px;
}

.kayitli-sepet:focus {
  background-color: #d51243;
  color: #fff;
  box-shadow: none;
  font-weight: 600;
}

.checkout-form-list input[type="number"] {
  background: #ffffff;

  border: 1px solid #eaedff;

  border-radius: 0;

  height: 45px;

  padding: 0 0 0 10px;

  width: 100%;

  outline: none;

  -webkit-box-shadow: none;

  -moz-box-shadow: none;

  -ms-box-shadow: none;

  -o-box-shadow: none;

  box-shadow: none;
}

.telefon-flex {
  display: grid;

  grid-template-columns: 4fr 8fr;

  gap: 10px;
}

.checkout-form-list.country-select select {
  height: 45px;
}

.checkout-form-list .form-element {
  margin-bottom: 30px;
}

.checkbox-default {
  display: flex;

  align-items: center;

  gap: 5px;
}

.checkbox-default input {
  margin: 0 !important;

  transform: none !important;

  top: 0 !important;
}

.checkbox-form h3 {
  font-weight: 600;

  font-size: 24px;
}

.radio-default {
  display: flex;

  gap: 5px;

  margin-bottom: 10px;
}

.kargo-secenekleri .table th {
  color: #d52b42;

  text-align: center;

  padding: 1rem;
}

.kargo-secenekleri .table td {
  padding: 10px;

  color: #777;

  font-size: 14px;

  line-height: 1.3;
}

.kargo-secenekleri .table > :not(:first-child) {
  border-top: none;
}

.odeme-yontemleri {
  display: flex;

  justify-content: space-between;
}

.odeme-yontemleri .radio-default {
  color: #777;

  font-size: 14px;

  line-height: 1.3;
}

.bank-accounts {
  padding: 30px;

  border-radius: 5px;

  display: flex;

  gap: 20px;
}

.bank-img img {
  position: relative;

  top: unset;

  right: unset;

  width: 160px;
}

.banktbl {
  width: 100%;
}

.banktbl th {
  display: flex;

  justify-content: space-between;

  margin-right: 10px;

  align-items: center;
}

.banktbl td {
  color: #777;

  font-size: 16px;
}

.banktbl th,
.banktbl td {
  padding: 5px;

  line-height: 1.4;
}

#payment_method_container_1 .form-element {
  margin-bottom: 15px;
}

.kart-no-area {
  position: relative;
}

.kart-no-area img {
  position: absolute;

  width: 100px;

  right: 25px;

  bottom: 25px;

  z-index: 0;

  pointer-events: none;
}

.cvv-area {
  position: relative;
}

.cvv-area img {
  position: absolute;

  width: 30px;

  right: 25px;

  bottom: 22px;

  z-index: 0;

  pointer-events: none;
}

.schemaImg img {
  height: 30px;

  max-width: 56px;

  object-fit: contain;
}

.cardImg img {
  height: 30px;

  max-width: 56px;

  object-fit: contain;
}

.installment-area {
  margin-top: 10px;

  margin-bottom: 10px;

  display: none;
}

.installments select {
  /* height: 30px !important; */
}

.checkout-area .cart-page-total {
  position: sticky;

  top: 120px;
}

.checkout-area .cart-page-total > ul {
  border: none;
}

.checkout-area .cart-page-total > ul > li {
  padding: 10px 0px;
}

.checkout-area .accordion-button {
  padding-left: 0;

  padding-right: 0;

  font-weight: 600;

  font-size: 24px;

  border-bottom: 1px solid #777;

  margin-bottom: 20px;
}

.checkout-area .accordion-button:not(.collapsed) {
  background-color: transparent;

  box-shadow: none;

  color: #040404;
}

.checkout-area .accordion-button:focus {
  box-shadow: none;
}

.checkout-area .accordion-button:not(.collapsed)::after {
  filter: grayscale(1);
}

.checkout-area .accordion-item {
  border: none;
}

.checkout-area .checkbox-form {
  padding: 0 45px 0 15px;
}

.makeAccPassive {
  opacity: 0.5;

  pointer-events: none;
}

.urun-karti-1 .title-custom {
  display: flex;

  justify-content: space-between;
}

.urun-karti-1 .title-custom h3 {
  font-family: Jost;

  font-size: 16px;

  font-weight: 400;

  line-height: 1.5;

  padding-right: 20px;

  text-align: left;

  text-underline-position: from-font;

  text-decoration-skip-ink: none;

  color: #777;
}

.urun-karti-1 .uk1-buttons {
  display: flex;

  flex-direction: column;
}

.urun-karti-1 .uk1-buttons i {
  line-height: 1;

  color: #777;
}

.urun-karti-1 .product-discount span {
  font-family: Jost;

  font-size: 13px;

  font-weight: 500;

  line-height: 1.5;

  text-align: left;

  text-underline-position: from-font;

  text-decoration-skip-ink: none;

  color: #fff;

  background-color: #d52b42;

  width: 100%;

  display: block;

  border-radius: 4px;

  padding: 3px 10px;

  margin-bottom: 10px;
}
.urun-karti-1 .product-price{
  background-color: #eff1f3;

  border-radius: 4px;

  margin-bottom: 10px;
}
.urun-karti-1 .product-amount {
  display: flex;

  justify-content: space-between;

  

  color: #040404;

  font-family: Jost;

  font-size: 13px;

  font-weight: 400;

  line-height: 1.5;

  text-align: left;

  text-underline-position: from-font;

  text-decoration-skip-ink: none;

  padding: 3px 10px;

  
}

.urun-karti-1 .beden-asorti, .urun-karti-yatay .beden-asorti {
  display: flex;

  justify-content: space-between;

  margin-bottom: 10px;

  align-items: baseline;
}

.urun-karti-yatay .beden-asorti{
    justify-content: flex-start;
    gap: 20px;
    margin: 10px 0 0;
}

.urun-karti-1 .beden-asorti .asorti-title, .urun-karti-yatay .beden-asorti .asorti-title {
  font-family: Jost;

  font-size: 16px;

  font-weight: 400;

  line-height: 1.5;

  text-align: left;

  text-underline-position: from-font;

  text-decoration-skip-ink: none;

  color: #777;
}

.urun-karti-yatay .beden-asorti .asorti-title{
    font-size: 20px;
    font-weight: 600;
    color: #333;
}

.urun-karti-1 .beden-asorti .asorti-text,.urun-karti-yatay .beden-asorti .asorti-text {
  border: 1px solid #d7d7d7;

  padding: 8px;

  border-radius: 5px;

  height: 23px;

  display: flex;

  align-items: center;
}

.urun-karti-yatay .beden-asorti .asorti-text{
    padding: 14px;
}

.urun-karti-1 .beden-asorti .asorti-text ul,.urun-karti-yatay .beden-asorti .asorti-text ul {
  list-style: none;

  display: inline-flex;

  align-items: baseline;

  gap: 5px;
}

.urun-karti-1 .beden-asorti .asorti-text ul li,.urun-karti-yatay .beden-asorti .asorti-text ul li {
  font-family: Jost;

  font-size: 10px;

  font-weight: 400;

  line-height: 1.5;

  text-align: left;

  text-underline-position: from-font;

  text-decoration-skip-ink: none;

  color: #777;
}

.urun-karti-yatay .beden-asorti .asorti-text ul li{
    font-size: 14px;
}

.urun-karti-1 .beden-asorti .asorti-text ul li span,.urun-karti-yatay .beden-asorti .asorti-text ul li span {
  color: #d52b42;

  font-weight: 500;
}

.urun-karti-1 .beden-asorti .asorti-text ul li span.slash,.urun-karti-yatay .beden-asorti .asorti-text ul li span.slash {
  color: #040404;

  font-weight: 500;
}

.urun-karti-1 .beden-asorti .asorti-text ul li span.number,.urun-karti-yatay .beden-asorti .asorti-text ul li span.number {
  color: #777;

  font-weight: 600;
}

.urun-karti-1 .beden-asorti .asorti-text ul li span.tire,.urun-karti-yatay .beden-asorti .asorti-text ul li span.tire {
  color: #777;

  font-weight: 400;
}

.urun-karti-1 .tpproductitem:after {
  margin-bottom: 0px;

  display: none;
}

.urun-karti-1 .sepet-btn:hover i {
  color: #20c997;
}

.urun-karti-1 .fav-btn:hover i {
  color: #d52b42;
}

.urun-karti-1 .fav-btn:hover i::before {
  content: "\f004";

  font-weight: 900;
}

.urun-karti-1 .colors {
  position: absolute;

  bottom: 5px;

  right: 5px;

  display: flex;

  gap: 5px;

  /* overflow-x: auto;

  overflow-y: hidden; */

  width: 100%;

  /* white-space: nowrap; */
  
  padding: 0 10px 0;
}

.urun-karti-1 .colors span {
  border-radius: 50%;

  min-width: 30px;
  
  width: 30px;

  height: 30px;

  border: 4px solid #fff;
}

.urun-karti-common .sepet-last-step {
  position: absolute;

  background-color: #fff;

  bottom: -1px;

  width: 100%;

  display: flex;

  flex-direction: column;

  gap: 10px;

  padding: 15px 20px;

  z-index: 99;

  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;

  border-bottom-left-radius: 6px;

  border-bottom-right-radius: 6px;
}

/* .urun-karti-common .tpproduct__thumbitem:hover .sepet-last-step {

    display: flex;

} */

.urun-karti-common .sepet-last-step .action {
  display: flex;

  justify-content: space-between;

  align-items: center;
}

.urun-karti-common .sepet-last-step .action span {
  font-size: 14px;

  color: #777;
}

.urun-karti-common .sepet-last-step .action .product-quantity {
  color: #777;

  font-size: 14px;
}

.urun-karti-common .sepet-last-step .action .product-quantity span:hover {
  color: #fff;
}

.urun-karti-common .sepet-last-step .action .product-quantity > input {
  width: 60px;

  border-radius: 3px;

  margin: 0 -2px;
}

.urun-karti-common .sepet-last-step .button a {
  font-family: Jost;

  font-size: 13px;

  font-weight: 500;

  line-height: 1.5;

  text-align: center;

  text-underline-position: from-font;

  text-decoration-skip-ink: none;

  color: #fff;

  background-color: #d52b42;

  width: 100%;

  display: block;

  border-radius: 4px;

  padding: 3px 10px;
}

.select-color {
  display: flex;

  justify-content: space-between;

  align-items: center;
}

.select-color span {
  color: #777;

  font-size: 14px;

  line-height: 1;
}



.white-product-area .urun-karti-1 .tpproduct__content-area {
  padding: 10px 15px 0 15px;
}

.white-product-area .urun-karti-1 .tpproductitem:after {
  display: none;
}

.p10-area .pop-products {
  display: grid;

  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;

  gap: 30px;
}

.p10-area .swiper-container {
  padding-bottom: 80px;
}

.urun-detay-content .product-discount span {
  font-family: Jost;

  font-size: 15px;

  font-weight: 500;

  line-height: 1.5;

  text-align: left;

  text-underline-position: from-font;

  text-decoration-skip-ink: none;

  color: #fff;

  background-color: #d52b42;

  width: 100%;

  display: block;

  border-radius: 4px;

  padding: 3px 10px;

  margin-bottom: 10px;

  max-width: 400px;
}

.urun-detay-content .product-detail-prices {
  display: flex;

  justify-content: start;

  gap: 5px;

  background-color: #eff1f3;

  color: #040404;

  font-family: Jost;

  font-size: 15px;

  font-weight: 400;

  line-height: 1.5;

  text-align: left;

  text-underline-position: from-font;

  text-decoration-skip-ink: none;

  border-radius: 4px;

  padding: 3px 10px;

  margin-bottom: 10px;

  max-width: 400px;
}

.urun-detay-content .product-detail-prices span {
  color: #d52b42;

  font-weight: 600;

  font-size: 12px;

  position: relative;

  top: 4px;
}

.urun-detay-content .beden-asorti {
  display: flex;

  justify-content: start;

  gap: 5px;

  margin-bottom: 10px;

  align-items: baseline;
}

.urun-detay-content .beden-asorti .asorti-title {
  font-family: Jost;

  font-size: 16px;

  font-weight: 600;

  line-height: 1.5;

  text-align: left;

  text-underline-position: from-font;

  text-decoration-skip-ink: none;

  color: #040404;
}

.urun-detay-content .beden-asorti .asorti-text {
  border: 1px solid #d7d7d7;

  padding: 8px;

  border-radius: 5px;

  height: 23px;

  display: flex;

  align-items: center;
}

.urun-detay-content .beden-asorti .asorti-text ul {
  list-style: none;

  display: inline-flex;

  align-items: baseline;

  gap: 5px;
}

.urun-detay-content .beden-asorti .asorti-text ul li {
  font-family: Jost;

  font-size: 14px;

  font-weight: 400;

  line-height: 1.5;

  text-align: left;

  text-underline-position: from-font;

  text-decoration-skip-ink: none;

  color: #777;
}

.urun-detay-content .beden-asorti .asorti-text ul li span {
  color: #d52b42;

  font-weight: 500;
}

.urun-detay-content .beden-asorti .asorti-text ul li span.slash {
  color: #040404;

  font-weight: 500;
}

.urun-detay-content .beden-asorti .asorti-text ul li span.number {
  color: #777;

  font-weight: 400;
}

.urun-detay-content .beden-asorti .asorti-text ul li span.tire {
  color: #777;

  font-weight: 400;
}

.urun-detay-content .sw-sidebar {
  justify-content: start;

  gap: 10px;

  margin-bottom: 20px;
}

.urun-detay-content .sw-sidebar .sw-title {
  color: #040404;

  font-weight: 600;

  font-size: 16px;
}

.urun-detay-content .dosya-area {
  display: flex;

  gap: 10px;

  margin-bottom: 30px;

  align-items: baseline;

  display: none;
}

.urun-detay-content .dosya-area .title {
  color: #040404;

  font-weight: 600;

  font-size: 16px;

  min-width: 100px;
}

.urun-detay-content .dosya-area .dosya {
  width: 100%;
}

.urun-detay-content .dosya-area .dosya .input-file {
  height: 23px;

  color: #777;

  font-weight: 400;

  font-size: 14px;
}

.fa-x-twitter::before {
  content: "𝕏";
}

.urun-detay-content .share-profiles {
  display: flex;

  gap: 10px;

  align-items: center;

  margin-bottom: 10px;
}

.urun-detay-content .share-profiles a {
  background-color: #e7e7e7;

  border-radius: 50%;

  min-width: 40px;

  width: 40px;

  height: 40px;

  display: flex;

  justify-content: center;

  align-items: center;

  font-size: 16px;
}

.urun-detay-content .share-profiles a:hover {
  background-color: #d52b42;

  color: #fff;
}

.urun-detay-content .share-profiles .title {
  color: #040404;

  font-weight: 600;

  font-size: 16px;
}

.blog-detay-content .share-profiles {
  display: flex;

  gap: 10px;

  align-items: center;

  margin-bottom: 10px;
}

.blog-detay-content .share-profiles a {
  background-color: #e7e7e7;

  border-radius: 50%;

  width: 40px;

  height: 40px;

  display: flex;

  justify-content: center;

  align-items: center;

  font-size: 16px;
}

.blog-detay-content .share-profiles a:hover {
  background-color: #d52b42;

  color: #fff;
}

.blog-detay-content .share-profiles .title {
  color: #040404;

  font-weight: 600;

  font-size: 16px;
}

.rate {
  float: left;

  padding: 0 10px 0 0;
}

.rate:not(:checked) > input {
  position: absolute;

  left: -9999px;
}

.rate:not(:checked) > label {
  float: right;

  width: 20px;

  overflow: hidden;

  white-space: nowrap;

  cursor: pointer;

  font-size: 25px;

  color: #ccc;

  margin-bottom: 0;

  line-height: 25px;
}

.rate:not(:checked) > label:before {
  content: "\2605";
}

.rate > input:checked ~ label {
  color: #ffcd00;
}

.rate:not(:checked) > label:hover,
.rate:not(:checked) > label:hover ~ label {
  color: #d51243;
}

.rate > input:checked + label:hover,
.rate > input:checked + label:hover ~ label,
.rate > input:checked ~ label:hover,
.rate > input:checked ~ label:hover ~ label,
.rate > label:hover ~ input:checked ~ label {
  color: #ffcd00;
}

.urun-liste-modal .product-desc {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin: 0 0 20px;
}

.urun-liste-modal .main-price {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.urun-liste-modal .product-desc p {
  font-weight: 400;
  margin: 0 10px 0 0;
  line-height: 20px;
}

.urun-liste-modal .tpproduct-details__wishlist {
  background-color: #dddddd;
}

.urun-liste-modal .tpproduct__rating ul {
  display: flex;
  align-items: center;
}

.urun-liste-modal .comment {
  background: #3333;
  border-radius: 2px;
  margin: 0 0 0 5px;
  cursor: pointer;
  transition: background 0.3s ease-out;
}

.product-detail .col-lg-5 {
  /* max-width: 600px; */
  width: 40.6%;
  padding: 0;
}

.urun-detay-content2 {
  padding: 0;
  width: 58%;
  margin: 0 0 0 14px;
  position: relative;
}

.urun-detay-content2
  .product-detail-info-container
  .tpproduct-details__tag-area {
  background: #eff1f3;
  padding: 0 10px;
}

.comment svg path {
  fill: #000;
  transition: all 0.2s ease-out;
}

.urun-liste-modal .comment:hover {
  background: #d51243;
  transition: background 0.3s ease-in;
}

.urun-liste-modal .comment:hover svg path {
  fill: #fff;
  transition: all 0.2s ease-in;
}

.urun-detay-content2 .comment {
  margin: 5px 0 5px 7px;
}

.urun-detay-content2 .tpproduct__rating .score {
  display: block;
  font-size: 14px;
  padding: 0 8px;
}

.tpproduct-details__wishlist .fa-share-alt {
  color: #d52b42;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 9px 0 8px;
}

.urun-liste-modal .tpproduct-details__wishlist {
  width: 40px;
  height: 40px;
}

/* .tpproduct-details__wishlist .fa-share-alt:hover{
    color: #fff;
} */

.tpproduct-details__wishlist.heart {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

.tpproduct-details__wishlist.heart svg path {
  transition: fill 0.3s ease-out;
  fill: #d52b42;
}

/*
.tpproduct-details__wishlist.heart:hover svg path{
    fill: #fff;
    transition: fill 0.3s ease-in;
}*/

.urun-liste-modal .colors {
  display: flex;
  align-items: center;
  background-color: #eff1f3;
  border-radius: 5px;
  margin: 0;
  padding: 5px 5px 5px 15px;
}

.urun-liste-modal .colors p {
  font-size: 25px;
  font-weight: 400;
  margin: 0;
}

.urun-liste-modal .circles {
  display: flex;
  align-items: center;
}

.urun-liste-modal .product-detail-prices {
  max-width: inherit;
  width: 100%;
  display: block;
  padding: 10px 16px 20px;
  margin: 0 0 20px;
}

.urun-liste-modal .product-detail-info-container {
  background-color: #eff1f3;
  margin: 20px 0 0;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px;
}

.urun-liste-modal .product-detail-info-container.desc {
  display: block;
  margin: 20px 0 40px;
}

.urun-liste-modal .product-detail-info-container.desc .tpproduct-details__cart {
  background-color: #d5d5d5;
  padding: 7px 12px;
  cursor: pointer;
  transition: all 0.2s ease-out;
}

.urun-liste-modal .product-detail-info-container.desc p {
  margin: 0 0 10px;
}

.urun-liste-modal
  .product-detail-info-container.desc
  .tpproduct-details__cart:last-child {
  background: #d51243;
  border-radius: 8px;
  cursor: pointer;
  transition: background 0.3s ease-out;
}

.urun-liste-modal
  .product-detail-info-container.desc
  .tpproduct-details__cart:last-child:hover {
  background: #000;
  transition: background 0.3s ease-in;
}

.urun-liste-modal
  .product-detail-info-container.desc
  .tpproduct-details__cart:last-child
  p {
  color: #fff;
  white-space: normal;
  font-size: 16px;
}

.urun-liste-modal
  .product-detail-info-container.desc
  .tpproduct-details__cart
  p {
  font-size: 12px;
}

.urun-liste-modal
  .product-detail-info-container.desc
  .tpproduct-details__cart
  span {
  font-size: 14px;
  transition: all 0.3s ease-out;
}

.urun-liste-modal
  .product-detail-info-container.desc
  .tpproduct-details__cart
  p,
.urun-liste-modal
  .product-detail-info-container.desc
  .tpproduct-details__cart
  span {
  color: #000;
}

.product-detail-info-container .tpproduct-details__tag-area {
  background: #dbdbdb;
  padding: 10px;
  border-radius: 3px;
  width: max-content;
}

.comment-title h3 {
  font-size: 20px;
}

.comment-title.add-file {
  margin: 0 0 20px;
}

.comment-title.add-file input {
  display: none;
}

.comment-title.add-file label {
  cursor: pointer;
  background: #d51243;
  color: #fff;
  font-size: 16px;
  line-height: 16px;
  padding: 12px 30px;
  border-radius: 6px;
  transition: background 0.2s ease-out, color 0.2s ease-out;
}

.comment-title.add-file label:hover {
  background: #000;
  color: #fff;
  transition: all 0.2s ease-in;
}

.tpproduct__rating .score {
  background-color: #d51243;
  border-radius: 3px;
  color: #fff;
  padding: 0px 5px;
  font-size: 12px;
}

.urun-liste-modal .cards {
  display: flex;
  align-items: center;
  gap: 2px;
}

.urun-liste-modal .cards .card {
  width: 40px;
  min-width: 40px;
  height: 55px;
  text-align: center;
  border: 1px solid #333;
}

.urun-liste-modal .cards .card p {
  margin: 0;
  text-align: center;
  font-weight: 500;
  color: #555555;
  font-size: 16px;
}

.urun-liste-modal .cards .card span {
  color: #555555;
  font-size: 15px;
}

.urun-liste-modal .circles span {
  margin: 0 0 0 -10px;
  min-width: 20px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  display: block;
  background-color: #fff;
  border: 2px solid #ffff;
}

.urun-liste-modal .right-block {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.urun-liste-modal .left-block span {
  color: #6f6f6f;
  top: 0;
}

.urun-liste-modal .left-block p {
  font-size: 20px;
  margin: 0;
}

#tableBody tr,
#otherInfoTableBody tr {
  border: none;
  border-color: transparent;
}

#tableBody td,
#otherInfoTableBody td {
  width: 50%;
  border: none;
}

#tableBody b,
#otherInfoTableBody b {
  font-weight: 500;
}

.tpproduct-details__nab .nav-link img {
  height: 120px;
  width: 70px;
}

.urun-liste-modal .left-block p:last-child {
  font-size: 14px;
  color: #6f6f6f;
}

.urun-liste-modal .product-detail-info,
.comment-wrapper .product-detail-info {
  display: flex;
  align-items: center;
  gap: 10px;
}

.urun-liste-modal .product-detail-info .tpproduct-details__cart p,
.comment-wrapper .product-detail-info .tpproduct-details__cart p {
  font-size: 10px;
  color: #000;
  margin: 0;
  line-height: 16px;
}

.urun-liste-modal .product-detail-info .tpproduct-details__cart span,
.comment-wrapper .product-detail-info .tpproduct-details__cart span {
  font-size: 14px;
  margin: 5px 0 0;
}

.urun-liste-modal.urun-detay-content2 .product-detail-info a {
  cursor: pointer;
  background: #3333;
  color: #000;
  transition: all 0.2s ease-out;
}

.urun-liste-modal.urun-detay-content2 .product-detail-info a:hover,
.urun-liste-modal .product-detail-info a:hover {
  color: #fff;
  background: #d51243;
  transition: all 0.2s ease-in;
}

.urun-liste-modal.urun-detay-content2 .product-detail-info a:hover p,
.urun-liste-modal .product-detail-info a:hover p {
  color: #fff;
}

.urun-liste-modal .product-detail-info .tpproduct-details__cart,
.comment-wrapper .product-detail-info .tpproduct-details__cart {
  font-size: 12px;
  font-weight: 400;
  background-color: #3333;
  color: #000;
  display: block;
  border-radius: 3px;
  width: max-content;
  padding: 13px 9px;
  text-align: left;
}

.product-detail-image {
  width: 40%;
}

.comment-wrapper .product-detail-info {
  flex-wrap: wrap;
}

.comment-wrapper .d-flex.left {
  align-items: center;
}

.comment-wrapper .product-detail-info .tpproduct-details__cart {
  padding: 16px 26px;
}

.comment-wrapper {
  border-radius: 6px;
  border: 1px solid #f9f9f9;
  padding: 10px;
  margin: 26px 0 0;
}

.comment-wrapper .progress {
  width: 130px;
  height: 10px;
  border-radius: 2px;
}

.comment-wrapper .progress-bar {
  background: rgb(228, 91, 0);
  background: linear-gradient(
    270deg,
    rgba(228, 91, 0, 0.2665441176470589) 5%,
    rgba(213, 18, 67, 1) 63%
  );
}

.rating-detail-block {
  margin: 14px 0 0;
}

.rating-detail-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.rating-detail-item .d-flex.start {
  align-items: center;
}

.rating-detail-item span {
  font-size: 12px;
  text-align: left;
}

.rating-detail-item p {
  margin: 0 0 0 8px;
  text-align: right;
  font-size: 12px;
}

.rating-detail-item i {
  font-size: 12px;
  margin: 0 8px 0;
}

.urun-liste-modal .head-txt .price{
  position: relative;
}

.urun-liste-modal .head-txt .price:after {
  display: block;
  content: "";
  position: absolute;
  top: 11px;
  left: 0;
  height: 1px;
  width: 77px;
  background-color: #d51243;
  transform: rotate(350deg);
}

.urun-liste-modal .price span:first-child {
  margin: 0 0 0 12px;
}

.urun-liste-modal .left-block p:first-child {
  margin: 10px 0 0;
}

.slide-area.one .left-block p:first-child {
  margin: 0;
}

.urun-liste-modal .price .badge,
.product-detail-prices.urun-detay .badge.price,
.product-detail-prices.urun-detay .badge.shopping-card {
  background-color: #d51243;
  border-radius: 3px;
  color: #fff;
  top: 0;
  font-size: 12px;
}

.urun-liste-modal .head-txt p {
  font-size: 18px;
  color: #d51243;
  position: relative;
  margin: 0;
}

/* .urun-liste-modal .badge.price{
    margin: 0 10px 0 0;
} */

/* .urun-liste-modal .modal-xl{
    max-width: 1450px;
} */

.urun-liste-modal .eye-icon {
  background-color: #eff1f3;
  border-radius: 5px;
  padding: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: max-content;
  margin: 0 0 10px;
}

.urun-liste-modal .size-block p {
  text-align: right;
  font-weight: 300;
  font-size: 20px;
  margin: 10px 0 0;
}

.urun-liste-modal .size-block span {
  color: #2b2b2b;
  font-size: 20px;
  font-weight: 500;
  top: 0;
}

.urun-liste-modal.urun-detay-content2 .size-block .asorti-head {
  font-weight: 500;

  display: block;
}

.quick-modal-area .container {
  max-width: 1120px;
  padding: 0;
}

.quick-modal-area .share-profiles {
  justify-content: flex-end;
}

.quick-modal-area .share-profiles a {
  min-width: 34px;
  width: 34px;
  height: 34px;
}

.quick-modal-area .row {
  justify-content: center;
}

.quick-modal-area .col-lg-5 {
  width: 100%;
  max-width: 446px;
  padding: 0 16px 0 0;
}

.tpproduct-details__content.quick-view .product-detail-info-container {
  padding: 16px 16px;
  margin: 30px 0 0;
}

.tpproduct-details__content.quick-view .product-detail-info-container.desc {
  margin: 36px 0 40px;
}

.tpproduct-details__content.quick-view .product-detail-prices {
  padding: 10px 16px;
  margin: 0 0 40px;
}

.tpproduct-details__content.quick-view .product-detail-info {
  flex-wrap: wrap;
}

.tpproduct-details__content.quick-view
  .product-detail-info-container.desc
  .product-detail-info {
  flex-wrap: nowrap;
}

.tpproduct-details__content.quick-view .product-detail-prices p:first-child {
  line-height: 27px;
  font-size: 23px;
}

.tpproduct-details__content.quick-view .product-detail-prices .size-block p {
  font-size: 16px;
}

.tpproduct-details__content.quick-view .product-detail-prices .size-block span {
  font-size: 16px;
  line-height: 16px;
}

.tpproduct-details__content.quick-view
  .product-detail-prices
  .size-block
  .cards
  .card
  p {
  font-size: 14px;
  line-height: 14px;
  text-align: center;
}

.tpproduct-details__content.quick-view
  .product-detail-prices
  .size-block
  .cards
  .card {
  width: 35px;
  min-width: 35px;
  height: 50px;
  justify-content: space-between;
  padding: 6px 0;
}

.quick-modal-area .urun-detay-content {
  padding-bottom: 70px;
}

.rating-container {
  margin: 0 34px 0 0;
}

.rating-container .tpproduct__rating {
  background: #eff1f3;
  border-radius: 4px;
  padding: 6px;
}

.rating-container .score {
  border-radius: 2px;
  padding: 2px 10px;
  font-size: 17px;
}

.rating-container .tpproduct__rating ul li a {
  font-size: 14px;
}

.urun-detay-content .select-color span {
  position: relative;

  top: 2px;
}

.urun-detay-content2 .product-detail-info-container {
  background: none;
  padding: 0;
  margin: 0 0 16px;
}

.urun-detay-content2 .product-detail-info-container.desc {
  margin: 20px 0 30px;
}

.urun-detay-content2
  .product-detail-info-container.desc
  .tpproduct-details__cart {
  background: #eff1f3;
  width: 100%;
  cursor: pointer;
  transition: all 0.2s ease-out;
}

.urun-detay-content2
  .product-detail-info-container.desc
  .tpproduct-details__cart:hover,
.urun-liste-modal
  .product-detail-info-container.desc
  .tpproduct-details__cart:hover {
  background: #d51243;
  transition: all 0.2s ease-in;
}

.urun-detay-content2
  .product-detail-info-container.desc
  .tpproduct-details__cart:hover
  p,
.urun-liste-modal
  .product-detail-info-container.desc
  .tpproduct-details__cart:hover
  p {
  color: #fff;
  transition: all 0.2s ease-in;
}

.urun-liste-modal
  .product-detail-info-container.desc
  .tpproduct-details__cart:hover
  span {
  color: #fff;
  transition: all 0.2s ease-in;
}

.urun-detay-content2 .slider-container {
  margin: 20px 0 0;
}

.urun-detay-content2 .slider-block .text {
  position: relative;
  top: -13px;
  height: 20px;
}

.urun-detay-content2 .head-block {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.urun-detay-content2 .slider-buttons {
  display: flex;
  align-items: center;
  gap: 15px;
}

.border-space span {
  display: block;
  border-right: 1px solid #b3b3b3;
  height: 100px;
}

.urun-detay-content2 .slider-buttons .nav-link.active {
  background: none;
}

.urun-detay-content2 .slider-buttons .nav-link.active svg,
.urun-detay-content2 .slider-buttons .nav-link.active svg path {
  fill: #d51243;
}

.urun-detay-content2 .slider-buttons button {
  padding: 0;
}

.urun-detay-content2 .tprelated__prv {
  margin: 0;
}

.urun-detay-content2 .tprelated__prv,
.urun-detay-content2 .tprelated__nxt {
  background: #777;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  transition: background 0.2s ease-out;
}

.urun-detay-content2 .tprelated__nxt:hover,
.urun-detay-content2 .tprelated__prv:hover {
  background: #d51243;
  transition: background 0.2s ease-in;
}

.info-top-block {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  background: #eff1f3;
  width: max-content;
  border-radius: 4px;
  padding: 12px;
  margin: 0 0 10px;
}

.info-top-block span {
  display: block;
  font-size: 12px;
  line-height: 15px;
  color: #d51243;
}

.info-top-block span:first-child {
  margin: 0 20px 0 0;
}

.urun-detay-content2 .slider-container .tpproduct-details__quantity,
.tpcartinfo .tpproduct-details__quantity {
  width: 70px;
  height: 26px;
  padding: 0;
  display: flex;
  font-size: 14px;
  border-radius: 4px;
  overflow: hidden;
  margin: 0 auto 0 0;
  border: none;
}

.tpcartinfo .tpproduct-details__quantity {
  margin: 0;
  justify-content: center;
}

.urun-detay-content2 .slider-container .tpproduct-details__quantity.mobile {
  display: none;
}

.urun-detay-content2 .slider-container .cart-plus,
.urun-detay-content2 .slider-container .cart-minus {
  width: 100%;
  display: block;
  text-align: center;
  background-color: #a3a2a2;
}

.urun-detay-content2 .slider-container .tpproduct-details__quantity input {
  background-color: #c7c6c6;
  font-size: 12px;
}

.urun-detay-content2 .slider-container .fa-plus:before,
.urun-detay-content2 .slider-container .fa-minus:before {
  color: #000;
}

.comments-area {
  padding: 40px 0;
}

.urun-detay-content2 .slide-area {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  width: 100%;
  min-width: 100%;
}

.slide-area.one {
  display: block;
  height: 47.3em;
  overflow-y: auto;
  overflow-x: hidden;
  margin: 2em 0 0;
  padding: 22px;
}

.slide-area.one .text-item span {
  font-size: 14px;
  line-height: 14px;
}

.slide-area.one .slider-block .text {
  position: static;
  height: auto;
}

.slide-area.one .tpproduct-details__quantity .cart-plus,
.slide-area.one .tpproduct-details__quantity .cart-minus {
  padding: 2px 0 0;
}

.slide-area.one .head-item p {
  font-size: 14px;
  line-height: 16px;
}

.slide-area.one .head-item span {
  font-size: 14px;
  line-height: 16px;
}

.slide-area.one .slider-block .text p {
  font-size: 12px;
  line-height: 14px;
}

.slide-area.one .buttons .icon {
  min-width: 35px;
  width: 35px;
  height: 35px;
}

.slide-area.one .btn-block {
  display: flex;
  align-items: center;
}

.slide-area.one .tpproduct-details__quantity {
  width: 80px;
  height: 34px;
}

.slide-area.one .slider-block {
  width: 100%;
  height: auto;
  margin: 0 0 12px;
  border: none;
  background: #ededed;
  padding: 22px;
  justify-content: space-between;
}

.slide-area.one .price-content-area {
  width: 100%;
  margin: 0 0 0 22px;
}

.slide-area.one .top-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.slide-area.one .small-text {
  display: flex;
  align-items: flex-start;
}

.slide-area.one .small-text span {
  font-size: 10px;
  display: block;
}

.slide-area.one .small-text p span {
  color: #333;
}

.slide-area.one .price-container {
  display: flex;
  align-items: flex-start;
}

.slide-area.one .stock-container {
  display: flex;
  align-items: center;
}

.slide-area.one .stock-container .btn-block {
  display: flex;
  align-items: center;
}

.slide-area.one .tpproduct-details__wishlist.heart {
  margin: 0;
}

.slide-area.one .tpproduct-details__wishlist {
  background: #f0f1f3;
  border-color: #f0f1f3;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 37px;
  height: 37px;
  margin: 0 0 0 10px;
}

.slide-area.one .tpproduct-details__wishlist:hover {
  border-color: var(--tp-text-primary);
}

.slide-area.one .head-txt .price {
  color: var(--tp-text-primary);
}

.slide-area.one .bottom {
  margin: 3em 0 0;
}

.slide-area.one .shopping-card {
  background: #d41344;
  color: #fff;
  border-radius: 2px;
  font-size: 12px;
  padding: 8px;
  font-weight: 600;
  font-family: "Lato", sans-serif;
  margin: 0 0 0 46px;
}

.slide-area.one .price-container .badge.price {
  color: #fff;
  display: inline;
  font-size: 12px;
  border-radius: 2px;
  font-weight: 500;
  padding: 2px;
  font-family: "Lucida Sans", sans-serif;
}

.slide-area.one .price-single {
  font-size: 22px;
  margin: 0 0 8px;
  font-family: "Lucida Sans", sans-serif;
}

.slide-area.one .price-single span {
  font-weight: 400;
  font-size: 12px;
  line-height: 12px;
}

.slide-area.one .price-container .left-block .unit-price {
  color: #7b7b7b;
  margin: 0 0 8px;
  font-size: 16px;
  font-family: "Lucida Sans", sans-serif;
}

.slide-area.one .price-container .left-block .unit-price span {
  font-size: 12px;
  line-height: 12px;
  color: #7b7b7b;
}

.slide-area.one .price-container .badge.price img,
.slide-area.one .price-container .left-block .shopping-card img {
  width: 12px;
  height: 10px;
}

.slide-area.one .price-container .left-block span {
  display: block;
  color: #333;
}

.slide-area.one .text-item p {
  font-size: 28px;
  text-align: right;
  font-family: "Lucida Sans", sans-serif;
}

.slide-area.one .small-text p {
  color: #575756;
  font-size: 18px;
  font-weight: 500;
  font-family: "Lato", sans-serif;
}

.slide-area.one .small-text .plus-icon {
  margin: 0 6px 0;
  color: #000;
  font-weight: 600;
}

.slide-area.one .price-container .left-block {
  text-align: right;
  margin: 0 3.5em 0 0;
}

.slide-area.one .head-txt-item {
  margin: 0 0 10px;
  display: block;
}

.slide-area.one .img {
  background: #fff;
}

.slide-area.one .img p {
  text-align: center;
  font-size: 14px;
  margin: 0;
}

.slide-area.one .price-block span {
  display: block;
  font-family: "Lucida Sans", sans-serif;
}

.one-item-area {
  background: #f6f6f6;
  position: absolute;
  top: 4em;
}

.one-item-area .head-block {
  margin: 22px 22px;
}

.one-item-area .head-block span {
  font-size: 14px;
}

.nav-block ul {
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0 22px 0;
}

.nav-block ul li {
  margin: 0 0 0 10px;
  cursor: pointer;
  font-size: 18px;
  width: 100%;
  background: #ededed;
  padding: 16px;
  transition: background 0.3s ease-out;
}

.nav-block ul li:first-child {
  margin: 0;
}

.nav-block ul li:hover {
  background: #cfcfcf;
  transition: background 0.3s ease-in;
}

.slide-area.one .slider-block:last-child {
  margin: 0;
}

.urun-detay-content2 .slider-container {
  display: flex;
  align-items: center;
  gap: 10px;
}

.zoom-lens {
  position: absolute;
  width: 100px;
  height: 100px;
  background: rgba(255, 255, 255, 0.2);
  border: 1px solid #ccc;
  display: none;
  pointer-events: none;
}

.zoom-container {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  cursor: pointer;
}

.zoom-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}

.zoom-container:hover img {
  transform: scale(1.5);
}

.thumbnail {
  width: 200px;
  cursor: pointer;
}

.image-modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgb(43 43 43 / 90%);
  z-index: 1000;
}

.image-modal-content {
  margin: auto;
  display: block;
  max-width: 90%;
  max-height: 90%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.close-btn {
  position: absolute;
  top: 15px;
  right: 35px;
  color: #f1f1f1;
  font-size: 40px;
  font-weight: bold;
  cursor: pointer;
}

.sticky-bottom-area {
  width: 100%;
  z-index: 10;
  border-top: 1px solid #d2d2d2;
}

.sticky-bottom-wrapper {
  position: fixed;
  left: 0;
  bottom: 0; 
  width: 100%;
  z-index: 10;
  transition: bottom 0.3s ease-out;
  background: #eff1f3;
}

.sticky-bottom-wrapper.visible {
  bottom: -250px;
  transition: bottom 0.3s ease-in;
}

.sticky-bottom-wrapper .badge-area {
  gap: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.sticky-bottom-wrapper .badge-area .tpproduct-details__tag svg,
.sticky-bottom-wrapper .badge-area .tpproduct-details__tag i {
  margin: 0 10px 0 0;
}

.sticky-bottom-wrapper .badge-area .tpproduct-details__tag i:before {
  font-size: 18px;
}

.sticky-bottom-wrapper .badge-area .tpproduct-details__tag {
  background: #8d8d8d33;
  font-weight: 400;
  font-size: 12px;
  line-height: 12px;
  border-radius: 10px;
  padding: 5px 8px;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease-out;
}

.sticky-bottom-wrapper .badge-area .tpproduct-details__tag:focus {
  color: var(--tp-text-primary);
}

.sticky-bottom-wrapper .badge-area .tpproduct-details__tag svg path {
  fill: #d51243;
}

.sticky-bottom-wrapper .badge-area .tpproduct-details__tag:hover {
  color: #fff;
  background: #000;
  transition: all 0.2s ease-in;
}

.sticky-bottom-wrapper .badge-area .tpproduct-details__tag:hover i {
  color: #fff;
  transition: all 0.2s ease-out;
}

.sticky-bottom-wrapper .badge-area .tpproduct-details__tag:hover svg line,
.sticky-bottom-wrapper .badge-area .tpproduct-details__tag:hover svg polygon {
  stroke: #fff;
  transition: all 0.2s ease-out;
}

.sticky-bottom-wrapper .badge-area .tpproduct-details__tag:hover svg path {
  fill: #fff;
  stroke: #fff;
  transition: all 0.2s ease-out;
}

.sticky-bottom-wrapper .product-detail-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.sticky-bottom-wrapper .product-detail-footer .left-block p:last-child {
  margin: 0;
  font-size: 15px;
  line-height: 15px;
  color: #333;
}

.sticky-bottom-wrapper .nav-link {
  padding: 0;
  transition: all 0.2s ease-out;
}

.sticky-bottom-wrapper .product-link svg {
  width: 20px;
  height: 20px;
  min-width: 20px;
  stroke: #fff;
  fill: #fff;
}

.sticky-bottom-wrapper .product-link {
  background: #d51243;
  border-radius: 8px;
  padding: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 35px;
  min-width: 35px;
  height: 35px;
  z-index: 10;
  transition: background 0.2s ease-out;
}

.sticky-bottom-wrapper .left-block {
  width: 50%;
  margin: 0 12px 0 0;
}

.sticky-bottom-wrapper .right-block {
  display: flex;
  align-items: center;
}

.sticky-bottom-wrapper .right-block .text-item {
  margin: 0px 20px -6px 0;
}

.sticky-bottom-wrapper .right-block .text-item span {
  font-size: 15px;
  line-height: 15px;
}

.sticky-bottom-wrapper .right-block .text-item svg {
  cursor: pointer;
}

.sticky-bottom-wrapper .right-block .text-item p {
  text-align: right;
  margin: 0;
}

.sticky-bottom-wrapper .right-block .text-item b {
  font-size: 40px;
  line-height: 40px;
  font-family: "Lucida Sans", sans-serif;
}

.sticky-bottom-wrapper .product-link:hover {
  background: #000;
  transition: background 0.2s ease-in;
}

.sticky-bottom-wrapper .btn-block button, 
.half-sticky-wrapper .tpproduct-details__cart button {
  padding: 12px 14px;
  font-size: 14px;
  font-weight: 400;
}

.sticky-bottom-wrapper .scs-links {
  gap: 12px;
}

.sticky-bottom-wrapper .nav-link:hover svg {
  fill: #d51243;
  transition: all 0.2s ease-out;
}

.sticky-bottom-wrapper .nav-link.active svg {
  fill: #d51243;
}

.sticky-bottom-wrapper .stock-code {
  font-size: 18px;
  line-height: 20px;
  margin: 0 0 10px;
}

.urun-detay-content2 .tpproduct-details__condation ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 8px;
  background: #eff1f3;
}

.urun-detay-content2 .tpproduct-details__condation ul li {
  margin: 0;
}

.urun-detay-content2 .tpproduct-details__condation-text {
  text-align: center;
}

.urun-detay-content2 .tpproduct-details__condation-text p {
  line-height: 17px;
}

.slide-area.split .slider-block {
  width: 32.5%;
  min-width: 49.4%;
}

.slide-area.triple .slider-block {
  width: 32.5%;
  min-width: 32.5%;
}

.urun-detay-content2 .slider-block,.product-color-swiper .slider-block {
  width: 32.5%;
  min-width: 32.5%;
  height: 142px;
  border: 1px solid #a3a3a3;
  border-radius: 4px;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.product-color-swiper{
    overflow: hidden;
    margin: 16px 0 0;
    position: relative;
    padding: 0 0 30px;
}

.product-color-swiper .slider-block p{
    margin: 0;
}

.product-color-swiper .slider-block .head-item{
    margin: 0;
}

.product-color-swiper .slider-block{
    width: auto;
    min-width: inherit;
}

.product-color-swiper .swiper-pagination{  
    margin: 0 0 -12px;
}

.product-color-swiper .greenslider-pagination .swiper-pagination-bullet{
    height: 18px;
    width: 18px;
}

.product-color-swiper .greenslider-pagination .swiper-pagination-bullet::before{
    height: 6px;
    width: 6px;
}

.urun-detay-content2 .slider-block .body, .product-color-swiper .slider-block .body  {
  margin: 0 0 0 10px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
}

.product-color-swiper .slider-block .body{
    flex-direction: column;
}

.slide-area.one .body {
  width: auto;
  height: 10.2em;
  margin: 0;
}

.urun-detay-content2 .slider-block .img, .product-color-swiper .slider-block .img {
  width: 70px;
  min-width: 70px;
}

.urun-detay-content2 .slider-block .img img, .product-color-swiper .slider-block .img img {
  max-width: 100%;
  object-fit: cover;
  border-radius: 4px;
}

.slide-area.one .img img {
  border-radius: 0;
  height: 100%;
  width: 100%;
}

.slide-area.one .img {
  width: 120px;
  min-width: 120px;
  height: 100%;
}

.urun-detay-content2 .head-item span,.product-color-swiper .head-item span {
  font-size: 12px;
  display: block;
  line-height: 12px;
}

.product-color-swiper .head-item span{
    font-size: 14px;
    margin: 0 0 20px;
}

.urun-detay-content2 .bottom {
  width: 100%;
  margin: 24px 0 0;
}

.urun-detay-content2 .buttons,
.rs-slider .buttons {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 5px;
  margin: 4px 0 0;
  position: relative;
}

.urun-detay-content2 .buttons .tooltip {
  background: #6f6f6f;
}

.urun-detay-content2 .buttons .icon.order,
.urun-detay-content2 .buttons .icon.notification {
  background: var(--bs-danger);
  transition: background 0.2s ease-out;
}

.urun-detay-content2 .buttons .icon.order:hover,
.urun-detay-content2 .buttons .icon.notification:hover {
  background: #ad2532;
  transition: background 0.2s ease-in;
}

.icon.notification i{
    color: #fff;
}

.urun-detay-content2 .buttons .icon:hover {
  background: #8f8f8f;
  transition: background 0.2s ease-in;
}

.urun-detay-content2 .buttons .icon {
  background-color: #b1b1b1;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 30px;
  width: 30px;
  height: 30px;
  padding: 3px;
  border-radius: 6px;
  cursor: pointer;
  transition: background 0.2s ease-out;
}

.urun-detay-content2 .buttons .icon:hover .custom-tooltip {
  display: block;
}

.urun-detay-content2
  .buttons
  .icon.notification:hover
  .custom-tooltip.add-notif {
  display: block;
}

.urun-detay-content2 .buttons .icon.order:hover .custom-tooltip.add-order {
  display: block;
}

.custom-tooltip {
  display: none;
  position: absolute;
  top: -43px;
  right: 0;
  width: max-content;
  padding: 8px 16px;
  background: #d9d9d9;
  -webkit-filter: drop-shadow(0px 3px 4px rgba(70, 70, 70, 1));
  filter: drop-shadow(4px 4px 4px rgba(70, 70, 70, 1));
  -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=0, OffY=2, Color='#444')";
  filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=0, OffY=2, Color='#444')";
  border-radius: 4px;
}

.custom-tooltip:after {
  content: "";
  position: absolute;
  top: 34px;
  right: 6px;
  margin-top: -5px;
  border: 10px solid;
  border-color: #d9d9d9 transparent transparent transparent;
}

.custom-tooltip.add-notif {
  display: none;
}

.custom-tooltip.add-order {
  right: 35px;
  display: none;
}

.custom-tooltip p {
  display: block;
  color: #333;
  font-size: 14px;
  line-height: 14px;
  position: relative;
  margin: 0;
}

.urun-detay-content2 .head-item p,.product-color-swiper  .head-item p {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 12px;
  line-height: 12px;
}
.product-color-swiper .head-item p{
    font-size: 14px;
    line-height: 12px;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
}
.urun-detay-content2 .slider-block .color,.product-color-swiper .slider-block .color {
  width: 15px;
  height: 15px;
  min-width: 15px;
  border-radius: 50%;
  margin: 0 5px 0;
  display: block;
}

.comments-wrapperurun-detay-content2 .slider-block .head-item {
  font-size: 14px;
}

.urun-detay-content2 .slider-block .text p,.product-color-swiper .slider-block .text p {
  margin: 0;
  font-size: 10px;
  line-height: 12px;
}

.product-head .left-block p {
  margin: 0;
  line-height: 25px;
}

.product-head .right-block {
  display: flex;
  align-items: center;
}

.product-head .right-block span,
.product-head .right-block p {
  margin: 0;
}

.product-head .right-block p {
  font-size: 12px;
  line-height: 12px;
  font-weight: 600;
}

.product-head .right-block p a {
  font-size: 14px;
  line-height: 17px;
}

.product-head .right-block p a:hover {
  color: #777;
}

.product-head .right-block span {
  font-size: 14px;
  line-height: 17px;
  display: block;
}

.product-head .product-info span a:hover {
  color: #d51243;
}

.product-head .product-info {
  text-align: right;
}

.product-head .product-info .stock-code {
  font-size: 25px;
  line-height: 30px;
  font-weight: 400;
}

.product-head .product-icon {
  background-color: #d51243;
  width: 70px;
  height: 70px;
  min-width: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  margin: 0 0 0 10px;
  padding: 4px;
}

.product-head .product-icon img {
  max-width: 100%;
  object-fit: cover;
}

.filter-block {
  display: flex;
  align-items: flex-end;
  gap: 16px;
}

.filter-block .list-select {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.filter-block .list-select p {
  color: #777;
}

.reviews-container .latest-comments ul li {
  background-color: #eff1f3;
  border-radius: 2px;
}

.reviews-container .comments-text {
  padding: 14px 0 14px;
}

.reviews-container .comments-text h4 {
  margin: 0 0 0 14px;
  font-size: 20px;
  line-height: 20px;
}

.reviews-container .comments-box {
  margin-bottom: 18px;
}

.reviews-container {
  margin: 16px 0 0;
  padding: 6px 8px;
}

.reviews-container .tpproduct__rating ul li a {
  font-size: 18px;
}

.reviews-container .like-icon {
  cursor: pointer;
  display: flex;
  align-items: flex-end;
  gap: 4px;
}

.reviews-container .like-icon span {
  line-height: 16px;
}

.reviews-container .like-icon:hover svg path {
  fill: #d51243;
  stroke: #d51243;
}

.reviews-container .like-icon.active svg path {
  fill: #d51243;
  stroke: #d51243;
}

.question-area {
  padding: 0;
}

.reviews-container .latest-comments {
  max-height: 556px;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0 10px 0 0;
}

.comment-footer {
  margin: 10px 0 10px;
  padding: 6px 10px;
  background-color: #fff;
}

.comment-footer .left-block {
  display: flex;
  align-items: center;
  gap: 30px;
}

.comment-footer .left-block p {
  margin: 0;
  font-size: 12px;
  line-height: 14px;
  color: #333;
}

.comment-footer .right-block span {
  font-size: 12px;
  line-height: 14px;
  display: block;
  color: #333;
  cursor: pointer;
}

.comments-area .tpproduct-details__nav .nav-tabs {
  border: none;
  justify-content: flex-start;
  padding: 16px 0 0;
}

.comments-area .tpproduct-details__nav .nav-tabs .nav-links:first-child {
  margin: 0 26px 0 0;
}

.comments-area .tpproduct-details__nav .nav-tabs .nav-links {
  border-bottom: 2px solid transparent;
  font-weight: 600;
}

.comments-area .tpproduct-details__nav .nav-tabs .nav-links.active {
  border-color: #d51243;
  transition: all 0.2s ease-in;
}

.comments-area .head-text-block {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: all 0.2s ease-out;
  cursor: pointer;
  position: relative;
  border-bottom: 1px solid #e7e7e7;
}

.questions h2 {
  margin: 20px 0 10px;
}

.comments-area .questions .head-text-block.collapsed:before,
.comments-area .questions .head-text-block.collapsed:after {
  top: 30px;
}

.comments-area .questions .head-text-block:after,
.comments-area .questions .head-text-block:before {
  top: 30px;
}

/* .comments-area .head-text-block{
    border-top: 1px solid #EFF1F3;
}  */

.comments-area .head-text-block:after,
.comments-area .head-text-block:before {
  content: "";
  display: block;
  position: absolute;
  top: 30px;
  right: 0;
  width: 20px;
  height: 1px;
  border-top: 3px solid #3d3d3d;
}

.comments-area .head-text-block:after {
  transform: rotate(0deg);
  transition: transform 0.2s ease-in-out;
}

.info-container {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}

.comment-btn-block .tpproduct-details__cart button,
.question-btn-block .tpproduct-details__cart button {
  color: #d51243;
  font-weight: 400;
  background: #eff1f3;
  padding: 12px 30px;
  transition: all 0.2s ease-out;
}

.question-btn-block .tpproduct-details__cart {
  text-align: right;
}

.question-btn-block {
  margin: 16px 8px 0;
}

.comment-btn-block .tpproduct-details__cart button:hover,
.question-btn-block .tpproduct-details__cart button:hover {
  background: #d51243;
  color: #fff;
  transition: all 0.2s ease-in;
}

.comments-area .head-text-block.collapsed:after {
  transform: rotate(90deg);
}

.comments-area .list-select select {
  cursor: pointer;
  font-weight: 400;
  color: #777 !important;
  padding: 0;
  margin: 0 10px 0 0;
  height: 24px;
  width: 175px;
  font-size: 16px !important;
  font-weight: 300;
}

.comments-area .list-select p {
  font-size: 16px;
  line-height: 16px;
  margin: 0 10px 0 0;
}

.image-preview {
  margin: 10px 0 0 0;
}

.platinam-product-area {
  padding-top: 20px;
}

.is-photo {
  border: 1px solid #eff1f3;
  cursor: pointer;
  border-radius: 2px;
  padding: 14.5px 10px;
  user-select: none;
}

.is-photo .form-check {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}

.is-photo .form-check-label {
  font-size: 16px;
  line-height: 16px;
  color: #777;
  margin: 0 10px 0 4px;
  cursor: pointer;
}

.is-photo .form-check-input {
  margin: 0;
  cursor: pointer;
  border-radius: 2px;
  background-color: #f3f3f3;
}

.is-photo .form-check-input:focus {
  border-color: rgba(0, 0, 0, 0.25);
  box-shadow: none;
}

.is-photo .form-check-input:checked {
  border-color: #d51243;
  background-color: #d51243;
}

.comments-area .list-select .sorting,
.comments-area .list-select .filter {
  padding: 8px 10px;
}

.comments-area .list-select .filter span,
.comments-area .list-select .sorting span {
  font-size: 14px;
  line-height: 14px;
}

.comments-area .list-select .filter,
.comments-area .list-select .sorting {
  border: 1px solid #eff1f3;
  border-radius: 2px;
}

.comments-area .list-select select:focus-visible {
  outline: none;
}

.comments-area .list-select .filter span,
.comments-area .list-select .sorting span {
  display: block;
  margin: 0 0 0 4px;
}

.comments-area .head-text-block.collapsed:before,
.comments-area .head-text-block.collapsed:after {
  content: "";
  display: block;
  position: absolute;
  top: 30px;
  right: 0;
  width: 20px;
  height: 1px;
  border-top: 3px solid #3d3d3d;
}

.head-text-block h4 {
  margin: 14px 0;
}

.urun-detay-content .select-color {
  justify-content: flex-start;

  gap: 5px;

  align-items: center;

  margin-bottom: 10px;
}

.urun-detay-content .select-color span {
  font-size: 16px;

  color: #040404;

  font-weight: 600;
}

.mobile-slide img {
  height: 400px;

  width: 100%;

  filter: opacity(0.2);
}

.hizala-ms {
  position: absolute;

  top: 50%;

  transform: translateY(-50%);
}



.form-element-users input,
.form-element-users select,
.form-element-users .select2-container{
  width: 100%;

  display: block;

  height: 50px;

  border: none;

  background-color: var(--tp-common-white);

  padding: 10px 20px;

  border-radius: 6px;

  margin-bottom: 20px;

  color: #777 !important;

  font-size: 16px;
}

.form-element-users .select2-container .select2-selection--single{
    border: none;
}
.form-element-users .select2-container .select2-selection--single .select2-selection__rendered{
  padding-left: 0;
  padding-right: 0;
}
.form-element-users .select2-container--default .select2-selection--single .select2-selection__arrow b{
    top: 90%;
}
.form-element-users .select2-container--default .select2-selection--single .select2-selection__rendered{
   color: #777;
}

.form-element-users input::placeholder {
  color: #777 !important;
}

.form-element-users select {
  font-size: 16px !important;
}

.login-input {
  position: relative;
}

.login-input input {
  width: 100%;

  height: 50px;

  border: none;

  background-color: var(--tp-common-white);

  padding: 10px 60px;

  border-radius: 6px;

  color: #777 !important;

  font-size: 16px;
}

.login-input input::placeholder {
  color: #777 !important;
}

.puanbanner {
  display: flex;

  justify-content: space-between;

  align-items: center;
}

.formbanner .tptrack__item-title {
  margin-bottom: 30px;
}

.formbanner .custom-label {
  font-weight: 600;

  font-size: 16px;
}

.hesap-tbl tbody td {
  padding: 10px !important;

  text-align: left !important;
}

.hesap-tbl thead th {
  padding: 10px !important;
}

.address-tbl tbody td {
  padding: 10px !important;

  text-align: left !important;

  border-top: none;
}

.address-tbl thead th {
  padding: 10px !important;

  border-top: none;
}

.hesap-tbl tbody td {
  padding: 10px !important;

  border-top: none;
}

.address-tbl .action {
  display: flex;

  gap: 10px;
}

.address-tbl .action a {
  font-size: 18px;

  width: auto;
}

.hesap-btns {
  display: flex;

  gap: 10px;
}

.hesap-btns a {
  font-size: 18px;

  width: auto;
}

.hesap-tbl.table > :not(:first-child) {
  border-top: none;
}

.address-tbl.table > :not(:first-child) {
  border-top: none;
}

.siparis-filtre .filter-btn {
  width: 100%;
}

.siparis-filtre .row{
    flex-wrap: inherit;
    gap: 16px;
    padding: 0 16px 0;
}

.siparis-filtre input,.siparis-filtre select{
    width: 30%;
}

.siparis-filtre input{
    font-size: 14px;
}


.siparis-filtre input:focus,.siparis-filtre select:focus,
.siparis-filtre input:focus-visible,.siparis-filtre select:focus-visible{
    box-shadow: none;
}

.siparis-filtre .filter-btn{
    max-width: 150px;
    border-color: var(--tp-text-primary);
}

.tpservicesitem__content p {
  font-size: 13px;
}

.puan-btn {
  border: 1px solid #d52b42;

  width: max-content;
}

.puan-btn:hover {
  border: 1px solid #777;
}

.btn-kaydet,.btn-fatura-kaydet {
  width: max-content;

  min-width: 120px;
}

.btn-fatura-kaydet{
    display: inline-block;    
    font-size: 14px;
    font-weight: 600;
    padding: 15px;
    border-radius: 6px;
    color: var(--tp-common-white);
    background-color: var(--tp-text-primary);
    line-height: 1.2;
    position: relative;
    text-align: center;
}

.btn-fatura-kaydet:hover{
    background-color: #832e43;
}
    

.btn-geri {
  display: inline-block;

  width: 90%;

  font-size: 14px;

  font-weight: 600;

  padding: 15px;

  border-radius: 6px;

  line-height: 1.2;

  position: relative;

  text-align: center;

  width: max-content;

  min-width: 120px;

  border: 1px solid #777;
}

.btn-geri:hover {
  color: #d52b42;

  border: 1px solid #777;
}

.btn-grey {
  display: inline-block;

  width: 90%;

  font-size: 14px;

  font-weight: 600;

  padding: 15px;

  border-radius: 6px;

  line-height: 1.2;

  position: relative;

  text-align: center;

  width: max-content;

  min-width: 120px;

  background-color: #777;

  color: #fff;
}

.btn-grey:hover {
  background-color: #999;
}

.bottom-btns {
  display: flex;

  gap: 20px;
}

.generic-form h3 {
  font-weight: 600;

  font-size: 24px;

  margin-bottom: 30px;
}

.siparis-btns {
  width: 100%;
}

.table-img img {
  width: 80px;

  border-radius: 10px;

  height: auto;
}

.iade-info .maddeler {
  display: flex;

  flex-direction: column;

  gap: 5px;

  margin: 15px 0 30px 0;

  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;

  padding: 15px;
}

.iade-info .maddeler .item {
  color: #777;

  font-size: 14px;

  text-transform: uppercase;
}

.iade-info .maddeler .item span {
  color: #040404;

  font-size: 14px;

  font-weight: 600;
}

.tsd.table > :not(:first-child) {
  border-top: none;
}

.tsd thead tr th {
  text-align: center;

  font-size: 12px;

  padding: 5px;

  line-height: 1.3;
}

.tsd tbody tr td {
  text-align: center;

  font-size: 12px;

  padding: 5px;

  vertical-align: middle;

  line-height: 1.3;
}

.tsd.left thead tr th,
.tsd.left tbody tr td {
  text-align: left;
}

.tsd .table-img img {
  width: 30px;
}

.tsd .islem-detay a {
  font-size: 14px;
}

.tsd .text-right {
  text-align: right !important;

  color: #040404;
}

.siparis-btns .btn-geri {
  height: 37px;

  display: flex;

  justify-content: center;

  align-items: center;
}

.islem-btns {
  display: grid;

  grid-template-columns: 1fr 1fr;

  gap: 5px;
}

.islem-btns a {
  color: #777;
}

.islem-btns a:hover {
  color: var(--tp-text-primary);
}

.price-gap {
  display: flex;

  gap: 10px;
}

.price-gap input {
  border: none;

  height: 50px;

  width: 200px;

  padding: 5px 20px 5px 45px;

  background-color: var(--tp-grey-2);

  border-radius: 6px;

  color: var(--tp-text-body);

  height: 35px;

  width: calc(100% - 20px);

  padding: 5px 10px 5px 10px;

  font-size: 12px;

  line-height: 1;
}

.dil-gecisi i,
.pb-gecisi i {
  color: #d51243;

  width: 23px;
}

.dil-gecisi a,
.pb-gecisi a {
  color: #777;

  font-size: 16px;
}

.dil-gecisi a.active,
.pb-gecisi a.active {
  color: #fff;
}

.dil-gecisi,
.pb-gecisi {
  display: flex;

  gap: 10px;

  align-items: center;
}

.hizalam {
  display: flex;

  justify-content: space-between;

  width: 100%;
}

.slide-container {
  overflow: hidden;
}

.modal-slider {
  min-width: 1135px;
  pointer-events: all;
  position: relative;
}

.modal-slider .tpproduct-details__nab .tab-pane img {
  border-radius: 0;
  height: 100%;
  object-fit: cover;
}

.modal-slider .urun-liste-modal {
  width: 55%;
  padding: 0;
}

.modal-slider .modal-slide-item {
  overflow: visible;
  min-width: 100%;
  background: #fff;
  border-radius: 6px;
}

.slide-block {
  display: flex;
  align-items: center;
  transition: transform 0.3s ease-in-out;
}

.slide-btn {
  min-width: 50px;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #000;
  position: absolute;
  top: 400px;
  z-index: 13;
  cursor: pointer;
  transition: opacity 0.2s ease-out;
  opacity: 0.8;
}

.slide-btn:hover {
  opacity: 1;
  transition: opacity 0.2s ease-in;
}

.btn-next {
  right: -27px;
}

.btn-prev {
  left: -29px;
  transform: rotate(-180deg);
}

.urun-liste-modal .tpproduct-details__cart.detail button {
  padding: 8px 10px;
  font-weight: 400;
  display: flex;
  align-items: center;
  font-size: 14px;
}

.urun-liste-modal .tpproduct-details__cart.add button {
  padding: 14px 16px;
  font-weight: 400;
  font-size: 14px;
}

.lightbox-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 99999;
  padding: 0 24px 0;
}

.lightbox-wrapper.opened {
  display: flex;
}

.product-details-review {
  max-width: 600px;
  width: 100%;
  border-radius: 10px;
  padding: 26px;
  background-color: #fff;
}

.close-btn {
  position: relative;
  display: block;
  text-align: right;
}

.lightbox-wrapper .tp-btn:hover {
  background-color: #000000;
}

.scroll-top.product-detail {
  right: 20px;
}

/* 
@media screen and (max-width: 1700px){
    .scroll-top.product-detail.open{
        bottom: 190px;
    }
} */

.custom-urun-detay-modal .modal-header {
  padding: 1rem 1rem 0 1rem;
  border-bottom: none;
}

.custom-urun-detay-modal .modal-body {
  padding: 26px;
}

.custom-urun-detay-modal form label {
  font-weight: 500;
  margin-bottom: 10px;
}

.custom-urun-detay-modal form label span {
  font-weight: 400;
  font-size: 10px;
  opacity: 0.5;
}

.custom-urun-detay-modal form label span.info {
  opacity: 1;
}

.custom-urun-detay-modal form label span.info i {
  font-size: 16px;
}

.custom-urun-detay-modal .modal-dialog {
  max-width: 600px;
  /* Genişliği ayarlayabilirsin */
}

.custom-urun-detay-modal .desc-area h4 {
  font-weight: 500;
}

.custom-urun-detay-modal .desc-area p {
  color: #777;
  font-size: 14px;
  line-height: 1.5;
}

.custom-urun-detay-modal .comment-submit {
  text-align: end;
}

.custom-urun-detay-modal select {
  margin-bottom: 20px;
}

.custom-urun-detay-modal .input-area {
  margin-bottom: 20px;
}

.custom-urun-detay-modal .pro-submit {
  padding: 12px 18px !important;
}

/* Varsayılan checkbox'ı gizle */
.checkboxes-area .form-check input {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 16px;
  height: 16px;
  border: 2px solid #d51243;
  /* Kenarlık */
  border-radius: 4px;
  outline: none;
  cursor: pointer;
  position: relative;
  background-color: white;
  transition: 0.3s;
}

/* Checkbox işaretlenince arka plan rengini değiştir */
.checkboxes-area .form-check input:checked {
  background-color: #d51243;
  border-color: #d51243;
}

/* Checkbox işaretliyken içindeki tik işareti */
.checkboxes-area .form-check input:checked::after {
  content: "✓";
  font-size: 12px;
  color: white;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-weight: bold;
}

/* Checkbox işaretliyken içindeki tik işareti */
.checkboxes-area .form-check {
  display: flex;
  align-items: center;
  gap: 5px;
  padding-left: 0px;
  margin-bottom: 5px;
}

.checkboxes-area .form-check label {
  margin-bottom: 0px;
  color: #777;
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  width: 100%;
  cursor: pointer;
}

.checkboxes-area {
  margin-bottom: 20px;
}

.checkboxes-area.yatay-radio {
  display: flex;
  gap: 20px;
  padding: 15px 8px;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
}

.checkboxes-area.yatay-radio input {
  min-width: 16px;
}

.checkboxes-area.yatay-radio .form-check {
  margin-bottom: 0px;
  gap: 5px;
}

.checkboxes-area.yatay-radio.double {
  display: grid;
  grid-template-columns: auto auto;
  column-gap: 25px;
  row-gap: 15px;
  padding: 15px 8px;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
}

.checkboxes-area.yatay-radio .form-check input:checked {
  background-color: #fff !important;
}

.checkboxes-area.yatay-radio .form-check input:checked::after {
  content: "";
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 50%;
  background-color: #d51243;
}

.custom-select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer;
  position: relative;
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="%23d51243"><path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"/></svg>');
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 16px;
}

/* File input'ı gizle */
.custom-file-input {
  display: none;
}

/* Özel buton tasarımı */
.custom-file-label {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border: 2px solid #d51243;
  color: #d51243;
  padding: 4px 10px;
  border-radius: 5px;
  cursor: pointer;
  font-size: 16px;
  transition: 0.3s;
  text-align: center;
}

.custom-file-label span {
  opacity: 1 !important;
}

/* Hover efekti */
.custom-file-label:hover {
  background-color: #d51243;
  color: white;
}

/* Hover efekti */
.custom-file-label:hover span {
  opacity: 1;
}

.dosyali-label {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.renk-secim-label {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 20px;
}

.miktar-sayacı {
  display: inline-flex;
  width: 120px;
  border: 1px solid #ccc !important;
  /* Sadece parent'a border ekleniyor */
  border-radius: 4px;
  /* İsteğe bağlı olarak border-radius ekleyebilirsiniz */
  overflow: hidden;
  /* İçerideki elemanların border dışına taşmasını engeller */
  min-width: 120px;
}

.miktar-sayacı span {
  padding: 5px 10px;
  background-color: #f8f9fa;
  cursor: pointer;
  border: none !important;
  height: 37px;
}

.miktar-sayacı span:hover {
  background-color: #e9ecef;
}

.miktar-sayacı .quantity-input {
  width: 100%;
  text-align: center;
  padding: 5px;
  border: none;
  height: 37px;

  /* İçerideki elemanların border'ları kaldırıldı */
}

.miktar-sayacı .minus-btn {
  position: absolute;
  left: 0;
  z-index: 99;
}

.miktar-sayacı .plus-btn {
  position: absolute;
  right: 0;
  z-index: 99;
}

.miktar-sayacı .plus-btn:hover,
.miktar-sayacı .minus-btn:hover {
  color: #777;
}

/* .miktar-sayacı {
    display: inline-flex;
    width: 120px;
}

.miktar-sayacı span {
    padding: 5px 10px;
    border: 1px solid #ccc;
    background-color: #f8f9fa;
    cursor: pointer;
}

.miktar-sayacı span:hover {
    background-color: #e9ecef;
}

.miktar-sayacı .quantity-input {
    width: 100%;
    text-align: center;
    padding: 5px;
    border: 1px solid #ccc;
    border-left: none;
    border-right: none;
    border-radius: 4px !important;
}

.miktar-sayacı .minus-btn {
    border-radius: 4px 0 0 4px !important;
        position: absolute;
    left: 0;
    z-index: 99;
}

.miktar-sayacı .plus-btn {
    border-radius: 0 4px 4px 0 !important;
        position: absolute;
    right: 0;
    z-index: 99;
}
.miktar-sayacı .plus-btn:hover, .miktar-sayacı .minus-btn:hover {
    color: #777;
} */

/* .select2-container {
  width: 90% !important;
} */

.renk-ekle-btn span {
  padding: 8px 15px;
  background-color: #d51243;
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

.renk-secim-label select {
  margin-bottom: 0px;
}

.eklenen-degerler {
  border: 1px solid #ccc;
  min-height: 100px;
  background-color: #f9f9f9;
  display: flex;
  row-gap: 20px;
  column-gap: 40px;
  flex-wrap: wrap;
  padding: 30px 20px !important;
  margin-bottom: 20px;
}

.eklenen-degerler .color-circle {
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  top: 2px;
  position: relative;
}

.eklenen-degerler .item-renk {
  position: relative;
  padding: 0px;
  background-color: transparent;
  margin-bottom: 0px;
  border-radius: 4px;
  width: max-content;
  height: max-content;
  font-size: 12px;
  color: #777;
}

.eklenen-degerler .remove-btn {
  position: absolute;
  top: -2px;
  right: -15px;
  border-radius: 50%;
  cursor: pointer;
  padding: 0px !important;
  display: inline-flex;
  width: 12px;
  height: 12px;
  justify-content: center;
  align-items: center;
  background: transparent;
  color: #777;
  border: 1px solid #777;
  line-height: 1;
}

.eklenen-degerler .remove-btn:hover {
  color: #c82333;
  border-color: #c82333;
}

.checkboxes-area.yatay-radio.make-dikey {
  flex-direction: column !important;
  border: none;
  padding: 0px;
}

.checkboxes-area.yatay-radio.make-dikey .form-check {
  padding: 15px 8px;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  gap: 10px;
}

.checkboxes-area.yatay-radio.make-dikey .form-check label span {
  display: block;
  margin-top: 5px;
  opacity: 1;
  font-size: 12px;
}

.checkboxes-area.yatay-radio.make-dikey .form-check label span b {
  font-weight: 600;
  font-size: 14px;
}

.custom-urun-detay-modal .om-item {
  padding: 15px 20px;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  margin-bottom: 20px;
}

.table-yikama td {
  padding: 10px;
}

.table-yikama tr td:nth-child(1) {
  font-size: 14px;
}

.table-yikama tr td:nth-child(3) {
  color: #777;
  font-size: 14px;
}

.table-manken td {
  padding: 5px;
  border: none;
}

.table-manken tr:first-child td {
  padding-top: 0px;
}

.table-manken tr td:nth-child(1) {
  font-size: 16px;
  line-height: 1;
}

.table-manken tr td:nth-child(2) {
  font-size: 16px;
  line-height: 1;
}

.mb-modal {
  display: flex;
  gap: 20px;
}

.tooltip-content {
  display: none;
  position: absolute;
  bottom: 100%;
  /* Tooltip'i yukarı taşı */
  right: 0px;
  width: 300px;
  background: #fff;
  padding: 15px;
  border-radius: 8px;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
  z-index: 1000;
  background-color: #eee;
}

.tooltip-content h4 {
  margin: 0 0 10px;
  color: #777;
}

.tooltip-content p {
  margin: 5px 0;
  font-size: 14px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.tooltip-content p {
  color: #777;
}

.tooltip-content p span {
  font-size: 14;
  line-height: 26px;
}

.tooltip-content p.t1 {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 10px !important;
  color: #040404;
}

.tooltip-content p.t2 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 10px !important;
  color: #040404;
}

.tooltip-close {
  position: absolute;
  top: 5px;
  right: 5px;
  background: #d51243;
  color: white;
  border: none;
  cursor: pointer;
  font-size: 14px;
  padding: 0px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.comment-input textarea {
  padding: 0.375rem 0.75rem;
}

.kupon-pasif {
  text-decoration: line-through;
}

.renk-ekle-btn span:hover,
.pro-submit:hover,
.sticky-bottom-wrapper .badge-area .tpproduct-details__tag:hover,
.tpproduct-details__cart button:hover,
.sticky-bottom-wrapper .product-link:hover,
.scroll-top:hover,
.urun-liste-modal
  .product-detail-info-container.desc
  .tpproduct-details__cart:last-child:hover {
  background-color: #777;
}

.rs-slider {
  overflow: hidden;
  width: 100%;
  max-width: 100%;
  position: relative;
}

.rs-slider .swiper-wrapper {
  display: flex;
  transition-timing-function: ease-in-out !important;
}

.rs-slider .swiper-slide {
  flex-shrink: 0;
  min-width: 0;
}

/* .kayan-rs {
    padding-right: 10px;
} */

.kayan-rs .img {
  position: relative;
}

.kayan-rs .img .title {
  position: absolute;
  bottom: 30px;
  background: #fff;
  width: 100%;
  text-align: center;
  opacity: 0.5;
}

.kayan-rs .img .title span {
  z-index: 2;
  opacity: 1;
  position: relative;
}

.kayan-rs .img .tpproduct-details__quantity {
  width: 100%;
  border-radius: 0;
  border: none;
}

.kayan-rs .img .tpproduct-details__quantity span {
  max-width: 30px;
  background: #b1b1b1;
  line-height: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}

.kayan-rs .img .tpproduct-details__quantity input {
  width: 100%;
  line-height: 1;
  font-size: 14px;
  background: #ddd;
}

html,
body {
  overflow-x: hidden;
}

.urun-detay-content2 .tpproduct-details__condation {
  max-width: 100vw;
}

.urun-detay-content2 .slider-block .img,.product-color-swiper .slider-block .img {
  width: 85px;
  min-width: 85px;
}

#ozellestirModal .btn-save {
  text-align: right;
}

#ozellestirModal .btn-save button {
  padding: 12px 20px;
}

#yorumYapModal .tpproduct__rating ul li a {
  font-size: 20px;
}

#yorumYapModal .tpproduct__rating ul {
  margin: 0 0 16px;
}

#yorumYapModal .tpproduct__rating h3 {
  font-size: 20px;
}

.mobile-slider-view {
  display: none;
}

.mobile-tabs-view {
  display: none;
}

.mobile-slider-view .swiper-pagination-bullet {
  display: inline-block;
  background: transparent;
  margin: 0 5px;
  height: 30px;
  width: 30px;
  min-width: 30px;
  line-height: 30px;
  text-align: center;
  border-radius: 50%;
  position: relative;
  border: 1px solid transparent;
}

.mobile-slider-view .swiper-pagination-bullet-active {
  background: transparent;
  border: 1px solid #d7d9e0;
}

.mobile-slider-view .swiper-pagination-bullet::before {
  position: absolute;
  content: "";
  height: 8px;
  width: 8px;
  background-color: var(--tp-text-body);
  top: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
  left: 50%;
}

.mobile-slider-view
  .swiper-pagination-bullet-active
  .swiper-pagination-bullet::before {
  background: transparent;
}

.exclusiveitem__thumb img {
  width: 100%;
  max-width: 100%;
  object-fit: cover;
}

.category-triple-area .tpbanneritem__content {
  right: 0;
  left: 10%;
}

.four-items-area .bannerbox__title {
  font-size: 26px;
}

.four-items-area .bannerbox {
  top: 100px;
}

.four-items-area .bannerbox__btn .tp-btn {
  padding: 18px;
}

@media (min-width: 1600px) {
  .custom-urun-detay-modal .modal-dialog {
    max-width: 800px;
    /* Genişliği ayarlayabilirsin */
  }
}

.slider-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  color: white;
  font-size: 30px;
  cursor: pointer;
  background: rgba(0, 0, 0, 0.5);
  border: none;
  padding: 15px;
  z-index: 999;
}

.prev-btn {
  left: 20px;
}

.next-btn {
  right: 20px;
}

.product-story-root .story-item {
  width: 84px;
  height: 84px;
  min-width: 84px;
  border: 2px solid;
  border-color: #ddd;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  cursor: pointer;
  transition: border-color 0.2s ease-out;
}

.product-story-root .story-item:hover {
  transition: border-color 0.2s ease-in;
  border-color: #d51243;
}

.story-item img {
  max-width: 100%;
  object-fit: cover;
}

.product-story-root .swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
}

.story-slider {
  padding: 0 8px 0;
}

.story-slider .swiper-button-next,
.story-slider .swiper-button-prev {
    top: 45px;
}

.story-slider .swiper-button-next {
  right: 0;
  z-index: 9999;
}

.story-slider .swiper-button-prev {
  left: 0;
  z-index: 9999;
}

.product-detail-prices.asorti .text-item {
  display: flex;
  align-items: flex-end;
  margin: 0 0 2.5em;
}

.product-detail-prices.asorti .form-select {
  cursor: pointer;
}

.product-detail-prices.asorti .form-select:focus {
  box-shadow: none;
  border-color: #ced4da;
}

.product-detail-prices.asorti .text-item h3 {
  margin: 0 4px 0 0;
  font-weight: 300;
  font-size: 24px;
  line-height: 24px;
}

.product-detail-prices.asorti .left-block p {
  font-size: 12px;
  font-weight: 500;
  line-height: 12px;
}

.product-detail-prices.asorti .size-block .top-item {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}

.product-detail-prices.asorti .size-block .top-item p {
  margin: 0;
  font-size: 14px;
}

.product-detail-prices.asorti .size-block .top-item .asorti-head {
  margin: 0 8px 0 0;
  font-weight: 300;
  font-size: 24px;
  line-height: 33px;
}

.product-detail-prices.asorti .cards {
  justify-content: flex-end;
}

.product-detail-prices.asorti .cards .card {
  width: 44px;
  min-width: 44px;
  height: 66px;
  justify-content: center;
}

.product-detail-prices.asorti .cards .card span {
  font-size: 22px;
  font-weight: 500;
}

.product-detail-prices.urun-detay .right-block .price {
  position: relative;
  color: #d51243;
}

.product-detail-prices.urun-detay .right-block .price::after {
  display: block;
  content: "";
  position: absolute;
  top: 11px;
  left: 0;
  height: 1px;
  width: 90px;
  background-color: #d51243;
  transform: rotate(350deg);
}

.product-detail-prices.urun-detay .right-block .big-txt {
  font-size: 26px;
  line-height: 14px;
  text-align: right;
  margin: 0;
}

.product-detail-prices.urun-detay .right-block .big-txt span {
  font-weight: 400;
  font-size: 20px;
  color: #333;
}

.product-detail-prices.urun-detay .right-block .big-txt .small-txt {
  font-weight: 400;
  font-size: 14px;
  color: #7b7b7b;
}

.product-detail-prices.urun-detay .bottom-txt {
  display: flex;
  align-items: flex-end;
  margin: 2em 0 0;
}

.product-detail-prices.urun-detay .bottom-txt p {
  font-family: "Lucida Sans", sans-serif;
}

.product-detail-prices.urun-detay .bottom-txt p:first-child {
  color: #000;
  margin: 0 44px 0 0;
  font-size: 24px;
  line-height: 24px;
  font-weight: 500;
}

.product-detail-prices.urun-detay .bottom-txt p:first-child b {
  font-size: 20px;
  font-weight: 600;
}

.product-detail-prices.urun-detay .bottom-txt p:last-child {
  font-size: 10px;
  line-height: 14px;
  margin: 0;
  color: #7b7b7b;
}

.product-detail-prices.urun-detay .bottom-txt p:first-child span {
  color: #000;
  font-size: 16px;
  top: 0;
}

.product-detail-prices.urun-detay .badge.shopping-card,
.product-detail-prices.urun-detay .badge.price {
  font-family: "Lucida Sans", sans-serif;
}

.quick-modal-area .product-detail-prices.asorti .cards .card span {
  font-size: 16px;
}

.quick-modal-area .product-detail-prices.asorti .text-item {
  margin: 0 0 1.4em;
}

.quick-modal-area
  .product-detail-prices.urun-detay
  .bottom-txt
  p:first-child
  b {
  font-size: 18px;
}

.quick-modal-area
  .tpproduct-details__content.quick-view
  .product-detail-prices
  p:first-child {
  font-size: 20px;
}

.quick-modal-area .product-detail-prices.urun-detay .badge.shopping-card,
.quick-modal-area .product-detail-prices.urun-detay .badge.price {
  font-size: 10px;
}

.quick-modal-area .product-detail-prices.urun-detay .bottom-txt p:first-child {
  margin: 0 28px 0 0;
}

.refund-wrapper .tpproduct-details__cart {
  text-align: right;
}

.refund-wrapper .tpproduct-details__cart button {
  padding: 12px;
  font-size: 14px;
}

#iadeTalebiOlusturModal textarea {
  width: 100%;
  padding: 10px;
}

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

#iadeTalebiOlusturModal
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  right: 24px;
}
#iadeTalebiOlusturModal .select2-container--open .select2-dropdown--below {
  width: 38.4% !important;
  margin: 0 0 0 15px;
}

#iadeTalebiOlusturModal .comment-submit {
  margin: 16px 0 0;
}

#iadeTalebiOlusturModal .add-file .row {
  justify-content: space-between;
}

#iadeTalebiOlusturModal .refund-preview-product {
  width: 250px;
  height: 250px;
  border: 1px solid #ddd;
  border-radius: 8px;
  overflow: hidden;
}

.custom-modal {
  padding: 0 24px !important;
  overflow: visible;
}

.custom-modal h2 {
  font-weight: 700;
  font-size: 28px;
  text-align: left;
}

.custom-modal .modal-dialog {
  max-width: 900px;
  height: 100%;
  border-color: #fff;
  margin: 0 auto;
}

.custom-modal .modal-btn {
  margin: 26px 0 0;
  text-align: center;
}

.custom-modal .tp-btn {
  font-size: 16px;
  line-height: 16px;
}

.custom-modal .modal-content {
  padding: 30px 24px 24px 24px;
}

.custom-modal .modal-header,
.custom-modal .modal-body {
  padding: 0;
}

.custom-modal img {
  max-width: 100%;
  object-fit: cover;
}

.custom-modal .modal-header .btn-close {
  margin: -22px -22px 0 0;
}

.tpcart__product-list {
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}
.tpcart__product-list::-webkit-scrollbar {
  display: none;
}
.tpcart {
  overflow-x: hidden;
  overflow-y: auto;
}

.foto-yorum .popup-gallery {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 16px;
}

.foto-yorum {
  margin: 0 16px 16px 16px;
  white-space: nowrap;
  overflow-x: auto;
}

.foto-yorum::-webkit-scrollbar {
  height: 5px;
  padding: 6px 0 0;
}
.foto-yorum::-webkit-scrollbar-thumb {
  border-radius: 6px;
}

.foto-yorum a {
  display: block;
  min-width: 70px;
  width: 70px;
  height: 120px;
  overflow: hidden;
  border-radius: 8px;
}
.foto-yorum a img {
  max-width: 100%;
  height: 100%;
  object-fit: cover;
}

#olcumTablosuModal .modal-dialog {
  max-width: 950px;
}

#olcumTablosuModal table {
  margin: 0;
}
#olcumTablosuModal .table td {
  padding: 8px;
}

#olcumTablosuModal .table th {
  width: 300px;
}

#olcumTablosuModal .modal-header .btn-close {
  margin: -17px -8px 0 0;
}
#olcumTablosuModal .modal-header {
  padding: 24px 26px 0;
}
#olcumTablosuModal .modal-header h4 {
  margin: 0;
}
#olcumTablosuModal {
  padding: 24px;
}
#olcumTablosuModal .table > :not(:first-child) {
  border-top: none;
}
#olcumTablosuModal .modal-body {
  padding: 16px 24px 24px 24px;
}
.payment-success {
  padding: 0 24px;
}

.payment-success .container {
  border-radius: 10px;
  border: none;
  box-shadow: 0 4px 14px rgba(141, 155, 164, 0.2);
  text-align: center;
  padding: 50px 5em;
  max-width: 950px;
  width: 100%;
  margin: 65px auto;
}
.payment-success .content p b {
  display: block;
  color: #333;
}

.payment-success .tpshop__content{
    text-align: left;
}

.payment-success .tpshop__thumb{
    max-width: 333px;
}

.payment-success .content p,
.payment-success.content span {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  color: var(--tp-text-secondary);
  margin: 24px 0 0;
}
.payment-success .content h1 {
  color: #333;
  font-size: 28px;
  line-height: 30px;
  font-weight: 600;
  margin: 20px 0 16px;
}

.payment-success .head-item i {
  color: #fff;
  font-size: 44px;
}
.circle {
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 100px;
  width: 100px;
  height: 100px;
  border-radius: 100%;
  background: #d51243;
  border: 1px solid #d51243;
}
#odemeHatasiModal .modal-header {
  padding: 0 0 10px;
}
#odemeHatasiModal .modal-header h5 {
  color: #d51243;
}

#odemeHatasiModal .close {
  margin: -49px -11px 0 0;
  font-size: 30px;
}
#odemeHatasiModal .odeme-hatasi-content {
  margin: 22px 0 0;
}

#odemeHatasiModal h2 {
  font-size: 22px;
}
#odemeHatasiModal p {
  color: var(--tp-text-secondary);
}

.labels.titles a.active {
  color: #fff;
  background-color: #d51243;
}
.order-note {
  padding: 30px;
  margin: 20px 0 0;
  border: 3px solid rgba(213, 18, 67, 0.3);
}

.order-note span {
  display: block;
  border-bottom: 1px solid #eaedff;
  padding-bottom: 10px;
  font-size: 30px;
  margin: 0 0 20px;
}

.order-note textarea {
  display: block;
  border: 1px solid #ddd;
  width: 100%;
  padding: 6px;
  font-size: 16px;
  line-height: 24px;
}
.order-note textarea:focus {
  outline: none;
}
.your-order {
  padding: 30px;
}

.your-order {
  padding: 30px;
}
.main-menu ul > li {
  margin-right: 60px;
}
.wbuton {
  position: fixed;
  bottom: 15px;
  left: 15px;
  font-size: 14px;
  transition: bottom 0.2s;
  z-index: 99999;
}
.floating-wpp-button {
  min-width: 50px;
  width: 50px;
  height: 50px;
  position: relative;
  border-radius: 50%;
  box-shadow: 1px 1px 4px rgba(60, 60, 60, 0.4);
  transition: box-shadow 0.2s ease-out;
  cursor: pointer;
  background: rgb(38, 194, 129);
  display: flex;
  align-items: center;
  justify-content: center;
}
.floating-wpp-button i {
  font-size: 26px;
  color: #fff;
  display: flex;
}

.floating-wpp-button:hover,
.floating-wpp-button.active {
  box-shadow: 1px 1px 20px rgba(60, 60, 60, 0.4);
  transition: box-shadow 0.2s ease-in;
}
.floating-wpp-popup {
  border-radius: 6px;
  background-color: #e5ddd5;
  position: absolute;
  overflow: hidden;
  padding: 0;
  box-shadow: 1px 2px 8px rgba(60, 60, 60, 0.25);
  width: 0px;
  height: 0px;
  bottom: 0;
  opacity: 0;
  transition: bottom 0.1s ease-out, opacity 0.2s ease-out;
  transform-origin: bottom;
}
.floating-wpp-popup.active {
  padding: 0 12px 12px 12px;
  width: 260px;
  height: auto;
  bottom: 70px;
  opacity: 1;
}
.floating-wpp-popup .floating-wpp-head {
  text-align: right;
  color: white;
  margin: 0 -15px 10px -15px;
  padding: 20px 12px;
  display: flex;
  justify-content: space-between;
  cursor: pointer;
}
.floating-wpp-popup .floating-wpp-message {
  background-color: white;
  padding: 20px 8px;
  border-radius: 5px;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
  opacity: 0;
  transition: opacity 0.2s;
}
.floating-wpp-popup.active .floating-wpp-message {
  opacity: 1;
  transition-delay: 0.2s;
}
.floating-wpp-popup .floating-wpp-input-message {
  background-color: white;
  margin: 10px -15px -15px -15px;
  padding: 14px;
  display: flex;
  align-items: center;
  color: #8a90a2;
}
.floating-wpp-popup .floating-wpp-head {
  background-color: rgb(38, 194, 129);
}
.floating-wpp-input-message textarea {
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: none;
  padding: 8px;
  margin: 10px 10px 10px 0;
  width: 100%;
  max-width: 100%;
  font-family: inherit;
  font-size: inherit;
  resize: none;
}
.floating-wpp-input-message i {
  font-size: 20px;
  color: #333;
  display: flex;
  cursor: pointer;
  transition: color 0.2s ease-out;
}
.floating-wpp-input-message i:hover {
  color: #a5a4a4;
  transition: color 0.2s ease-in;
}
.close {
  background: #fff;
  min-width: 20px;
  width: 20px;
  height: 20px;
  transition: color 0.2s ease-out, background 0.2s ease-out;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.close i {
  font-size: 20px;
  color: #333;
  display: flex;
  transform: rotate(46deg);
}
.close:hover {
  background: #797979;
  transition: all 0.2s ease-in;
}
.close:hover i {
  color: #fff;
  transition: all 0.2s ease-in;
}
.coupon-all .content {
  font-size: 12px;
  margin: 0;
}
.coupon-all .alert {
  height: 100%;
  padding: 10px;
}
.coupon-all .discount {
  white-space: nowrap;
}
.coupon-all button {
  white-space: nowrap;
}
.bannertext__title {
  display: block;
}
.bannerbox__title,
.bannerbox__subtitle {
  color: #fff;
}
.banneritem.middle {
  max-height: 49.1%;
  height: 100%;
}
.banneritem.middle img {
  height: 100%;
  object-fit: cover;
}
.testimonial-area .tptesti .thumbitem-secondary {
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 1;
  position: static;
}
.testimonial-area .tptesti .img {
  width: 150px;
  height: 150px;
  margin: 0 auto;
}
.testimonial-area .title-custom h3 {
  font-family: Jost;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #777;
  margin: 10px 0 0;
  transition: color 0.2s ease-in-out;
}
.testimonial-area .tpproduct__rating {
  justify-content: center;
}
.testimonial-area .tpproduct__rating ul {
  display: flex;
  align-items: center;
  justify-content: center;
}
.testimonial-area .tpproduct__rating ul li {
  margin: 0 0 0 6px;
}
.tptesti__avata-content-title {
  margin-bottom: 0;
}
.testimonial-area .tptesti__content p {
  font-size: 18px;
}
.testimonial-area .tpproduct__rating ul li a {
  font-size: 16px;
}
.testimonial-area .title-custom h3:hover {
  color: #000;
  transition: color 0.2s ease-in-out;
}
.product-head .product-icon svg path{
  fill: #fff;
}
.tpproduct-details__cart.badge{
  max-width: 113px;
  width: 100%;
}
.tpproduct-details__cart.badge p{
  text-align: left;
}

.alert.alert-warning{
  text-align: center;
  background: none;
  border: none;
  color: #333;
}
.alert.alert-warning .btn, .product-sidebar .btn{
  background: var(--tp-text-primary);
  border-color: var(--tp-text-primary);
  transition: border-color 0.2s ease-in-out, background 0.2s ease-in-out;
}
.alert.alert-warning .btn:hover, .product-sidebar .btn:hover{
  background: #777;
  border-color: #777;
  transition: border-color 0.2s ease-in-out, background 0.2s ease-in-out;
}

.comment-btn-block .alert.alert-warning, .question-btn-block .alert.alert-warning{
    background: #eff1f3;
}



.tpshop__thumb img{
  aspect-ratio: 333 / 318;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.tpshop__thumb{
  min-width: 333px;
  height: 318px;
  width: 100%;
}
.header-logo, .header-logo img{
   width: 120px;
}

.product-price .product-amount{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.product-price .product-amount span{
    max-width: 70px;
    width: 100%;
    display: block;
}

.product-price .product-amount span:last-child{
  text-align: right;
}

.not-found .page-header {
  padding: 5.5rem 0;
  color: #222529;
  background-color: #f4f4f4;
  text-align: center;
}

.not-found .breadcrumb-navv {
  color: #8e8e8e;
  border-bottom: 0;
}
.not-found .breadcrumb-navv a{
  color: var(--tp-text-primary);
}
.not-found .breadcrumb-navv a:hover{
  color: #8e8e8e;
}

.not-found .feature-box-content {
  color: #7b858a;
  font-size: 1.5rem;
  line-height: 1.9;
  padding: 0 10px;
}

.not-found .page-header h1, .not-found .page-title {
  margin-bottom: 0.4rem;
  font-size: 2.8rem;
  font-weight: 700;
  letter-spacing: -0.05em;
  color: #222529;
}

.not-found .feature-box {
  margin: 4rem 0;
}

.not-found .feature-box.border-top-primary {
  border-bottom: 1px solid #dfdfdf;
  border-left: 1px solid #ececec;
  border-right: 1px solid #ececec;
  box-shadow: 0 2px 4px 0px rgba(0, 0, 0, 0.05);
}

.not-found .feature-box.border-top-primary .feature-box-content {
  border-top: 4px solid var(--tp-text-primary);
  padding: 30px 20px 10px 20px;
}

.not-found .feature-box p {
  font-size: 20px;
  line-height: 30px;
}

.not-found .tpsecondary-btn{
  margin: 0 auto 24px;
  display: block;
  max-width: 200px;
  width: 100%;
}

.not-found .tpsecondary-btn:hover{
  color: #fff;
}
.not-found .tpsecondary-btn:focus{
  box-shadow: none;
}

.not-found .content{
   justify-content: center;
   
}
.select2-container .select2-selection--single{
    display: block;
    font-size: 1rem;
    padding: 10px;
    font-weight: 400;
    line-height: 1.5;
    color: var(--tp-grey-9);
    background-color: var(--tp-common-white) !important;
    appearance: none;
    border: 0 !important;
    border-radius: 0.25rem;
    height: 50px !important;
}
.register .select2-container .select2-selection--single{
  padding: 0;
  height: auto !important;
}
.select2-container .select2-selection--single .select2-selection__arrow b{
  top: 90% !important;
}
.select2-container .select2-selection--single .select2-selection__rendered{
  color: #777 !important;
}
.formbanner{
  margin: 24px 0 0;
}
.formbanner:first-child{
  margin: 0;
}
.about-area .btn-hesap{
   text-align: right;
   margin: 14px 0 0;
}
.color-area{
  overflow-x: auto;
  overflow-y: hidden;
  display: flex;
  width: 180px;
  align-items: center;
  padding: 7px 7px 10px 7px;
}
.color-area .scroll-inner{
  display: inline-flex;
  white-space: nowrap;
  width: max-content;
  margin: 0 0 0 auto;
  gap: 11px;
}

.color-area::-webkit-scrollbar-track
{
	-webkit-box-shadow:  0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
  border-radius: 6px;
}

.color-area::-webkit-scrollbar
{
	width: 6px;
  height: 10px;
	background-color: #F5F5F5;
}

.color-area::-webkit-scrollbar-thumb
{
	background-color: var(--tp-text-primary);
  border-radius: 6px;
}

.select2-sehir.select2-container .select2-selection--single{
  height: 50px !important;
}

#iadeTalebiOlusturModal select{
  margin-bottom: 0;
}
.home-slider .tp-btn{
  padding: 17px 11px;
  max-width: 200px;
  width: 100%;
}

.tpallblog .blog-btn:hover a{
  color: var(--tp-text-body);
  transition: color 0.5s;
}

.tpplatiarrow2__nxt,.tpplatiarrow2__prv{
  color: #c0c0c0;
  transition: color 0.5s;
}

.tpplatiarrow2__nxt:hover,.tpplatiarrow2__prv:hover{
  color: var(--tp-text-body);
  transition: color 0.5s;
}
.urun-detay-content2 .product-detail-info-container.desc .tpproduct-details__cart span{
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow : hidden;
  max-width: 113px;
}
.urun-detay-content2 .product-detail-info{
  flex-wrap: wrap;
}
.comment-submit .btn-primary{
    background: var(--tp-text-primary);
    border: none;
}
.comment-submit .btn-primary:hover{
    background: #fff;
    color: var(--tp-text-primary);
    box-shadow:0 0 0 1px var(--tp-text-primary);
    transition: all 0.3s;
}
.product-area .vsc{
    max-height: inherit;
}
.product-area .editor-content h4{
    font-size: 20px;
}
.product-area .editor-content p{
    font-size: 16px;
}
.product-area .editor-content h1{
    font-size: 24px;
}
.product-area .editor-content h2{
    font-size: 20px;
}
.blogitem__title a b{
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow : hidden;
    max-width: 100%;
    line-height: 1.5;
}
.header-meta__lang-submenu a img{
    margin: 0 8px 0 0;
}
.header-meta__lang-submenu{
    width: 137px;
    padding: 15px 12px;
}
.tpproduct__thumb-bg{
    width: max-content;
}
.sticky-product-price-info .btn-group-sm>.btn, .btn-sm{ 
    background-color: var(--tp-text-primary);
    border-color: var(--tp-text-primary);
}
.sticky-product-price-info .btn-group-sm>.btn, .btn-sm:hover{
    background-color: #ddd;
    border-color: #ddd;
    color: #010101;
}
.vitrin .banneritem, .four-items-area .banneritem{
    position: relative;
    z-index: 2; 
}
.vitrin .banneritem::after,.four-items-area .banneritem::after{
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.3);
    top: 0;
    left: 0;
    display: block;
    content: "";
    z-index: 1;
}
.vitrin .bannerbox{
    z-index: 3;
}
.sss{
  margin: 0 0 60px;
}
.sss h1,.sss h2{
  font-weight: 600;
}
.sss h2{
  margin: 0 0 30px;
}
.sss .accordion-button{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: all 0.2s ease-out;
  cursor: pointer;
  position: relative;
  border-top: 1px solid #e7e7e7;
}
.sss .accordion-item:first-child{
  margin: 0;
}
.sss .accordion-item{
  margin: 30px 0 0;
  border-top: none;
}
.sss .accordion-header{
  margin: 0;
}
.sss .accordion-header button,.sss .accordion-body{
  color: #777777;
}
.sss .accordion-body{
  font-size: 18px;
  line-height: 24px;
}
.sss .accordion-header button{
  font-size: 20px;
  line-height: 26px;
  font-weight: 600; 
}
.sss .accordion-button:not(.collapsed){
  background: none;
}
.sss .accordion-button:focus{
  box-shadow: none;
}
.sss .accordion-button::after{
  display: none;
}
.sss .accordion-button:not(.collapsed) i{
  transform: rotate(-180deg);
}
.sss .accordion-button i{
  display: flex;
}

.sss .sss__wrapper .accordion{
  margin: 0 0 60px;
}

.sss .sss__wrapper{
  margin: 0 0 0 60px;
}

.sss .btn-area{
  text-align: center;
}

.sss .breadcrumb__area{
  padding: 60px 0;
  margin: 0 0 20px;
}

.sss.home .sss__wrapper{
    margin: 0;
}

.sss.home h4{
  font-weight: 700;
  margin: 0 0 30px;
}

.sss.home h5{
  font-size: 20px;
  font-weight: 600;
  margin: 0 0 16px;
}
.sss.home .sss__wrapper .accordion{
  margin: 0 0 40px;
}
.sss.home .accordion-header button{
  font-size: 18px;
}
.sss.home .accordion-item{
  margin: 12px 0 0;
}

.sss.home .btn-area a{
  max-width: 200px;
  width: 100%;
  padding: 17px 14px;
}
.odeme-yontemleri{
  display: block;
}
.odeme-yontemleri.bottom .radio-default{
  background: #fff;
  border: 1px solid #d7d7d7;
  border-radius: 8px;
  padding: 16px;
  font-size: 18px;
  display: block;
  font-weight: 500;
  color: #000;
  margin: 0 0 16px;
  cursor: pointer;
  transition: color 0.2s;
}

.odeme-yontemleri.bottom .radio-default:hover span{
  color: var(--tp-text-primary);
  transition: color 0.2s;
}

.odeme-yontemleri.bottom .radio-default {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
  cursor: pointer;
  position: relative;
  padding-left: 32px;
  font-size: 16px;
  user-select: none;
  color: #333;
  transition: color 0.3s;
}

.odeme-yontemleri.bottom .radio-default input[type="radio"] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.odeme-yontemleri.bottom .radio-default::before {
  content: "";
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
  height: 18px;
  width: 18px;
  border-radius: 50%;
  border: 2px solid #999;
  background-color: #fff;
  transition: border-color 0.3s, box-shadow 0.3s;
}

.odeme-yontemleri.bottom .radio-default input[type="radio"]:checked ~ span {
  color: var(--tp-text-primary);
  transition: color 0.2s;
}

.odeme-yontemleri.bottom .radio-default input[type="radio"]:checked ~ span::before {
  border-color: var(--tp-text-primary);
  transition: color 0.2s;
}

.odeme-yontemleri.bottom .radio-default input[type="radio"]:checked + span::after {
  content: "";
  position: absolute;
  left: -12px;
  top: 52%;
  transform: translateY(-50%);
  height: 8px;
  width: 8px;
  background-color: var(--tp-text-primary);
  border-radius: 50%;
}

.odeme-yontemleri.bottom .radio-default:hover {
  color: var(--tp-text-primary);
  transition: color 0.2s;
}

.odeme-yontemleri.bottom .radio-default span {
  position: relative;
  padding-left: 8px;
}
.four-items-area{
  position: relative;
}
.select-color .basket_item_count_color::after, .select-color input[type="radio"]::after {
  min-width: 20px;
  
  width: 20px;

  height: 20px;

  border-radius: 50%;

  top: -3px;

  left: -3px;

  position: relative;

  background-color: #d1d3d1;

  content: "";

  display: inline-block;

  visibility: visible;

   box-shadow: 0 0 0 2px white;
   transition: box-shadow 0.2s; 
   cursor: pointer;
}

.select-color .basket_item_count_color.checked::after,.select-color input[type="radio"]:checked::after {
  /* width: 20px;

  height: 20px;

  border-radius: 50%;

  top: 0;

  left: -1px;

  position: relative;

  content: "";

  display: inline-block;

  visibility: visible;

   */
  box-shadow: 0 0 0 2px var(--tp-text-primary) !important;
  transition: box-shadow 0.2s; 
}
.sube-popup i{
  font-size: 20px;
}
.sube-popup:hover i{
  color: var(--tp-text-primary);
}
.white-popup-block {
  background: #fff;
  padding: 20px 30px;
  text-align: left;
  max-width: 900px;
  margin: 40px auto;
  position: relative;
}
#branch_modal .tpshop__title{
  text-align: left;
  font-size: 24px;
}
#branch_modal .tpshop__thumb{
  max-width: 400px;
}
#branch_modal .tpshop__location{
  margin: 24px 0 0;
}
.cat-menu__list li.menu-item-has-children:hover .submenu{
    height: max-content;
}

.four-items-area .banneritem,
.vitrin .banneritem{
    display: block;
}

.tpproduct__thumb img{
    aspect-ratio: 4 / 5.4;
    object-fit: cover;
}

.sss .btn-area{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
}

.story-slider .circle-block{
    display: block;
}

.story-slider .circle-block span{
    font-size: 12px;
    display: block;
    width: 100%;
    text-align: center;
}
.tpproductitem{
    border-radius: 6px;
}

.tpsidebar .accordion-button{
    padding: 0;
    position: relative;
}

.tpsidebar .accordion-button span,.tpsidebar .accordion-button h4{
    width: 100%;
}

.tpsidebar .accordion-button::after{
    display: none;
}

.tpsidebar .accordion-button:focus{
    box-shadow: none;
}

.tpsidebar .accordion-button:not(.collapsed){
    box-shadow: none;
    background: none;
    color: #000;
} 

.tpsidebar .accordion-button::before,
.tpsidebar .accordion-button::after{
    content: "";
    display: block;
    position: absolute;
    top: 10px;
    right: 0;
    width: 12px;
    height: 1px;
    border-top: 2px solid #3d3d3d;
}

.tpsidebar .accordion-button::after{
    transform: rotate(90deg);
}

.tpsidebar .accordion-button:not(.collapsed)::after{
    transform: rotate(0);
}

.urun-filter-btn{
    position: relative;
}

.urun-filter-btn i{
    position: absolute;
    right: 14px;
    top: 14px;
    font-size: 20px;
}

.header-meta__social{
    position: relative;
}


.account-logo .dropdown-menu ul{
    list-style: none;    
    border: 1px solid #ddd;
    background: #fff;
    border-radius: 10px;
    text-align: center;
    padding: 0 20px;
}

.account-logo .dropdown-menu ul li a{
    font-size: 14px;
    line-height: 20px;
    margin: 12px 0;
    display: block;
}
.account-logo .dropdown-menu ul li a:hover{
    color: var(--tp-text-primary);
    transition: 0.3s;
}

.account-logo{
    margin: 0 0 0 25px;
}

.account-logo .dropdown-menu{
    border: none;
    padding: 0;
    background: none;
    min-width: auto;
}

.account-logo .dropdown-toggle{
    background: none;
    border: none;
    padding: 0;
}

.account-logo .dropdown-toggle i,.dropdown-toggle::after{
    color: #000;
    font-size: 18px;
}

.account-logo .dropdown{
    display: flex;
}

.account-logo .dropdown-menu{
    left: -40px !important;
    width: auto !important;
}

.tpsign__account.login p,.tpsign__account.login p a{
    font-size: 16px;
}

.welcome-message{
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    margin: 0;
    padding: 8px 12px;
    text-align: center;
}

.message-bar{
    position: relative;
}

.message-bar::after{
    display: block;
    content: "";
    position: absolute;
    right: -6px;
    top: 17px;
    height: 1px;
    width: 15px;
    background: #333;
    transform: rotate(90deg);
}

.welcome-message span{
    font-weight: 600;
}

.tpsideinfo__nabtab .nav-link.active{
    padding: 10px 4px;
}

.tpsidebar-categories .has-megamenu{
    position: relative;     
}

.tpsidebar-categories .mean-expand{
    position: absolute;
    top: 0;
    right: 0;
    margin-top: 8px;
    padding: 0;
    line-height: 14px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    height: 26px;
    width: 26px;
    line-height: 26px;
    color: #fff;
    top: 0;
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tpsidebar-categories .mean-expand i{
    font-size: 16px;
}

.tpsidebar-categories .mean-expand.mean-clicked i{
    transform: rotate(45deg);
    color: var(--tp-text-primary);
}

.tpsidebar-categories .submenu li:last-child{
    border: none;
}

.tpsidebar-categories .submenu li a{
    width: 100%;    
    color: #fff;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 500;
    text-transform: capitalize;
}

.tpsidebar-categories .submenu li{
    padding: 10px 10%;    
}

.tpsideinfo__wishlist-link a{
    display: block;
    padding: 4px 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.tpsideinfo__wishlist-link i{
    display: flex;
    margin: 0 10px 0 0;
}

.tpsideinfo .menu-contact__info a{
    color: #fff;
    font-size: 14px;
    line-height: 20px;
}

.tpsideinfo .menu-contact__content{
    padding: 40px 0 0;
}

.tpsideinfo .menu-contact__item{
    margin: 10px 0 0;
}

.story-slider .swiper-button-next::after,
.story-slider .swiper-button-prev::after,
.home-slider .swiper-button-next::after,
.home-slider .swiper-button-prev::after{
    display: none;
}

.story-slider .swiper-button-next i,
.story-slider .swiper-button-prev i,
.home-slider .swiper-button-next i,
.home-slider .swiper-button-prev i{
    color: #333;
}

.basket-area{
    position: relative;
    width: 16%;
}

.basket-area::after{
    content:"";
    position: absolute;
    top: 9px;
    right: 10px;
    height: 6px;
    width: 6px;   
    border: 1px solid #fff;    
    border-right: transparent;
    border-top: transparent;
    transform: rotate(-45deg);
    transition: border-width 150ms ease-in-out;
}

.basket-area .kayitli-sepet{
    width: 100%;
}

.mobile-slide img{
    object-fit: contain;
} 

.sidebar__widget-content ul li a.active{
    color: var(--tp-text-primary);
} 

.product-detail-image .tpproduct-details__nab{
    margin: 0 0 40px;
}

.half-sticky-wrapper{
    position: fixed;
    bottom: 0;      
    width: 100%;
    background: #eff1f3;
    z-index: 12;    
    transition: 0.3s; 
    border-top: 1px solid #ddd;
}

.half-sticky-wrapper .container{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin: 10px auto 10px;
}

.half-sticky-wrapper .right{
    display: flex;
    align-items: center;
    gap: 20px;
}

.half-sticky-wrapper p{
    margin: 0;
}

.half-sticky-wrapper.hide{
    bottom: -60%; 
    transition: 0.3s; 
}

#tanim ul{
    padding: 0 0 0 30px;
    margin: 18px 0;
}

.half-sticky-wrapper .right p{
    text-align: right;
}

.half-sticky-wrapper .right p b{
    white-space: nowrap;
}

.half-sticky-wrapper .tpproduct-details__cart button{
    white-space: nowrap;
}

#urunuPaylasModal .modal-dialog{
    max-width: 300px;
    margin: auto;
}

#urunuPaylasModal .share-area{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 30px;
}

#urunuPaylasModal .share-area .item{
    display: block;
}

#urunuPaylasModal .share-area .item i{
    font-size: 35px;
    display: flex;
    color: #333;
}

#urunuPaylasModal .share-area .item a{
    display: block;
}

#urunuPaylasModal .share-area .item:hover i{
    color: var(--tp-text-primary);
}

#urunuPaylasModal .modal-header .btn-close{
    font-size: 14px;
    margin: 0 0 5px;
}

#urunuPaylasModal .modal-header h4{
    font-size: 20px;
}    

#urunuPaylasModal{
    padding: 0 6px;
}

.sss .sidebar__widget-content li{
    color: var(--tp-text-secondary);
    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid #f2f5fa;
    padding: 9px 15px;
    -webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -ms-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s; 
    cursor: pointer;
}

.sss .sidebar__widget-content li:hover{
    color: var(--tp-text-primary);
}

.address-tbl thead i{ 
    font-size: 14px;
    cursor: pointer;
    display: inline-flex;
}

.puan-kartlari{
    display: flex;
    align-items: center;
    gap: 20px; 
    margin: 16px 0;
}

.puan-kartlari .card{
    width: 100%;
    text-align: center;   
}

.puan-kartlari .card .head{
    border-bottom: 1px solid #d2d2d2;
    padding: 16px;
}

.puan-kartlari .card h5{
    font-weight: 600;
    font-size: 18px;
    margin: 0;
}

.puan-kartlari .card .number{
    display: block;
    margin: 12px 0 16px;
    font-size: 14px;
}

.order-detail .note label,.order-detail .order-status label{
    font-weight: 600;
    font-size: 12px;
}

.order-detail .note{
    border-radius: 2px;
}

.order-detail .note textarea{
    font-size: 14px;
}

.order-status .custom-tbl{
    margin-top: 0;
}

.tptesti__content p{    
     display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow : hidden;
    max-width: 95%;
    line-height: 1.5;
}

.tptesti{
    position: relative;
}

.comment-btn{
    position: absolute;
    top: 24px;
    right: 24px;
}


.comment-btn:hover i{
    color: var(--tp-text-primary);
}

.yorum-popup{
    text-align: center;
}

.yorum-popup .tptesti__avata-content-title h5{
    font-size: 24px;
}

.yorum-popup .tpproduct__rating{
    margin: 12px 0 20px;
}

.yorum-popup .tpproduct__rating li a{
    font-size: 18px;
}

.yorum-popup .title-custom h3{
    color: #777;
    font-size: 14px; 
}

.sepet-last-step .btn-close{
    margin: 0 0 0 auto;
    background: none;
    cursor: pointer;
}

.sepet-last-step .btn-close i{
    font-size: 20px;
    display: flex;
}
.tpproduct__thumbitem{
    z-index: 1;
}
.main-menu ul{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.main-menu ul > li{
  margin-right: 0;
}

.bank-area{
  display: flex;
  align-items: center;
  gap: 30px; 
  margin: 0 0 20px;
}

.bank-area .form-group{
  width: 100%;
}

@media screen and (max-width: 1600px) {
  /* .select2-container {
    width: 86% !important;
  } */

  .slide-area.triple .slider-block {
    width: 32.4%;
    min-width: 32.4%;
  }

  .slide-area.split .slider-block {
    width: 49%;
    min-width: 49%;
  }

  .sticky-bottom-wrapper .badge-area .tpproduct-details__tag {
    height: 40px;
  }

  .coupon-all .coupon button {
    padding: 6px 12px;
  }

  .category-triple-area .tpbanneritem__title {
    padding-top: 0 !important;
  }
}

@media (min-width: 1200px) and (max-width: 1400px) {
  .sepet-tablosu .top-area .buttons a {
    font-size: 9px;
    padding: 10px 10px;
  }
}

@media (max-width: 1400px) {
  .sticky-bottom-wrapper .right-block .text-item b{
    font-size: 30px;
  }
  .tpbanneritem__content {
    right: 0;
    left: 10%;
  }
  .cart-page-total.prices ul li {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .coupon-all .coupon button {
    padding: 6px;
  }

  .menu-contact ul {
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }

  .menu-contact__info a {
    font-size: 12px;
  }

  .menu-contact ul li {
    display: block;
  }

  .tpproduct-details__content.quick-view .tpproduct__rating ul li {
    line-height: 17px;
  }

  .tpproduct-details__content.quick-view .product-detail-prices {
    margin: 0 0 32px;
  }

  .slide-area.triple .slider-block {
    width: 32%;
    min-width: 32%;
    align-items: flex-start;
  }

  .urun-karti-1 .beden-asorti .asorti-title,.urun-karti-yatay .beden-asorti .asorti-title {
    font-size: 12px;
  }
  
  .urun-karti-yatay .beden-asorti .asorti-title{
    font-size: 14px;
  }

  .urun-karti-1 .beden-asorti .asorti-text ul li,.urun-karti-yatay .beden-asorti .asorti-text ul li {
    font-size: 9px;
  }

  .urun-karti-yatay .beden-asorti .asorti-text ul li{
    font-size: 12px;
  }

  .slide-area.split .slider-block {
    width: 49.2%;
    min-width: 49.2%;
  }

  .urun-liste-modal .tpproduct__rating ul {
    flex-direction: column;
    align-items: flex-start !important;
  }

  .urun-detay-content2
    .product-detail-info-container
    .tpproduct-details__tag-area {
    padding: 10px 10px;
  }

  .p10-area .pop-products {
    display: grid;

    grid-template-columns: 1fr 1fr 1fr 1fr;

    gap: 30px;
  }

  

  .slide-area.triple .cart-plus i svg,
  .slide-area.triple .cart-minus i svg {
    width: 16px;
    height: 16px;
    min-width: 16px;
  }

  .slide-area.triple .cart-plus i,
  .slide-area.triple .cart-minus i {
    font-size: 12px;
  }

  .slide-area.triple .cart-plus,
  .slide-area.triple .cart-minus {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .urun-detay-content2 .head-item p{
    font-size: 10px;
  }

  .slide-area.triple .tpproduct-details__quantity {
    width: 56px;
    height: 24px;
  }

  .slide-area.triple .icon {
    min-width: 26px;
    width: 26px;
    height: 26px;
  }

  .slide-area.triple .icon svg,
  .rs-slider .icon svg {
    width: 16px;
    height: 16px;
  }
  .custom-modal h2 {
    font-size: 24px;
  }
 .vitrin .bannertext__title{
    display: block;
    width: 80%;
    margin: 0 auto 40px;
  } 
}

@media screen and (max-width: 1320px) {
  .four-items-area .bannertext__title {
    font-size: 24px;
  }

  .four-items-area .bannerbox__title {
    font-size: 24px;
  }

  .four-items-area .bannerbox {
    top: 65px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .four-items-area .bannerbox__title {
    font-size: 24px;
  }
  .four-items-area .bannerbox {
    top: 56px;
  }
}

@media (max-width: 1300px) {
  .category-triple-area .tp-btn,
  .four-items-area .four-items-area .bannerbox__btn .tp-btn {
    padding: 12px 10px;
  }

  .tpproduct-details__content.quick-view .tpproduct__rating ul li {
    line-height: 23px;
    margin: 0 6px 0 0;
  }

  .quick-modal-area .col-lg-5 {
    max-width: 350px;
  }

  .tpproduct-details__content.quick-view
    .product-detail-info-container
    .product-detail-info {
    margin: 0;
  }

  .tpproduct-details__content.quick-view .product-detail-prices {
    padding: 10px 16px;
    margin: 0 0 30px;
  }

  .tpproduct-details__content.quick-view .product-detail-info-container {
    padding: 8px 10px;
    margin: 20px 0 0;
    flex-direction: row;
    align-items: center;
  }

  .tpproduct-details__content.quick-view .product-detail-info-container.desc {
    margin: 20px 0 30px;
  }

  .tpproduct-details__content.quick-view
    .product-detail-info
    .tpproduct-details__cart {
    padding: 10px 8px;
  }

  .tpproduct-details__content.quick-view
    .product-detail-info
    .tpproduct-details__cart
    span {
    font-size: 12px;
  }

  .urun-detay-content2
    .product-detail-info-container
    .tpproduct-details__tag-area {
    padding: 0 10px;
  }

  .urun-liste-modal .tpproduct__rating ul {
    flex-direction: row;
    align-items: center !important;
  }

  .modal-slider {
    min-width: 1070px;
    /* height: 100%; */
    width: 1120px;
  }

  .modal-slider .modal-slide-item {
    min-width: 1120px;
  }

  .slide-container .pt-80 {
    padding-top: 30px;
  }

  .quick-modal-area .urun-detay-content.urun-liste-modal {
    padding-bottom: 30px;
  }

  .urun-liste-modal .product-detail-info-container {
    flex-direction: column-reverse;
    align-items: flex-start;
  }

  .urun-liste-modal .product-detail-info-container.desc {
    flex-direction: column;
  }

  .urun-liste-modal .product-detail-info-container .product-detail-info {
    margin: 8px 0 0;
  }

  .urun-liste-modal .product-detail-info-container.desc .product-detail-info {
    flex-wrap: wrap;
  }

  .urun-detay-content2
    .product-detail-info-container.desc
    .tpproduct-details__cart {
    width: max-content;
  }

  .main-menu-area .container {
    max-width: inherit;
  }
}

@media (min-width: 1201.98px) {
  .show-pc-sticky {
    display: none !important;
  }
  .smbtn {
    display: none !important;
  }
}

@media (max-width: 1201px) {
  .category-triple-area .tpbanneritem__content {
    top: 20%;
  }
  .four-items-area .bannerbox {
    top: 40px;
  }

  .four-items-area .bannerbox__title,
  .category-triple-area .tpbanneritem__title {
    font-size: 18px;
  }

  .four-items-area .bannerbox__btn .tp-btn {
    padding: 10px;
  }

  .cart-page-total.prices ul li {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
  }

  .sticky-bottom-wrapper .badge-area {
    max-height: 0; /* Başlangıçta kapalı */
    opacity: 0; /* Görünmez */
    overflow: hidden; /* Slide efekti için gerekli */
    transition: max-height 0.8s ease, opacity 0.8s ease; /* Hem yükseklik hem opaklık geçişi */
    display: grid; /* Grid yapısını hep koru, display ile oynamaya gerek yok */
    grid-template-columns: 1fr 1fr;
  }

  .sticky-bottom-wrapper .badge-area.show {
    max-height: 666px; /* İçeriğe göre maksimum yükseklik */
    opacity: 1; /* Görünür hale getir */
  }

  .hide-mobil-sticky {
    display: none !important;
  }
  .mb-0-sticky {
    margin-bottom: 0px !important;
  }

  .sticky-bottom-wrapper .product-links {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .sticky-bottom-wrapper .right-block {
    width: 100%;
    display: block;
  }
  .sticky-bottom-wrapper .tooltip-button.show-pc-sticky {
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
  }
  .sticky-bottom-wrapper .sagdan-hiza {
    padding-right: 40px;
  }
  .sticky-bottom-wrapper .right-block .text-item {
    margin: 0 0 6px;
  }

  .sticky-bottom-wrapper .right-block .text-item span {
    justify-content: end;
    display: flex;
  }
  .sticky-bottom-wrapper .btn-block button {
    height: 35px;
  }
  .sticky-bottom-wrapper .smbtn {
    position: absolute;
    top: 0px;
    height: 35px;
    font-size: 14px;
  }

  /* .quick-modal-area .col-lg-5 {
        max-width: 348px;
    } */

  .urun-liste-modal .circles span {
    min-width: 16px;
    width: 16px;
    height: 16px;
  }

  .modal-slider .urun-liste-modal {
    width: 58%;
  }

  .tpproduct-details__content.quick-view .product-detail-prices p:first-child {
    font-size: 18px;
    line-height: 20px;
    margin: 0;
  }

  .tpproduct-details__content.quick-view .left-block p {
    font-size: 16px;
  }

  .tpproduct-details__content.quick-view .main-price {
    display: flex;
  }

  .tpproduct-details__content.quick-view .product-detail-prices {
    margin: 0 0 20px;
  }

  .tpproduct-details__content.quick-view .product-detail-prices .size-block p {
    text-align: right;
  }

  .filter-block {
    display: block;
  }

  .filter-block .list-select {
    margin: 0 0 10px;
  }

  .slide-area.split .slider-block .text {
    top: -10px;
    height: 40px;
  }

  .slide-area.triple .tpproduct-details__quantity,
  .slide-area.split .tpproduct-details__quantity {
    display: none;
  }

  .slide-area.triple .tpproduct-details__quantity.mobile,
  .slide-area.split .tpproduct-details__quantity.mobile {
    display: flex;
    margin: 14px 0 0;
  }

  .slide-area.triple .head-item p {
    display: flex;
    text-align: left;
  }

  .urun-detay-content2 .slider-block {
    height: 178px;
  }

  .urun-detay-content2 .slider-block .body {
    height: 100%;
  }

  .modal-slider {
    min-width: 100%;
    padding: 0 40px;
  }

  .modal-slider .modal-slide-item {
    min-width: 100%;
  }

  .btn-prev {
    left: 20px;
  }

  .btn-next {
    right: 20px;
  }

  .urun-liste-modal.urun-detay-content2 .product-detail-info {
    flex-wrap: nowrap;
  }

  .p10-area .pop-products {
    display: grid;

    grid-template-columns: 1fr 1fr 1fr;

    gap: 30px;
  }

  .slide-area.split .slider-block {
    width: 49%;
    min-width: 49%;
  }

  /* .slide-area.triple .slider-block{
        width: 32.2%;
        min-width: 32.2%;
    } */

  .slide-area.triple .cart-plus,
  .slide-area.triple .cart-minus {
    margin: -2px 0 0;
  }

  .slide-area.triple .tpproduct-details__quantity input {
    width: 16px;
  }

  .slide-area.triple .tpproduct-details__quantity {
    width: 50px;
    height: 25px;
  }

  .slide-area.triple .buttons .icon,
  .rs-slider .buttons .icon {
    min-width: 25px;
    width: 25px;
    height: 25px;
  }

  .sepet-tablosu .top-area {
    flex-direction: column-reverse;

    margin-bottom: 20px;

    height: auto;
  }

  .sepet-tablosu .top-area .buttons {
    width: 100%;

    justify-content: end;
  }

  .sepet-tablosu .top-area .filter-area {
    width: 100%;
  }

  .bank-accounts {
    flex-direction: column-reverse;

    padding: 15px 10px;
  }

  .banktbl th {
    font-size: 14px;
  }

  .banktbl td {
    font-size: 14px;
  }

  .urun-liste-modal .product-detail-info-container {
    display: block;
  }

  .product-detail-info-container .tpproduct-details__tag-area {
    margin: 16px 0 0;
  }

  .urun-liste-modal .product-detail-info {
    flex-wrap: wrap;
  }

  .urun-liste-modal .main-price {
    display: block;
  }

  /* .urun-liste-modal .size-block {
        margin: 16px 0 0;
    } */

  .urun-liste-modal .size-block p {
    text-align: left;
  }

  .urun-detay-content2 .slider-block .img {
    width: 80px;
    min-width: 80px;
  }

  .product-detail-prices.urun-detay .head-txt .price {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }

  .product-detail-prices.urun-detay .badge.price {
    margin: 0 0 10px;
  }

  .product-detail-prices.urun-detay .main-price {
    display: flex;
    align-items: flex-start;
  }

  .product-detail-prices.urun-detay .bottom-txt {
    flex-direction: column;
    align-items: flex-start;
  }

  .product-detail-prices.urun-detay .bottom-txt p:first-child {
    margin: 0;
  }

  .product-detail-prices.urun-detay .badge.shopping-card,
  .product-detail-prices.urun-detay .badge.price {
    display: block;
  }

  .product-detail-prices.asorti .text-item {
    display: block;
  }

  .slide-area.triple .slider-block {
    height: 140px;
  }

  .slide-area.triple .slider-block .img {
    width: 56px;
    min-width: 56px;
  }

  .quick-modal-area .product-detail-prices.asorti .left-block p {
    font-weight: 400;
    font-size: 12px;
  }

  .quick-modal-area .product-detail-prices.urun-detay .right-block .big-txt {
    margin: 14px 0 0;
  }

  .quick-modal-area .product-detail-prices.urun-detay .badge.price {
    margin: 10px 0;
  }

  .quick-modal-area .col-lg-5 {
    max-width: 358px;
  }

  .quick-modal-area .product-detail-prices.asorti .size-block .top-item {
    margin: 0 0 12px;
  }

  /* .product-detail-prices.asorti .main-price{
        flex-direction: column;
    } */
  .coupon-all .content {
    font-size: 11px;
    line-height: 20px;
  }
  .coupon-all button {
    white-space: normal;
  }
  
  .message-bar{
    margin: 14px 0 20px;
  }

  .message-bar::after{
    display: none;
  }

  .welcome-message{
    color: #fff;
    padding: 0;
    text-align: left;
    font-size: 16px;
  }
  
  .menu-top-social{
    padding: 0;
    margin: 40px 0;
  }

  .menu-top-social a:first-child{
    margin: 0;
  }

  .menu-top-social i{
    color: #fff;
    font-size: 18px;
  }
   .product-detail-prices.urun-detay .main-price{
    align-items: center;
  }
  .puan-kartlari{
    flex-wrap: wrap;
  }
  .puan-kartlari .card{
    width: 48.5%;
  }
}

@media screen and (max-width: 1150px) {
  .testimonial-area .tptesti .img {
    width: 120px;
    height: 120px;
  }
  .testimonial-area .title-custom h3 {
    font-size: 14px;
  }
  .tptesti__avata-content-title,
  .testimonial-area .tptesti__content p {
    font-size: 16px;
  }
  .testimonial-area .tpproduct__rating ul li a {
    font-size: 14px;
  }
  .tpshop__thumb{
    min-width: 322px;
    height: 320px;
    width: 36%;
  }
}

@media screen and (max-width: 1024px) {
  .urun-liste-modal .tpproduct-details__cart.detail button {
    font-size: 12px;
    padding: 7.5px 10px;
  }

  .urun-liste-modal .tpproduct-details__cart.add button {
    font-size: 12px;
    padding: 14px 16px;
    font-weight: 400;
    font-size: 12px;
  }

 
}

@media (max-width: 993px) {
  /* .comment-wrapper{
        flex-direction: column;
    } */

  /* .urun-detay-content2 .slide-area {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .slide-area.triple .slider-block {
        width: auto !important;
        min-width: auto !important;
    } */

  .cart-page-total.prices ul li {
    flex-direction: row;
  }

  .product-detail-image {
    width: 100%;
  }

  .zoom-container:hover img {
    transform: none;
  }

  .tpproduct-details__content.quick-view
    .product-detail-info-container.desc
    .product-detail-info {
    flex-wrap: wrap;
  }

  .urun-liste-modal .colors p {
    font-size: 18px;
  }

  .urun-liste-modal .eye-icon svg {
    width: 20px;
    height: 20px;
  }

  .tpproduct-details__content.quick-view .left-block p:last-child {
    font-size: 14px;
  }

  .quick-modal-area .col-lg-5 {
    max-width: 270px;
  }

  .product-detail .col-lg-5 {
    max-width: 540px;
    width: 100%;
    margin: 0 auto;
    padding: 0 10px 0;
  }

  .product-head .product-info p {
    font-size: 12px;
    line-height: 12px;
  }

  .product-head .product-info .stock-code {
    font-size: 18px;
    line-height: 20px;
    white-space: nowrap;
    margin: 14px 0 0;
  }

  .sticky-bottom-wrapper .left-block p {
    font-size: 14px;
    line-height: 14px;
  }

  .sticky-bottom-wrapper .stock-code {
    font-size: 16px;
    line-height: 16px;
  }

  .sticky-bottom-wrapper .right-block .text-item span {
    display: flex;
    align-items: flex-start;
  }

  .sticky-bottom-wrapper .right-block .text-item p span {
    justify-content: flex-end;
  }

  .sticky-bottom-wrapper .badge-area .tpproduct-details__tag {
    font-size: 10px;
    padding: 5px 6px;
    height: 30px;
  }

  .sticky-bottom-wrapper .btn-block button {
    padding: 6px 5px;
    font-size: 13px;
    font-weight: 400;
    display: flex;
    align-items: center;
  }

  .sticky-bottom-wrapper .right-block .text-item p {
    text-align: right;
  }

  .sticky-bottom-wrapper .right-block .text-item b {
    font-size: 26px;
    line-height: 30px;
  }

  .product-head .left-block p {
    font-size: 14px;
    line-height: 18px;
  }

  .product-head .product-icon {
    width: 50px;
    height: 50px;
    min-width: 50px;
  }

  .urun-detay-content2 {
    /* width: 100%; */
    width: calc(100% - 30px);
  }

  .slide-area.split .slider-block {
    width: 49.2%;
    min-width: 49.2%;
  }

  .slide-area.triple .slider-block {
    width: 32.2%;
    min-width: 32%;
  }

  .tp-breadcrumb span {
    font-size: 14px;
    line-height: 14px;
  }

  .urun-liste-modal .col-lg-5 {
    width: 100%;
  }

  .puanbanner span {
    font-size: 16px;
  }

  .puanbanner button {
    margin-right: 0px !important;

    padding: 8px 15px !important;
  }

  .product-sidebar {
    display: none;
  }

  .product-sidebar.open {
    display: block !important;

    margin-top: 30px;
  }

  .urun-filter-btn {
    font-family: Jost;

    font-size: 16px;

    font-weight: 500;

    line-height: 1.5;

    text-align: left;

    text-underline-position: from-font;

    text-decoration-skip-ink: none;

    color: #fff;

    background-color: #d52b42;

    display: block;

    border-radius: 4px;

    padding: 13px 20px;

    margin-bottom: 10px;

    width: 100%;

    text-align: center;
  }

  .product-filter-content select {
    width: 100%;
  }

  .product-filter-content .list-select {
    width: 100%;
  }

  .product-navtabs {
    flex-direction: column;

    margin-top: 10px;

    width: 100%;
  }

  .product-filter-nav {
    display: none;
  }

  .product-sidebar__product-item .basic-pagination {
    margin-top: 30px;
  }

  .product-sidebar__product-item .product-item-count {
    margin: auto;

    width: max-content;
  }

  .postbox-area .sidebar__wrapper {
    margin-top: 60px;
  }

  .tpsideinfo__nabtab .nav-link {
    padding: 10px 4px;
  }

  .mean-container .mean-bar {
    margin-bottom: 30px;
  }

  .obf-content {
    margin-bottom: 30px;
  }

  .p10-area .pop-products {
    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 30px;
  }

  .home-slider .swiper-button-prev,
  .home-slider .swiper-container-rtl .swiper-button-next {
    display: none;
  }

  .home-slider .swiper-button-next,
  .home-slider .swiper-container-rtl .swiper-button-prev {
    display: none;
  }

  .tpdealcontact__countdown {
    display: grid;

    gap: 5px;

    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .tpdealcontact__countdown span {
    margin-right: 0px !important;
  }

  .tpdealcontact__countdown span.cdown {
    font-size: 26px;

    width: auto;

    height: auto;
  }

  .checkout-area .cart-page-total {
    margin-top: 30px;
  }

  .mp-15 {
    padding-left: 15px !important;

    padding-right: 15px !important;
  }

  .checkout-area .checkbox-form {
    padding: 0px;
  }

  .sticky-bottom-wrapper.visible {
    bottom: -440px;
  }

  .four-items-area .bannerbox {
    top: 115px;
  }

  .quick-modal-area .product-detail-prices.asorti .left-block p {
    font-size: 10px;
  }

  .quick-modal-area .product-detail-prices.asorti .size-block .top-item {
    flex-direction: column;
    align-items: flex-end;
  }

  .quick-modal-area
    .product-detail-prices.asorti
    .size-block
    .top-item
    .asorti-head {
    font-size: 20px;
    margin: 0;
  }

  .quick-modal-area .product-detail-prices.asorti .text-item {
    margin: 0 0 3em;
  }
  .coupon-all .alert {
    width: 100%;
  }
  .coupon-all .content {
    font-size: 12px;
  }
  .banneritem.middle {
    max-height: inherit;
    height: auto;
    margin: 16px 0;
  }
  .vitrin .bannertext__title{
    width: 100%;
  }
  .home-slider .tp-btn{
    max-width: 130px;
  }
  .sss .sss__wrapper{
    margin: 0;
  }
  .sss .breadcrumb__area{
    padding: 40px 0;
    margin: 0;
  }
  .odeme-yontemleri.bottom .radio-default input[type="radio"]:checked + span::after{
    left: -13px;
    top: 50%;
    height: 10px;
    width: 10px;
  }
 .product-detail-image .tpproduct-details__nab{
    margin: 0;
  }
  .tpproduct-details__nab .nav-link{
    margin-bottom: 10px;
  }
 .puan-kartlari .card h5{
    font-size: 16px;
 }
 .bank-area{
  flex-direction: column;
  gap: 16px;
 }
}

@media screen and (max-width: 800px) {
  .slide-btn {
    position: fixed;
    top: 460px;
  }

  .modal-slider {
    height: auto;
  }

  .quick-modal-area .row {
    flex-direction: column;
  }

  .modal-slider .urun-liste-modal {
    width: 100%;
    padding: 0 14px 20px;
  }

  .quick-modal-area .col-lg-5 {
    margin: 0 auto;
    width: 100%;
    max-width: inherit;
    padding: 16px 16px 0;
  }
}

@media (max-width: 768px) {
  .tpcart__img {
    margin-right: 14px;
  }
  .tpcartinfo {
    width: 100%;
  }
  .tpcart {
    overflow-y: auto;
  }
  /* .scroll-top.product-detail.open{
        bottom: 336px;
    } */
  .four-items-area .bannerbox {
    top: 80px;
  }
  .mobile-slider-view {
    display: block;
  }
  .mobile-slider-view .swiper-container {
    display: flex;
    align-items: center;
  }

  .swiper-pagination-bullet {
    padding: 5px 10px;
    border-radius: 0;
    width: auto;
    height: 30px;
    text-align: center;
    line-height: 30px;
    font-size: 12px;
    color: #000;
    opacity: 1;
    background: rgba(0, 0, 0, 0.2);
  }
  .swiper-pagination-bullet-active {
    color: #fff;
    background: #007aff;
  }

  .mobile-tabs-view {
    display: block;
  }

  .desktop-slider-view {
    display: none;
  }
  .desktop-tabs-view {
    display: none;
  }

  .mp-marque-slider p {
    font-size: 30px;
  }

  .tpbanneritem__content {
    right: 0;
    left: 18%;
  }

  .kayitli-sepet {
    width: 100%;
  }
  .cart-page-total.prices ul li {
    flex-direction: row;
  }
  .select2-container {
    width: 100% !important;
  }

  .uretim-modal-asorti {
    display: flex;
    flex-direction: column;
  }

  .dosyali-label {
    margin: 18px 0 0;
  }

  .mobil-column {
    flex-direction: column;
  }

  .mobil-mb {
    margin-bottom: 30px;
  }

  .miktar-sayacı {
    min-width: 80px;
  }

  .checkboxes-area.yatay-radio {
    flex-direction: column;
  }

  .checkboxes-area.yatay-radio.double {
    display: flex;
    flex-direction: column;
    row-gap: 20px;
    column-gap: 20px;
  }

  .product-links .btn-block {
    gap: 12px;
  }

  .comment-title.add-file label {
    font-size: 14px;
    line-height: 14px;
    padding: 10px 24px;
  }

  .comment-input input::placeholder {
    font-size: 14px;
    line-height: 14px;
  }

  .comment-input input {
    height: 40px;
    font-size: 14px;
    padding: 8px 20px 8px 14px;
  }

  .comment-input textarea::placeholder,
  .comment-input textarea {
    font-size: 14px;
  }

  .comment-input textarea {
    padding: 14px;
  }

  .pro-submit {
    padding: 14px 26px;
    font-size: 12px;
  }

  .question-area h3 {
    font-size: 20px;
  }

  .product-head .right-block {
    flex-direction: column-reverse;
    align-items: flex-end;
  }

  .product-head .right-block .product-info p,
  .product-head .right-block .product-info span {
    display: none;
  }

  .product-head .right-block .product-info .stock-code {
    display: block;
  }

  .product-head .product-icon {
    margin: 0 0 12px;
    display: none;
  }

  .product-head {
    flex-direction: column;
    align-items: flex-start !important;
    width: 100%;
  }

  .comments-area {
    padding: 20px 0;
  }

  .product-details-comment .comment-title p {
    font-size: 14px;
  }

  .comment-title h3 {
    font-size: 16px;
  }

  .comment.title label {
    padding: 10px 24px 12px;
  }

  .product-details-area .container {
    max-width: inherit;
  }

  .product-details-area .tpproduct-details__navtab {
    margin-top: 0;
  }

  .slide-container .container {
    max-width: inherit;
  }

  .tpproduct-details__cart {
    margin-left: 0;
  }

  .tpproduct-details__cart.detail button {
    padding: 10px;
  }

  .urun-liste-modal .tpproduct-details__wishlist {
    margin: 0;
  }

  .urun-liste-modal .tpproduct-details__count {
    gap: 10px;
  }

  .urun-liste-modal .product-detail-info .tpproduct-details__cart {
    margin-left: 0;
  }

  .tpproduct-details__wishlist.heart svg {
    height: 20px;
  }

  .urun-liste-modal .tpproduct-details__wishlist .fa-share-alt:before {
    top: -19px;
  }

  /* .comments-area .head-text-block h4{
        font-size: 22px;
        
    } */

  .comments-area .head-text-block.collapsed:before,
  .comments-area .head-text-block.collapsed:after {
    top: 30px;
  }

  .comments-area .head-text-block:before,
  .comments-area .head-text-block:after {
    top: 30px;
  }

  .comments-area .container {
    max-width: inherit;
  }

  .comment-wrapper .d-flex.left {
    align-items: flex-start;
    margin: 0 0 20px;
  }

  .search-container {
    width: 100%;
  }

  .comment-wrapper .product-detail-info .tpproduct-details__cart {
    margin: 0;
    padding: 8px 10px;
  }

  .info-top-block {
    padding: 8px;
  }

  .info-top-block span {
    line-height: 12px;
  }

  .sticky-bottom-wrapper .right-block {
    display: block;
  }

  .sticky-bottom-wrapper .right-block .text-item {
    margin: 0 0 6px;
  }

  .sticky-bottom-wrapper .right-block .text-item span {
    justify-content: flex-end;
  }

  .sticky-bottom-wrapper .btn-block button {
    padding: 10px;
  }

  .sticky-bottom-wrapper .btn-block button i {
    margin: 0 6px 0 0;
  }

  .sticky-bottom-wrapper .right-block .text-item p,
  .sticky-bottom-wrapper .right-block .text-item p span {
    font-size: 16px;
    line-height: 20px;
  }

  .sticky-bottom-wrapper .right-block .text-item b {
    font-size: 20px;
    line-height: 25px;
  }

  .urun-detay-content2 .tpproduct-details__condation {
    margin-bottom: 40px;
  }

  .border-space span {
    border-bottom: 1px solid #b3b3b3;
    border-right: none;
    height: auto;
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
  }

  .sticky-bottom-wrapper .badge-area .tpproduct-details__tag {
    font-weight: 400;
    font-size: 10px;
    line-height: 10px;
    padding: 4px 4px;
  }

  .urun-liste-modal.urun-detay-content2 .product-detail-info {
    display: flex;
    flex-wrap: wrap;
  }

  .container.product-detail {
    max-width: inherit;
  }

  .urun-detay-content2 .product-detail-info-container.desc {
    flex-wrap: wrap;
    display: flex;
    margin: 40px 0 0;
  }

  .urun-detay-content2 .tpproduct-details__condation ul {
    display: block;
  }

  .urun-detay-content2
    .product-detail-info-container.desc
    .tpproduct-details__cart {
    margin-left: 0;
    width: max-content;
  }

  .siparis-btns {
    flex-direction: column;

    gap: 5px;
  }

  .siparis-btns .btn-geri {
    width: 100%;
  }

  .siparis-btns .islem-btn {
    width: 100%;
  }

  .telefon-flex {
    grid-template-columns: 1fr 1fr;
  }

  .pa-top {
    position: relative;
  }

  .pa-top .blog-btn {
    position: absolute;

    top: 5px;
  }

  .p10-area .pop-products {
    display: grid;

    grid-template-columns: auto;

    gap: 30px;
  }

  .sepet-tablosu .top-area {
    height: auto;
  }

  .sepet-tablosu .top-area .buttons {
    display: grid;

    grid-template-columns: 1fr 1fr;
  }

  .sepet-tablosu .top-area .buttons a {
    width: 100%;
  }

  .odeme-yontemleri {
    flex-direction: column;
  }

  .add-info-list {
    padding: 14px;
  }

  .add-info-list span,
  .add-info-list b {
    font-size: 14px;
  }

  .exclusivearea__thumb img {
    width: 100%;
  }

  .custom-modal h2 {
    font-size: 22px;
  }
  .custom-modal .tp-btn {
    padding: 14px 20px;
    font-size: 14px;
  }
  .foto-yorum {
    padding: 0 0 6px;
  }

  #olcumTablosuModal .table td,
  #olcumTablosuModal .table th {
    font-size: 12px;
  }

  #olcumTablosuModal .modal-header {
    padding: 14px 14px 0;
  }

  #olcumTablosuModal .modal-header h4 {
    margin: 0;
    font-size: 20px;
  }

  #olcumTablosuModal .modal-body {
    padding: 14px;
  }

  #olcumTablosuModal .modal-header .btn-close {
    margin: -6px -8px 0 0;
  }

  #odemeHatasiModal .modal-header {
    padding: 0 0 10px;
  }

  #odemeHatasiModal .modal-header h5 {
    color: #d51243;
  }

  #odemeHatasiModal .close {
    margin: -49px -11px 0 0;
    font-size: 30px;
  }

  #odemeHatasiModal .odeme-hatasi-content {
    margin: 22px 0 0;
  }

  #odemeHatasiModal h2 {
    font-size: 22px;
  }

  #odemeHatasiModal p {
    color: var(--tp-text-secondary);
  }

  .payment-success .container {
    padding: 2em;
    margin: 40px auto;
  }

  .payment-success .content p,
  .payment-success.content span {
    margin: 10px 0 0;
  }

  .payment-success .content h1 {
    font-size: 20px;
    line-height: 30px;
    margin: 18px 0 0;
  }

  .payment-success .head-item i {
    font-size: 32px;
  }

  .circle {
    min-width: 80px;
    width: 80px;
    height: 80px;
  }

  .order-note {
    padding: 30px 15px 15px;
  }

  .your-order h3,
  .order-note span {
    font-size: 24px;
  }
  .urun-liste-modal
  .product-detail-info-container.desc
  .tpproduct-details__cart:last-child
  p {
  font-size: 14px;
}
.tpshop__thumb{
  min-width: 285px;
  height: auto;
  width: 100%;
}
.not-found form .search-info{
  display: none !important;
}
.not-found .page-header{
  padding: 2rem 0;
}
.not-found .page-header h1, .not-found .page-title{
  font-size: 30px;
}
.not-found .content .container{
    max-width: 100%;    
}
.not-found .feature-box p{
  font-size: 16px;
  line-height: 24px;
}
.not-found .tpsecondary-btn{
  height: 40px;
  padding: 11px 0 0;
}
.not-found .breadcrumb-navv a, .not-found .breadcrumb-navv li{
  font-size: 14px;
}
.formbanner{
  padding-right: 20px;
  padding-left: 20px;
} 
.color-area{
  width: 220px;
}
.refund-preview-product{
  margin: 16px 0 0;
}
.tpslidertwo__content .tpslidertwo__slide-btn{
    flex-direction: column-reverse;
    padding: 0 26px 0;
}
.home-slider .swiper-button-prev, .home-slider .swiper-button-next{
    font-size: 20px;
}
.home-slider .tp-btn {
    max-width: 200px;
    text-align: center;
    margin: 16px 0 0;
}
.urun-karti-1 .beden-asorti .asorti-text ul li,.urun-karti-yatay .beden-asorti .asorti-text ul li{
    font-size: 12px;
}
.iade-info .tpproduct-details__cart button{
    border: none;
    width: 100%;
}
.iade-info .maddeler{
    width: 100%;
}
.iade-info .tpproduct-details__cart{
    width: 100%;
}
.hesap-tbl .coupon-code-txt{
    font-size: 18px;
}
.comment-btn-block .tpproduct-details__cart button, .question-btn-block .tpproduct-details__cart button{
    padding: 12px 18px;
    margin: 0 0 0 18px;
}
.sss .accordion-header button{
  font-size: 16px;
  line-height: 20px;
}
.sss h1{
  font-size: 28px;
}
.sss h2{
  font-size: 24px;
}
.sss .sidebar__wrapper{
  margin: 0 16px 0;
} 
.odeme-yontemleri a{
  margin: 0 0 12px;
  padding: 12px;
  font-size: 16px;
  border-radius: 4px;
}
#branch_modal .tpshop__title{
    font-size: 18px;
}
.sss .btn-area{
    flex-direction: column;
    gap: 16px;
}
.sss.home .btn-area a{
    max-width: inherit;
}
.tpproduct .product-item{
   width: 50%;     
}
.urun-liste .urun-karti-1 .colors span{
    min-width: 20px;
    width: 20px;
    height: 20px;
    border: 2px solid #fff;
}
.urun-liste .urun-karti-1 .colors span:nth-child(5){
    font-size: 11px !important;
    line-height: 16px !important;
}
 .urun-liste .urun-karti-1 .beden-asorti .asorti-text ul li{
    font-size: 9px;
 }
 .urun-liste .urun-karti-1 .beden-asorti .asorti-text ul li span{
    font-weight: 600;
 }
 .urun-liste .urun-karti-1 .beden-asorti .asorti-text{
    padding: 4px;
 }
 .urun-liste .tpsidebar{
    margin: 0 0 20px;
 }
 .urun-liste .urun-karti-common .sepet-last-step .action{
    flex-direction: column;
    align-items: flex-start; 
 }
 .urun-liste .product-quantity .cart-plus, .product-quantity .cart-minus{
    width: 20px;
    height: 23px;
 }
 .urun-liste .urun-karti-common .sepet-last-step .action span{
    font-size: 12px;
 }
 .urun-liste .urun-karti-common .sepet-last-step .action .product-quantity i{
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 4px 0 0;
 }
 .urun-liste .urun-karti-common .sepet-last-step .action .product-quantity > input{
    width: 36px;
 }
 .urun-liste .urun-karti-common .sepet-last-step .action .product-quantity .cart-input{
    height: 23px;
 }
 .urun-liste .select-color{
    flex-direction: column;
    align-items: flex-start;
 }
 .urun-liste .select-color .color-area{
    width: 125px;
 }
 .product-sidebar .btn{
    margin: 0 0 20px;
 }
 .comment-wrapper{
    flex-direction: column-reverse;
 }
 .account-logo{
    margin: 0 0 0 18px;
 }
 .account-logo .dropdown-menu{
    left: -71px !important;
    min-width: 100px;
    max-width: 100%;
 }
 #header-mob-sticky.before-scroll{
    position: relative;
    z-index: 99;
 }
 .welcome-message{
    font-size: 14px;
    padding: 4px 0;
 }

 .siparis-filtre{
    align-items: center;
    justify-content: center;
 }

 .siparis-filtre .row{
    flex-direction: column;
    width: 100%;
    padding: 0;
 }
 
 .siparis-filtre input,.siparis-filtre select{
    width: 100%;
 }

 .siparis-filtre .filter-btn{
    max-width: inherit;
 }
.basket-area{
    width: 100%;
}
.slide-area.triple .head-item p{
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
}
.slide-area.triple .head-item span{
    margin: 0 0 6px;
}
.urun-detay-content2 .bottom{
    margin: 0;
}
.adres-ekle .bottom-btns{
    flex-direction: column;
}
.adres-ekle .bottom-btns button,.adres-ekle .bottom-btns .btn-geri{
    width: 100%;
}
 .half-sticky-wrapper .right{
    flex-direction: column;
    align-items: flex-end;
    gap: 10px;
  }
  
  .half-sticky-wrapper .container{
    align-items: flex-start;
  }
  .half-sticky-wrapper .left p,
  .half-sticky-wrapper .right span{
    font-size: 16px;
  }
  .half-sticky-wrapper .right p{
    text-align: right;
  }
  .puan-kartlari .card{
    width: 100%;
  }
  .puan-kartlari .card .head{
    padding: 8px;
  }
  .puan-kartlari .card .number{
    margin: 8px 0 8px;
  }
  .sidebar__widget{
    margin: 0;
  }
  .siparis-filtre .form-control{
    line-height: 2.5;
  }
  .refund-wrapper .tpproduct-details__cart{
    text-align: left;
  }
  .product-area.p10-area.pb-65{
    padding: 0;
  }
  .blog-area.pb-35.pt-85{
    padding-top: 40px;
  }
}

@media screen and (max-width: 660px) {
  .slide-area.split .slider-block {
    width: 49%;
    min-width: 49%;
    align-items: flex-start;
  }

  .slide-area.one .buttons .icon {
    min-width: 30px;
    width: 30px;
    height: 30px;
  }

  .slide-area.one .tpproduct-details__quantity {
    width: 70px;
    height: 30px;
  }

  .slide-area.one .tpproduct-details__quantity .cart-minus,
  .slide-area.one .tpproduct-details__quantity .cart-plus {
    padding: 0;
  }
  .comment-btn-block .tpproduct-details__cart .btn-yorum, .question-btn-block .tpproduct-details__cart .btn-soru{
    margin: 0 0 20px auto;
    display: flex;
    align-items: center;
  }
}

@media screen and (max-width: 610px) {
  .slide-area.triple .slider-block {
    width: 49%;
    min-width: 49%;
    align-items: flex-start;
    height: 150px;
  }

  .slide-area.triple .slider-block .img {
    width: 62px;
    min-width: 62px;
  }

  .urun-liste-modal .cards .card {
    width: 30px;
    min-width: 30px;
    height: 50px;
  }

  .slide-area.triple .head-item span,
  .slide-area.triple .head-item p {
    font-size: 10px;
    line-height: 10px;
  }
}

@media (max-width: 576px) {
  .category-area-split .bannerbox {
    top: 33%;
    left: 3%;
  }

  .category-triple-area .tpbanneritem__content {
    top: 32%;
    left: 3%;
  }

  .tpbanneritem__content {
    top: 30%;
    right: 0;
    left: 35%;
  }

  .four-items-area .bannerbox {
    text-align: center;
    top: 40%;
    left: 20%;
    right: auto;
  }

  .four-items-area .bannerbox__btn .tp-btn {
    margin-right: 0 !important;
  }

  .four-items-area .bannerbox.third {
    left: 25%;
  }

  .tpbanneritem__title {
    padding-top: 0 !important;
    padding-right: 0 !important;
  }
  .sticky-bottom-wrapper .badge-area.show {
    grid-template-columns: 1fr 1fr;
  }

  .modal-slider {
    width: auto;
  }

  .comment-wrapper .progress {
    width: 100%;
  }

  .reviews-container .comments-text h4 {
    font-size: 16px;
    line-height: 16px;
  }

  .reviews-container .comments-text p {
    font-size: 14px;
    line-height: 14px;
  }

  .comment-wrapper .d-flex.left {
    flex-direction: column;
  }

  .rating-container {
    margin: 0 0 16px;
    width: 100%;
  }

  .info-container {
    margin: 0 0 16px;
  }

  .rating-container .score {
    padding: 2px 8px;
    font-size: 12px;
  }

  .rating-container .tpproduct__rating ul li a {
    font-size: 12px;
  }

  .comments-area .list-select .sorting,
  .comments-area .list-select .filter,
  .is-photo {
    padding: 4px 6px;
  }

  .comments-area .list-select select {
    width: 140px;
  }

  .is-photo .form-check-label {
    font-size: 14px;
    line-height: 14px;
  }

  .slide-area.split .slider-block {
    width: 48.8%;
    min-width: 48.8%;
  }

  .white-product-area .urun-karti-1 {
    width: calc(100svw - 30px);
  }

 

  .sticky-bottom-wrapper .badge-area .tpproduct-details__tag {
    height: 34px;
  }

  .product-detail-prices.asorti .left-block p {
    font-size: 10px;
  }

  .product-detail-prices.asorti .size-block .top-item p {
    font-size: 12px;
  }

  .product-detail-prices.asorti .size-block .top-item .asorti-head {
    font-size: 20px;
  }

  .product-detail-prices.asorti .text-item h3 {
    font-size: 20px;
  }

  .quick-modal-area .product-detail-prices.asorti .main-price {
    flex-direction: column;
  }

  .quick-modal-area .product-detail-prices.asorti .left-block {
    width: 100%;
  }

  .quick-modal-area .product-detail-prices.asorti .text-item {
    margin: 0 0 1em;
  }

  .quick-modal-area .product-detail-prices.asorti .size-block .top-item {
    align-items: center;
    margin: 1.5em 0 0;
  }

  .quick-modal-area
    .product-detail-prices.urun-detay
    .bottom-txt
    p:first-child {
    font-size: 25px;
  }

  .quick-modal-area
    .product-detail-prices.urun-detay
    .bottom-txt
    p:first-child
    b {
    font-size: 18px;
  }

  .quick-modal-area
    .product-detail-prices.urun-detay
    .right-block
    .big-txt
    .small-txt {
    font-size: 12px;
  }

  .quick-modal-area .product-detail-prices.urun-detay .main-price {
    flex-direction: column;
  }

  .quick-modal-area .product-detail-prices.urun-detay .right-block {
    flex-direction: column;
    align-items: flex-start;
    margin: 30px 0 0;
  }

  .quick-modal-area .product-detail-prices.urun-detay .bottom-txt p:last-child {
    margin: 10px 0 0;
  }
  .tpshop__thumb{
    min-width: inherit;
  }
  #branch_modal .tpshop__thumb,.payment-success .tpshop__thumb{
    max-width: inherit;
  }
 
}

@media screen and (max-width: 524px) {
  .slide-area.triple {
    gap: 6px;
  }

  .slide-area.triple .slider-block,
  .slide-area.split .slider-block {
    height: auto;
  }

  .slide-area.triple .slider-block {
    width: 49%;
    min-width: 49%;
  }

  .slide-area.triple .color,
  .slide-area.split .color {
    margin: 0;
  }

  .slide-area.triple .tpproduct-details__quantity,
  .slide-area.split .tpproduct-details__quantity {
    display: none;
  }

  .slide-area.triple .slider-block {
    height: 150px;
  }
  .slide-area.triple .slider-block .img {
    width: 62px;
    min-width: 62px;
  }

  .slide-area.split .head-item p {
    display: block;
  }

  .slide-area.split .slider-block .bottom {
    margin: 0;
  }

  /* .slide-area.split .slider-block .body{
        height: 37vw;
    } */

  .slide-area.split .slider-block .text {
    top: 0;
    height: 28px;
  }

  .slide-area.triple .slider-block .text {
    position: relative;
    top: -25px;
    height: 12px;
  }
}

@media screen and (max-width: 480px) {
  .mobile-slider-view .swiper-pagination-bullet {
    height: 22px;
    width: 20px;
    min-width: 20px;
  }

  .mobile-slider-view .swiper-pagination-bullet::before {
    height: 6px;
    width: 6px;
  }

  .mobile-slider-view
    .swiper-container-horizontal
    > .swiper-pagination-bullets
    .swiper-pagination-bullet {
    margin: 0 2px;
  }

  .product-detail-prices.urun-detay .main-price {
    flex-direction: column;
    align-items: flex-start;
  }

  .product-detail-prices.urun-detay .right-block {
    flex-direction: column;
    align-items: flex-start;
    margin: 30px 0 0;
  }

  .product-detail-prices.asorti .main-price {
    flex-direction: column;
  }

  .product-detail-prices.asorti .main-price .left-block {
    width: 100%;
  }

  .product-detail-prices.asorti .text-item {
    margin: 0 0 1em;
  }

  .product-detail-prices.asorti .size-block .top-item {
    align-items: center;
    margin: 1.5em 0 0;
  }

  .product-detail-prices.urun-detay .bottom-txt p:last-child {
    margin: 10px 0 0;
  }
}

@media screen and (max-width: 456px) {
  .mobile-slider-view .urun-karti-1 .beden-asorti .asorti-title {
    display: none;
  }

  .mp-marque-slider p {
    font-size: 24px;
  }

  .table-manken tr td:nth-child(1),
  .table-manken tr td:nth-child(2) {
    font-size: 14px;

    display: block;
  }

  .table-manken tr td:nth-child(1) {
    font-weight: 500;
  }

  .table-manken tr {
    display: block;
    margin: 0 0 10px;
  }
  .img-fluid {
    object-fit: cover;
  }
}

@media screen and (max-width: 441px) {
  .mobile-slider-view .swiper-container {
    padding-bottom: 40px;
  }

  .mobile-slider-view .urun-karti-1 .product-amount {
    flex-direction: column;
    gap: 4px;
  }

  .slide-area.split .slider-block {
    width: 48.5%;
    min-width: 48.5%;
  }

  .slide-area.split .slider-block .img {
    width: 50px;
    min-width: 50px;
  }

  .slide-area.split .tpproduct-details__quantity {
    width: 58px;
    height: 28px;
  }

  .slide-area.one .tpproduct-details__quantity {
    width: 60px;
    height: 30px;
  }

  .slide-area.one .buttons .icon {
    min-width: 30px;
    width: 30px;
    height: 30px;
  }
}

@media screen and (max-width: 370px) {
  .tpbanneritem__content {
    top: 18%;
    right: 0;
    left: 10%;
  }
  .mobile-slider-view
    .swiper-container-horizontal
    > .swiper-pagination-bullets
    .swiper-pagination-bullet {
    margin: 0;
  }
  .mobile-slider-view .urun-karti-1 .product-amount {
    flex-direction: row;
    gap: 0;
  }
  .mobile-slider-view .urun-karti-1 .beden-asorti .asorti-title {
    display: block;
  }
  .mp-marque-slider p {
    font-size: 20px;
  }
  .story-slider {
    padding: 0 14px;
  }
}

@media (min-width: 1400px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1366px;
  }
}

@media (min-width: 1600px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1470px;
  }
}

@media screen and (max-width: 380px) {
  .reviews-container .tpproduct__rating {
    flex-direction: column;
    align-items: flex-start;
  }
}

/* Sepet Modal Loading Animasyonu */
.tpcart__product-loading {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 200px;
  padding: 20px;
}

.tpcart__product-loading-item {
  width: 100%;
  height: 60px;
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200% 100%;
  animation: loading 1.5s infinite;
  border-radius: 8px;
  margin-bottom: 15px;
}

.tpcart__product-loading-item:last-child {
  margin-bottom: 0;
}

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

/* Abdullah */

.destek-talep-musteri .panel-heading,
.destek-talep-musteri-detay .panel-heading{
    height: 100% !important;
}






.wp-preview #whatsapp-preview-button i {
    font-size: 24px;
}

.wp-preview #whatsapp-preview-button:hover #whatsapp-preview-tooltip {
    opacity: 1;
    visibility: visible;
}

.script-ekle-detay.wp-button #tab-content{
    margin: 16px 0 0;
}

.script-ekle-detay.sosyal-medya-bari .inner-tab-pane .builder-area{
    grid-template-columns: repeat(2, 1fr) auto;
}

.script-ekle-detay.sosyal-medya-bari #accounts .inner-tabs{
    margin: 16px 0 0;
}

.modal-overlay.sosyal-medya #preview-wrapper,
.modal-overlay.resim-label-modal #preview-wrapper{
    background-image: none;
    background-color: #ddd;
}

.script-ekle-detay.yagdirma-efekti .tab-btn.active,
.script-ekle-detay.yagdirma-efekti .inner-tab-button.active{
    border-color: transparent transparent #0ea5e9 transparent;
    color: #0ea5e9;    
}

.script-ekle-detay .tab-wrapper{
    margin: 16px 0 0;
}

.script-ekle-detay.yagdirma-efekti .builder-area{
    grid-template-columns: repeat(2, 1fr) auto;
}

.modal-overlay.yagdirma-modal #preview-wrapper{
    background-image: linear-gradient(to bottom, #1e3a8a, #4f46e5);
    padding: 0;
}

.script-ekle-detay.genel-banner .tab-btn.active,
.script-ekle-detay.genel-banner .inner-tab-button.active{
    border-color: transparent transparent #8b5cf6 transparent;
    color: #8b5cf6;      
}

.script-ekle-detay.kampanya-cani .tab-btn.active,
.script-ekle-detay.kampanya-cani .inner-tab-button.active{
    border-color: transparent transparent #e66454 transparent;
    color: #e66454;      
}

.modal-overlay.genel-banner #preview-wrapper{
    background-image: linear-gradient(to bottom, #1e3a8a, #4f46e5);
    padding: 0;
}

.script-ekle-detay.kampanya-cani .inner-tab-pane .form-group,
.script-ekle-detay.carkifelek .inner-tab-pane .form-group,
.script-ekle-detay.carkifelek .form-group.indirim-kodu{
      margin: 16px 0 0;  
}

.script-ekle-detay.kampanya-cani .form-row-split{
    margin: 16px 0 0;
}

#kc-preview-bell {
    position: absolute;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease;
    font-size: 28px;
    background-color: rgb(239, 68, 68);
    color: rgb(255, 255, 255);
    bottom: 20px;
    right: 20px;

}

#kc-preview-popup {
    display: none;
    position: absolute;
    width: 350px;
    max-height: 400px;
    background: white;
    border-radius: 8px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
    overflow: hidden;
    flex-direction: column;
}

.shake {
    animation: shake-animation 0.82s cubic-bezier(.36, .07, .19, .97) both;
    transform: translate3d(0, 0, 0);
}

@keyframes shake-animation {

    10%,
    90% {
        transform: translate3d(-1px, 0, 0);
    }

    20%,
    80% {
        transform: translate3d(2px, 0, 0);
    }

    30%,
    50%,
    70% {
        transform: translate3d(-4px, 0, 0);
    }

    40%,
    60% {
        transform: translate3d(4px, 0, 0);
    }
}

.modal-overlay.kampanya-modal #preview-wrapper{
    background-image: none;
    background: #ddd;
}

#kc-preview-popup .header {
    padding: 1rem;
    font-weight: 600;
    position: relative;
}

#kc-preview-popup .popup-close-btn {
    position: absolute;
    top: 2px;
    right: 12px;
    background: none;
    border: none;
    font-size: 24px;
    color: #333;
    cursor: pointer;
}

.script-ekle-detay.carkifelek .tab-btn.active,
.script-ekle-detay.carkifelek .inner-tab-button.active{
    border-color: transparent transparent #86198f transparent;
    color: #86198f;      
}

.script-ekle-detay.carkifelek .builder-area,
.script-ekle-detay.ucretsiz-kargo .builder-area,
.script-ekle-detay.kayan-yazi .builder-area{
    grid-template-columns: repeat(3, 1fr) auto;
}

#cf-color-palette input[type="color"] {   
    appearance: none;
    width: 44px;
    height: 44px;
    background-color: transparent;
    border: none;
    cursor: pointer;
    padding: 0;
    border-radius: 6px;
    border-style: hidden;
}

.script-ekle-detay.carkifelek .settings-accordion{
    overflow: visible;
}

.script-ekle-detay.musteri-hizmetleri .tab-btn.active,
.script-ekle-detay.musteri-hizmetleri .inner-tab-button.active{
    border-color: transparent transparent #3b82f6 transparent;
    color: #3b82f6;      
}

.script-ekle-detay.musteri-hizmetleri #tab-content .form-row-split,
.script-ekle-detay.musteri-hizmetleri #tab-content .form-group{
    margin: 16px 0 0;    
}

.script-ekle-detay.resim-ustu-label .tab-btn.active,
.script-ekle-detay.resim-ustu-label .inner-tab-button.active{
    border-color: transparent transparent #16a34a transparent;
    color: #16a34a;      
}

.modal-overlay.resim-label-modal .ru-image-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
}


.modal-overlay.resim-label-modal  #ru-label-preview {
    position: absolute;
    padding: 0.25rem 0.75rem;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5;
    z-index: 10;
}

.modal-overlay.resim-label-modal .ru-image-container {
    position: relative;
    width: 300px;
    height: 300px;
}

.modal-overlay.resim-label-modal #preview-wrapper {
    background-color: var(--bs-body-bg);
    padding: 2rem;
    min-height: 400px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#mh-preview-bar {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 24px;
    padding: 16px;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease-in-out;
}

.mh-agent-item {
    display: flex;
    align-items: center;
    gap: 8px;
    position: relative;
    padding: 6px;
}

.mh-agent-status {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    flex-shrink: 0;
}

.mh-agent-status.online{
    background-color: #22c55e;
}

.mh-agent-info .name {
    font-weight: 600;
    font-size: 14px;
}

.mh-agent-info .title {
    font-size: 12px;
    color: #6c757d;
}

.mh-agent-contacts {
    display: flex;
    gap: 12px;
    position: absolute;
    background-color: #fff;
    padding: 6px;
    border-radius: 6px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
    z-index: 10;
    left: 100%;
    top: 50%;
    transform: translateY(-50%);
    margin-left: 10px;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s, visibility 0.2s;
}

.mh-agent-item:hover .mh-agent-contacts {
    opacity: 1;
    visibility: visible;
}

.script-ekle-detay.ucretsiz-kargo .tab-btn.active,
.script-ekle-detay.ucretsiz-kargo .inner-tab-button.active{
    border-color: transparent transparent #0ea5e9 transparent;
    color: #0ea5e9;      
}

#preview-wrapper { 
    background-color: #fff; 
    padding: 24px; 
    min-height: 300px; 
    border-radius: 8px; 
}

#uk-bar-preview { 
    padding: 16px; 
    border-radius: 8px; 
    text-align: center; 
    font-weight: 500; 
    margin-bottom: 24px; 
}

#uk-progress-bar-container { 
    width: 100%; 
    background-color: #fff; 
    border-radius: 99px; 
    overflow: hidden; 
    height: 12px; 
    margin-top: 6px; 
}

#uk-progress-bar-fill { 
    height: 100%; 
    width: 0%; 
    border-radius: 99px; 
    transition: width 0.5s ease; 
}


.modal-overlay.kargo-bar .preview-controls { 
    padding: 16px; 
    background-color: #fff; 
    border-radius: 8px; 
}


.modal-overlay.kargo-bar #preview-wrapper{
    background-image: none;
    background: #f3f6f8; 
}

.modal-overlay.kargo-bar .form-control:focus,
.modal-overlay.kargo-bar .form-control:focus-visible {
    border-color: transparent;
    box-shadow: none;
}


#ei-popup-preview-overlay { 
    display: none;
    align-items: center; 
    justify-content: center; 
    position: absolute; 
    top: 0; 
    left: 0; 
    right: 0; 
    bottom: 0; 
    background-color: rgba(0,0,0,0.6); 
    z-index: 10; 
    animation: ei-fade-in 0.3s ease; 
}

@keyframes ei-fade-in { 
    from { opacity: 0; } 
    to { opacity: 1; } 
}


.ei-popup-container .ei-popup-close-btn { 
    position: absolute; 
    top: 8px; 
    right: 12px; 
    background: none; 
    border: none; 
    font-size: 16px; 
    cursor: pointer; 
    line-height: 1; 
    color: #fff; 
    text-shadow: 0 1px 2px rgba(0,0,0,0.3); 
}
.ei-popup-content { 
    padding: 32px; 
    text-align: center; 
    background: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.6)); 
    border-radius: 16px;
}
.ei-popup-content h2 { 
    font-size: 30px; 
    margin-top: 0; 
    margin-bottom: 12px; 
    font-weight: 600;
}
.ei-popup-content p { 
    font-size: 16px; 
    margin-bottom: 24px; 
    opacity: 0.9; 
}
.ei-code-wrapper { 
    margin: 24px 0; 
}
.ei-code-box { 
    display: inline-flex; 
    align-items: center; 
    border: 2px dashed; 
    padding: 8px 16px; 
    border-radius: 8px; 
    font-size: 20px; 
    font-weight: 700; 
}
.ei-code-box button { 
    background: none; 
    border: none; 
    cursor: pointer; 
    font-size: 19px; 
    margin-left: 12px; 
}
.ei-action-btn { 
    font-size: 16px; 
    font-weight: 600; 
    padding: 12px 32px; 
    border-radius: 8px; 
    text-decoration: none; 
    display: inline-block; 
}

.modal-overlay.dur-gitme #preview-wrapper{
    background-image: none;
    background: #a78bfa;
}

.ei-popup-container .ei-popup-close-btn {
    position: absolute;
    top: 12px;
    right: 16px;
    background: none;
    border: none;
    font-size: 28px;
    cursor: pointer;
    line-height: 1;
    color: #fff;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

.ei-popup-container{
    border-radius: 16px;
    position: relative;
}

.modal-overlay.dur-gitme #preview-wrapper{
    min-height: 570px;
    height: 100%;
}

.script-ekle-detay.dur-gitme .tab-btn.active,
.script-ekle-detay.dur-gitme .inner-tab-button.active{
    border-color: transparent transparent #6d28d9 transparent;
    color: #6d28d9;      
}

#preview-wrapper { 
    background-color: #ffffff; 
    padding: 32px; 
    min-height: 300px; 
    border-radius: 8px; 
}

.sekme-modal .sa-preview-tab {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    border-radius: 6px 6px 0 0;
    background-color: #ffffff;
    border: 1px solid #e8ebf0;
    border-bottom: none;
    box-shadow: 0 -2px 5px rgba(0,0,0,0.05);
    transition: all 0.2s ease;
}

.sekme-modal .sa-preview-tab.inactive { 
    background-color: #e8ebf0; 
}

#sa-preview-favicon { 
    width: 16px; 
    height: 16px; 
}

#sa-preview-title { 
    font-size: 14px; 
    font-weight: 500; 
    max-width: 200px; 
    white-space: nowrap; 
    overflow: hidden; 
    text-overflow: ellipsis; 
}

.sekme-modal .preview-controls { 
    margin-top: 32px; 
    padding: 24px; 
    background-color: #fff; 
    border-radius: 8px; 
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 12px;
}

.sekme-modal  #preview-wrapper {
    background-color: #f3f6f8;
    padding: 32px;
    background-image: none;
}

.sekme-modal .btn-light {
    background-color: #fff;
    color: #000;
    border-color: #dbe1e8;
}

.script-ekle-detay.kayan-yazi .tab-btn.active, 
.script-ekle-detay.kayan-yazi .inner-tab-button.active{
    border-color: transparent transparent #ca8a04 transparent;
    color: #ca8a04;
}

.script-ekle-detay.kayan-yazi #tab-content .inner-tab-pane .form-group{
    margin: 16px 0 0;
}

.kayan-yazi-modal #preview-wrapper { 
    background-color: #f3f6f8; 
    padding: 80px 0; 
    min-height: 200px; 
    border-radius: 8px; 
    position: relative; 
    background-image: none;
}

#ky-bar-preview {
    width: 100%;
    padding: 12px 0;
    overflow: hidden;
    white-space: nowrap;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    text-align: center;
}

#ky-bar-preview a, 
#ky-bar-preview span { 
    text-decoration: none; 
    color: inherit; 
}

#ky-content-preview {
    display: inline-block;
    padding-left: 100%;
    animation-name: marquee;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

.kayan-yazi-modal .ky-sequential-item { 
    animation: ky-fade-in-out 4s infinite; 
}


#cf-color-palette input[type="color"] {
    appearance: none;
    width: 44px; 
    height: 44px; 
    background-color: transparent;
    border: none; 
    cursor: pointer; 
    padding: 0; 
    border-radius: 6px;
}

#cf-color-palette input[type="color"]::-webkit-color-swatch { 
    border-radius: 6px; 
    border: 1px solid #e8ebf0; 
}

#cf-color-palette input[type="color"]::-moz-color-swatch { 
    border-radius: 6px; 
    border: 1px solid #e8ebf0; 
}


.modal-overlay.carkifelek  #preview-wrapper { 
    background-color: #f3f6f8; 
    padding: 32px; 
    min-height: 700px; 
    border-radius: 8px; 
    background-image: none;
}
#cf-trigger-preview { 
    position: absolute; 
    width: 70px; 
    height: 70px;
    border-radius: 50%; 
    display: flex; 
    align-items: center; 
    justify-content: center;
    cursor: pointer; 
    box-shadow: 0 4px 12px rgba(0,0,0,0.2); 
    transition: all 0.3s ease; 
    font-size: 32px; 
    z-index: 1001;
}
#cf-popup-preview { 
    position: absolute; 
    display: none; 
    width: 100%; 
    height: 100%; 
    top:0; 
    left:0; 
    background-color: rgba(0,0,0,0.6); 
    align-items: center; 
    justify-content: center; 
    z-index: 1002; 
    padding: 0 16px;
}
.cf-popup-content { 
    background: white; 
    border-radius: 12px; 
    padding: 32px; 
    text-align: center; 
    max-width: 450px; 
    width: 100%;
    position: relative; 
}
.cf-popup-content .popup-close-btn { 
    position: absolute; 
    top: 6px; 
    right: 8px; 
    background: none; 
    border: none; 
    font-size: 18px; 
    color: #6c757d; 
    cursor: pointer; 
}
#cf-wheel-container { 
    max-width: 300px;
    position: relative;
    width: 100%;
    height: 100%;
    margin: 40px auto 16px;
}
#cf-wheel-canvas { 
    width: 100%; 
    height: 100%; 
}
#cf-wheel-pointer { 
    position: absolute; 
    top: -20px; 
    left: 50%; 
    transform: translateX(-50%); 
    width: 0; 
    height: 0;
    border-left: 20px solid transparent; 
    border-right: 20px solid transparent; 
    border-top: 30px solid #e11d48; 
}
#cf-spin-button { 
    margin-top: 16px; 
    background-color: #86198f; 
    color: white; 
    font-weight: bold; 
    padding: 8px 24px; 
    border-radius: 8px; 
    cursor: pointer; 
}
#cf-result-display { 
    margin-top: 24px; 
}
#cf-result-display h3 { 
    color: #86198f; 
}
#cf-result-display p { 
    font-size: 16px; 
}
#cf-copy-code { 
    background: #f1f5f9; 
    border: 1px solid #e8ebf0; 
    padding: 6px 16px; 
    border-radius: 6px; 
    font-weight: 600; 
    cursor: pointer; 
    margin: 12px 0 0;
}

.cf-popup-content p{
    text-align: center;
    margin: 0;
}

.toplu-guncelleme .accordion-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 24px;
    cursor: pointer;
    background-color: #fff;
    border-radius: 8px 8px 0 0;
    transition: background 0.2s;
}

.toplu-guncelleme .accordion-item {
    background-color: white;
    border-radius: 8px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    margin-bottom: 1rem;
    border: 1px solid #e2e8f0;
    overflow: visible;
}

.toplu-guncelleme .accordion-content {
    display: none;
    padding: 16px;
    border-top: 1px solid #e2e8f0;
    background-color: #fff;
    border-radius: 0 0 0.5rem 0.5rem;
}

.toplu-guncelleme .accordion-item.active .accordion-content {
    display: block;
}

.toplu-guncelleme .circle {    
    box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
    background-color: rgb(37 99 235 / 1);
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 32px;
    width: 32px;
    height: 32px;
    color: #fff;
    border-radius: 50%;
}

.toplu-guncelleme  .accordion-title {
    font-size: 18px;
    font-weight: 700;
    color: #1e293b;
    display: flex;
    align-items: center;
    gap: 8px;
}

.toplu-guncelleme .accordion-content .row,
.toplu-guncelleme .accordion-content .row-split,
.toplu-guncelleme .accordion-content .row-four,
.toplu-guncelleme .accordion-content .inner-row{
    display: flex;
    align-items: center;
    gap: 16px;
    margin: 16px 0 0;
}

.toplu-guncelleme .accordion-content .row::after,
.toplu-guncelleme .accordion-content .row::before{
    display: none;
}

.toplu-guncelleme .searchable-multiselect, .toplu-guncelleme .searchable-singleselect {
    position: relative;
    height: 40px;
}

.toplu-guncelleme .multiselect-button {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 0 8px;
    border: 2px solid #ddd;
    border-radius: 6px;
    background-color: white;
    cursor: pointer;
    height: 40px;
}

.toplu-guncelleme .multiselect-button i{
    font-size: 14px;
}

.toplu-guncelleme .multiselect-dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    max-height: 256px;
    overflow-y: auto;
    background-color: #fff;
    border: 2px solid #ddd;
    border-radius: 8px;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
    z-index: 50;
    margin-top: 4px;
}

.toplu-guncelleme .accordion-content .inner-row {
    background-color: #f8fafc;
    border: 1px solid #e2e8f0;
    padding: 16px;
    border-radius: 8px;
}

.toplu-guncelleme .border-line{
    border-bottom: 1px solid #ddd;
    margin: 20px 16px;
}

.toplu-guncelleme .select-area{
    max-width: 324px;
    width: 100%;
    display: flex;
    align-items: center;
    gap: 8px;
}

.toplu-guncelleme .btn {   
    color: #334155;
    padding: 0 16px;
    height: 42px;
    border-radius: 6px;
    font-weight: 600;
    font-size: 14px;
    border: 1px solid #e2e8f0;
}

.toplu-guncelleme .btn-add:hover,
.toplu-guncelleme .btn-filter:hover{
    background-color: #e2e8f0;  
}

.toplu-guncelleme .btn-filter{
    background-color: #eff6ff;
    color: #2563eb;
    border-color: #bfdbfe;
    margin: 0 0 0 auto;
}

.toplu-guncelleme .btn-area{
    text-align: right;
}

.toplu-guncelleme .btn-accept{
    background-color: #2563eb;
    color: #fff;
    border-color: #2563eb;
    height: 36px;
}

.toplu-guncelleme .btn-accept:hover{
    background-color: #1d4ed8;
}

.toplu-guncelleme .info-area{
    background: #eff6ff;
    border: 1px solid #dbeafe;
    padding: 16px;
    border-radius: 8px;
    margin: 24px 0 0;
}

.toplu-guncelleme .info-area .row{
    margin: 0;
    justify-content: space-between;
}

.toplu-guncelleme .info-area .info-text{
    margin: 0;
    color: #1e40af;
    font-size: 16px;
}

.toplu-guncelleme .info-area .info-text span{
    font-size: 18px;
    font-weight: 700;
}

.toplu-guncelleme .mode-btn {
    padding: 16px;
    border: 2px solid #e2e8f0;
    border-radius: 8px;
    font-weight: 600;
    color: #64748b;
    transition: all 0.2s;
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
}

.toplu-guncelleme .action-button-area{
    display: flex;
    align-items: center;
    gap: 16px;
    margin: 0 0 24px;
}

.toplu-guncelleme .mode-btn.active {
    border-color: #2563eb;
    background: #eff6ff;
    color: #2563eb;
}

.toplu-guncelleme .action-tab-manual .tab-list {
    display: flex;
    flex-direction: column;
    overflow-x: auto;
    gap: 8px;    
    padding: 8px 12px;
    border-right: 1px solid #e2e8f0;
}

.toplu-guncelleme .action-tab-manual .tab-btn {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 40px 8px 16px;
    border-radius: 6px;
    color: #64748b;
    font-weight: 500;
    transition: all 0.2s;
    text-align: left;
    white-space: nowrap;
    width: 100%;
}

.toplu-guncelleme .action-tab-manual .tab-btn.active,
.toplu-guncelleme .action-tab-manual .tab-btn.active:hover {
    background-color: #eff6ff;
    color: #2563eb;
    font-weight: 600;
}

.toplu-guncelleme .action-tab-manual .tab-btn:hover {
    background-color: #f1f5f9;
    color: #0f172a;
}

.toplu-guncelleme .action-tab-manual .tab-content-area{
    width: 100%;
}

.toplu-guncelleme .action-tab-manual .tabs-container {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 24px;
}

.toplu-guncelleme .action-tab-manual .table-responsive{
    border-radius: 8px;    
    border: 1px solid #ddd;
}

.toplu-guncelleme .action-tab-manual .table-responsive input[type=checkbox]{
    width: 16px;
    height: 16px;
}

.toplu-guncelleme .action-tab-manual .table{
    margin: 0;
}

.toplu-guncelleme .action-tab-manual .table td,
.toplu-guncelleme .action-tab-manual .table th{
    padding: 12px;
}

.toplu-guncelleme .action-tab-manual .table thead{
    background: #f9fafb;
}

.toplu-guncelleme .action-tab-manual .table th{
    color: #6b7280;    
}

.toplu-guncelleme .action-tab-manual .table select,
.toplu-guncelleme .action-tab-manual .table input{
    height: 32px;
   
}

.toplu-guncelleme .action-tab-manual .table select{
 padding: 0;
}

.toplu-guncelleme .action-tab-manual .table td b{
    font-weight: 600;
}

.stok-update{
    background: #fff7ed;
    border: 1px solid #ffedd5; 
    border-radius: 8px;
    padding: 16px;
    margin: 16px 0 0;
}
 
.stok-update label{ 
    color: #9a3412;
    font-weight: 600;
}   

.stok-update .row .col-md-6{    
    padding: 0;
}


.toplu-guncelleme .action-tab-manual .btn-add-list{
    background-color: #2563eb;
    color: #fff;
}

.toplu-guncelleme .action-tab-manual .btn-add-list:hover{
    background-color: #1d4ed8;
}

.toplu-guncelleme .action-tab-manual .btn-area{
    margin: 16px 0 0;
}

.toplu-guncelleme .form-group{
    margin: 0;
}

.toplu-guncelleme .action-tab-manual .tab-pane.active {
    display: block;
}

.toplu-guncelleme .action-tab-manual .tab-pane {
    display: none;
    animation: fadeIn 0.2s ease-in-out;
    width: 100%;
}

.toplu-guncelleme .accordion-content #tab-cat .row,
.toplu-guncelleme .accordion-content #tab-brand .row,
.toplu-guncelleme .accordion-content #tab-attr .row{
    align-items: flex-end;
    border: 1px solid #e5e7eb;
    background: #fff;
    padding: 24px;
    margin: 0 0 16px;
    border-radius: 8px;
}

.toplu-guncelleme .accordion-content #tab-cat .row .col-md-6,
.toplu-guncelleme .accordion-content #tab-cat .row .col-md-5,
.toplu-guncelleme .accordion-content #tab-cat .row .col-md-7,
.toplu-guncelleme .accordion-content #tab-brand .row .col-md-6,
.toplu-guncelleme .accordion-content #tab-brand .row .col-md-5,
.toplu-guncelleme .accordion-content #tab-brand .row .col-md-7{
    padding: 0;
}






.toplu-guncelleme .bootstrap-select.btn-group .dropdown-toggle,
.toplu-guncelleme #tab-cat textarea{
    height: 40px;
    
}

.toplu-guncelleme .form-control,
.toplu-guncelleme .bootstrap-select.btn-group .dropdown-toggle{   
    border-radius: 6px;
}

.toplu-guncelleme .tag-injector {
    background-color: #eff6ff;
    color: #2563eb;
    border: 1px solid #dbeafe;
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    display: inline-block;
    margin-right: 4px;
    margin-top: 4px;
}

.toplu-guncelleme #tab-cat .row.last .col-md-4 .form-group,
.toplu-guncelleme .row.seo-tags .col-md-4 .form-group{
    margin: 0 0 38px;
}


.toplu-guncelleme .bootstrap-select.btn-group .dropdown-toggle .filter-option{
    font-weight: 400;
}

.title-group{
    display: flex; 
    align-items: center; 
    justify-content: flex-start; 
    flex-wrap: wrap;
    gap: 12px;
    margin: 10px 0 0;
}

.toplu-guncelleme #tab-attr .head{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 16px;
}

.toplu-guncelleme #tab-attr .col-md-5,.toplu-guncelleme #tab-attr .col-md-2{
    padding: 0;
}

.toplu-guncelleme #tab-attr .btn-delete{
    width: 46px;
}
.toplu-guncelleme #accordion-summary .card-item{
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 20px;
    width: 100%;
}
.toplu-guncelleme #accordion-summary .card-area{
    display: flex;
    align-items: flex-start;
    gap: 16px;
}

.toplu-guncelleme #accordion-summary .card-item h3{
    border-bottom: 1px solid #e2e8f0;
    padding: 0 0 16px;
    font-size: 18px;
    color: #000;
    font-weight: 600;
    margin: 0;
    height: 100%;
}


.toplu-guncelleme #accordion-summary .selected-area ul,
.toplu-guncelleme #accordion-summary .selected-list-area ul{
    list-style: none;
    padding: 0;    
    margin: 8px 0 0;
}

.toplu-guncelleme #accordion-summary .selected-list-area ul{
    padding: 0 0 0 18px;
    list-style: disc;
}


.toplu-guncelleme #accordion-summary .selected-area ul li{
    margin: 0 0 8px;
}

.toplu-guncelleme #accordion-summary .selected-area ul li b{
    margin: 0 8px 0 0;
}

.toplu-guncelleme #accordion-summary .selected-list-area .list-item span{
    color: #1d4ed8;
    font-weight: 600;
}

.toplu-guncelleme #accordion-summary .selected-list-area .list-item{
    border: 1px solid #e2e8f0;
    background: #f8fafc;
    padding: 16px;
    border-radius: 8px;
    margin: 0 0 16px;
}

.toplu-guncelleme #accordion-summary .selected-list-area{
    margin: 16px 0 0;
}

.toplu-guncelleme #accordion-summary .selected-list-area li,
.toplu-guncelleme #accordion-summary .selected-area li{
    font-size: 12px;
}


.toplu-guncelleme #accordion-summary .list-head{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.toplu-guncelleme #accordion-summary .list-head .btn-delete{
    color: #f87171;
    font-size: 14px;
    font-weight: 600;
    border: none;
    padding: 0;
    height: auto;
}

.toplu-guncelleme .excel-group-card {
    background: white;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    height: 100%;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    transition: border-color 0.2s;
}

.toplu-guncelleme .excel-group-area{
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
}

.toplu-guncelleme .excel-group-header {
    background: #f8fafc;
    padding: 12px;
    border-bottom: 1px solid #e2e8f0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 600;
    font-size: 14px;
    color: #334155;
}

.toplu-guncelleme .excel-group-header input{
    margin: 0;
}

.toplu-guncelleme .excel-group-body {
    padding: 12px;
    flex-grow: 1;
    max-height: 368px;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}

.toplu-guncelleme .excel-group-body label{
    display: block;
}

.toplu-guncelleme .excel-group-card.last .excel-group-header{
    background: #eef2ff;
    color: #4338ca;
}

.toplu-guncelleme .excel-sablon-area{
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #f0fdf4;
    border: 1px solid #dcfce7;
    border-radius: 8px;
    margin: 16px 0 0;
    padding: 16px;
}

.toplu-guncelleme .btn-excel-ekle{
    background: #16a34a;
    color: #fff;
    font-weight: 600;
}

.toplu-guncelleme .excel-sablon-area h3{
    margin: 0;
    font-size: 18px;
    font-weight: 700;
    color: #166534;
}

.toplu-guncelleme .excel-sablon-area p{
    font-size: 12px;
    color: #166534;
    margin: 8px 0 0;
}



/* .toplu-guncelleme .upload-file-area .success-message,
.toplu-guncelleme .upload-file-area .info-message{
    display: none;
} */

.toplu-guncelleme .upload-file-area .file-area{
    border: 2px dashed #ddd;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 24px;
    margin: 16px 0 0;
    border-radius: 8px;
    height: 136px;
    cursor: pointer;
}

.toplu-guncelleme .upload-file-area i{
    font-size: 36px;
}


.toplu-guncelleme .upload-file-area .info-message i,
.toplu-guncelleme .upload-file-area .info-message p{
    color: #3b82f6;
}

.toplu-guncelleme .upload-file-area .success-message  i,
.toplu-guncelleme .upload-file-area .success-message  p{
    color: #15803d;
    text-align: center;
}

.toplu-guncelleme .upload-file-area.success{
    background: #f0fdf4;
}

.ozellik-modal,
.güncelle-modal {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 100;
}

.ozellik-modal .modal-content,.guncelle-modal .modal-content {
    background: white;
    padding: 24px;
    border-radius: 12px;
    width: 100%;
    max-width: 400px;
    width: 100%;
    min-width: inherit;
}

.ozellik-modal .btn-add-filter{
    background-color: #2563eb;
    color: #fff;
}

.ozellik-modal .btn-delete{
    background-color: #f1f5f9;
    color: #334155;
}

.ozellik-modal .btn-delete:hover{
    background-color: #e2e8f0;
}

.ozellik-modal .btn-add-filter:hover{
    background-color: #1d4ed8;
}

#accordion-summary .btn-guncelle{
    margin: 0 0 0 auto;
    background: #16a34a;
    color: #fff;
}


.ozellik-modal .btn-area{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
}

#accordion-filter .filter-tag-area{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    width: 100%;
    gap: 8px;
    margin: 8px 0 0 16px;
}

#accordion-filter .filter-tag-area span{
    background-color: #e0e7ff;
    color: #3730a3;
    height: 30px;
    border-radius: 99px;
    padding: 4px 10px;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 6px;
}

#accordion-filter .filter-tag-area span i{
    cursor: pointer;
    display: flex;
}


.tasarim-yonetimi .panel-heading .select-area,
.tasarim-yonetimi .panel-heading .btn-area{
    display: flex;
    align-items: flex-end;
}

.tasarim-yonetimi .panel-heading .select-area{
    gap: 16px;
}

.tasarim-yonetimi .panel-heading .select-item select{
    height: 36px;
    padding: 0 10px;
}

.tasarim-yonetimi .form-group{
    margin: 0;
}

.tasarim-yonetimi .panel-heading .btn-sm{
    width: 36px;
    height: 36px;
    min-width: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tasarim-yonetimi .accordion-item{
    border: 1px solid #e5e7eb; 
    background: #f9fafb;
    border-radius: 8px;
    padding: 16px;    
}

.tasarim-yonetimi .accordion-header{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    cursor: pointer;
    user-select: none; 
}

.tasarim-yonetimi .accordion-header i{
    transform: rotate(-90deg);
    transition: 0.2s;
}

.tasarim-yonetimi .accordion-item.active .accordion-content{
    display: block;
}

.tasarim-yonetimi .accordion-content{
    display: none;
}

.tasarim-yonetimi .nav-tabs{
    padding: 24px 0 0;
    margin: 0 0 24px;
    display: flex;
    align-items: center;
    gap: 8px;
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
}

.tasarim-yonetimi .accordion-item.active .accordion-header i{
    transform: rotate(0);
    transition: 0.2s;
}

.tasarim-yonetimi .accordion-title p{
    font-weight: 600;
    font-size: 18px;
    color: #333;
    margin: 0;
}


.tasarim-yonetimi .nav-tabs::-webkit-scrollbar{
    display: none;
}

.tasarim-yonetimi .nav-tabs li a{
    font-weight: 500;
    color: #000;
}

.tasarim-yonetimi .nav-tabs li a:hover,.tasarim-yonetimi .nav-tabs li.active a{
    background: transparent;
    color: #2563EB; 
    border-color: transparent;
}

.tasarim-yonetimi .new-module-item-btn{    
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #FFFFFF;
    border: 1px solid #D1D5DB;
    color: #374151;
    padding: 8px 16px;
    border-radius: 6px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    font-size: 14px;
    cursor: move;
}

.tasarim-yonetimi .tab-pane-content{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
    flex-wrap: wrap;
}

.tasarim-yonetimi .sortable-block{   
    border-radius: 8px;
    border: 1px solid #ddd;
    padding: 20px;
    margin: 0 0 16px;
    cursor: move;

}
.tasarim-yonetimi .sortable-block,
.tasarim-yonetimi .sortable-block .sortable-item{
    display: flex;
    align-items: center;
}

.tasarim-yonetimi .sortable-block .sortable-item{
    width: 100%;
    align-items: flex-start;
    gap: 12px;
}

.tasarim-yonetimi .sortable-block{
    gap: 16px;
   
}

.tasarim-yonetimi .first-col{
    width: 50%;
}

.tasarim-yonetimi .second-col{
    width: 50%;
}

.tasarim-yonetimi .third-col .btn-area{
    display: flex;
}


.sortable-wrapper{
    margin: 16px 0 0;
}

.tasarim-yonetimi .first-col .text-block{
    display: flex;
    align-items: center;
    gap: 12px;
}

.sortable-block.disabled{
    opacity: 0.5;
}

.sortable-block .switch{
    margin: 0;
}

.tasarim-yonetimi .first-col span{
    display: block;
}

.tasarim-yonetimi .first-col .desc,
.tasarim-yonetimi .sortable-block .text-block p{
    font-size: 12px;
    margin: 0;
}

.modal-overlay.preview-modal img{
   width: 100%; 
}

.modal-overlay.preview-modal .modal-header h2{
    margin: 0;
}

.modal-overlay.preview-modal .model-content{
    max-width: 800px;
    width: 100%; 
    padding: 0; 
    min-width: inherit;
}

.tasarim-yonetimi .sortable-block .icon{
    font-size: 20px;
    display: flex;
    align-items: center;
    margin: auto;
}

.tasarim-yonetimi .sortable-block .icon i{
    color: #000;
}

.tasarim-yonetimi .sortable-block .text-block p span{
    font-weight: 600;
}

.tasarim-yonetimi .sortable-block .btn-area{    
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 8px 0 0;
} 

.toplu-guncelle .filter-tag-area{
    display: flex;
    align-items: center;
}

.modal-overlay.edit-modal .modal-content{
    max-width: 800px;
    width: 100%;
    min-width: inherit;
}

.modal-overlay.edit-modal h2{
    margin: 0;
}

.modal-overlay.edit-modal .form-checkbox-label{
    margin: 16px 0 0;
}

.modal-overlay.edit-modal .modal-footer{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    
}

.modal-overlay.edit-modal .btn-vazgec,
#requestModal .btn-vazgec{
    border: 1px solid #0000000d;
    background: #f9fafb;
}

.modal-overlay.edit-modal .btn-taslak{
    border: 1px solid #0000000d;
    background: #dbeafe;
    color: #1d4ed8;
}

.modal-overlay.edit-modal .btn-uygula{
    border: 1px solid #5cb85c;
    background: #5cb85c;
    color: #fff;
}

.modal-overlay.edit-modal .modal-header .btn-area i {
    font-size: 20px;
}

.modal-overlay.edit-modal .modal-header .btn-area{
    display: flex;
    align-items: center;
    gap: 16px;
}

.modal-overlay.edit-modal .file-drop-preview img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 6px;
    overflow: hidden;
}

.modal-overlay.edit-modal .file-drop-preview {
    display: none;
    position: relative;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
}

.modal-overlay.edit-modal .file-drop-area {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    min-height: 200px;
    max-height: 200px;    
    border: 2px dashed #D1D5DB;
    border-radius: 8px;
    background-color: #F9FAFB;
    cursor: pointer;
    transition: background-color 0.2s ease-in-out;
    overflow: hidden;
}

.modal-overlay.edit-modal .form-split-area{
    display: flex;
    align-items: center;
    gap: 16px;
}

.modal-overlay.edit-modal .file-remove-btn {
    position: absolute;
    top: 8px;
    right: 8px;
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    border: none;
    border-radius: 9999px;
    width: 18px;
    height: 18px;
    font-size: 16px;
    font-weight: bold;
    line-height: 28px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
}

.modal-overlay.edit-modal  .form-group.image{
    width: 40%;
}

.modal-overlay.edit-modal .inner-row::after,.modal-overlay.edit-modal .inner-row::before,
.modal-overlay.edit-modal #tab-2-tr .row::after,.modal-overlay.edit-modal #tab-2-tr .row::before{
    display: none;
}

.modal-overlay.edit-modal #tab-2-tr .inner-row{
    display: flex;
    align-items: center;    
    gap: 8px;
    width: 100%;
}

.modal-overlay.edit-modal #tab-2-tr .right-block{
    width: 100%;
}

.modal-overlay.edit-modal #tab-2-tr .right-block .col{
    padding: 0;
    width: 100%;
}

.modal-overlay.edit-modal #tab-2-tr .file-drop-text{
    padding: 0 16px 16px 16px;
    
}

.modal-overlay.edit-modal #tab-2-tr .file-drop-text p{
    text-align: center;
}

.modal-overlay.edit-modal .form-section-title{
    font-size: 16px;
    font-weight: 600;
    margin: 18px 0;
}

.tasarim-yonetimi .sortable-block .btn{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    min-width: 32px;
    height: 32px;
}

.tasarim-yonetimi .sortable-item .title{
    font-weight: 600;
}


#tab-durum .top-area{
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
    background-color: #fff;
}

#tab-durum .top-area .btn{
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 16px;
    display:flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    font-weight: 600;
}

#tab-durum .top-area .left{
    display:flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 12px;
}

#tab-durum .top-area .btn-cache-clean{
    border-color: #fed7aa;
    background: #fff7ed;
    color: #ea580c;
}

#tab-durum .top-area .btn-cache-clean:hover{   
    background: #ffedd5;
}

#tab-durum .top-area .btn-service-restart{
    border-color: #bfdbfe;
    background: #eff6ff;
    color: #2563eb;
}

#tab-durum .top-area .btn-service-restart:hover{
    background: #dbeafe;
}

#tab-durum .top-area .btn-bug-clean{
    border-color: #e5e7eb;
    background: #f9fafb;
    color: #4b5563;
}

#tab-durum .top-area .btn-bug-clean:hover{
    background: #f3f4f6;
}

#tab-durum .top-area .btn-repair-mod{
    border-color: #fecaca;
    background: #fef2f2;
    color: #dc2626;
}

#tab-durum .top-area .btn-repair-mod:hover{
    background: #fee2e2;
}


#tab-durum .table-block{
    margin: 16px 0 24px;
    display: grid;
    grid-template-columns: repeat(2, 49.5%);
    grid-template-rows: repeat(2, 1fr);
    gap: 18px;
}

#tab-durum .table-item{
    border: 1px solid #ddd;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
    width: 100%;
    height: 100%;
    background: #fff;
}


#tab-durum .table-block::after,#tab-durum .table-block::before{
    display: none;
} 


#tab-durum h3{
    font-size: 16px;
    font-weight: 600;
    margin: 16px;
}

#tab-durum .card-header{
    border-bottom: 1px solid #ddd;
    padding: 0;
}

#tab-durum .table-block .table-item{
    padding: 0;
    background: #fff;
}

#tab-durum .table-block .table-item td{
    text-align: left;
}

#tab-durum .progress-bar{
    background: #e5e7eb;
    border-radius: 9999px;
    width: 100%;
    height: 10px;
    overflow: hidden;
    box-shadow: none;
}

#tableServices_wrapper select{
    height: 36px;
}

#tab-durum .table-top{
    padding: 0 16px 0;
}

.dashboard-v2 .table-bottom{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px;
}


#tab-durum .table tbody tr:last-child td{
    border-bottom: none;
}

#tab-yeni-uyeler .select-area   {
    display: flex;
    align-items: center;
    gap: 12px;
}

#tab-yeni-uyeler .select-area select{
    height: 32px;
    font-size: 14px;
    padding: 0 12px;
}

#tab-urun-hareketleri .top-area .col-md-4{
    width: 25%;
}

.form-group.govde-metni .ck-content{
    height: 200px;
}

#whatsapp-preview-content {
    background: #f5f5f5;               
    border-left: 4px solid #25D366;    
    padding: 14px 18px;              
    border-radius: 10px;           
    margin-top: 12px;
    font-size: 14px;
    color: #222;
    position: relative;
}

/* Konuşma balonu kuyruğu */
#whatsapp-preview-content::after {
   content: "";
    position: absolute;
    left: 16px;                         
    bottom: -8px;                        
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #f5f5f5;    
}

#notificationModal .form-group select{
    padding: 8px 16px;
}

.modul-kutuphanesi .panel-heading .select-area{
    display: flex;
    align-items: center;
    gap: 12px;
}

.modul-kutuphanesi .panel-heading .select-area label{
    line-height: 20px;
}

.modul-kutuphanesi .card {
    background-color: #ffffff;
    border: 1px solid #e8ebf0;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    position: relative;
}

.modul-kutuphanesi .module-block{
    margin: 0 0 24px;
}

.modul-kutuphanesi .module-block h3{
    margin: 0;
    font-size: 20px;
}

#requestModal .info-box {
    background-color: rgba(80, 102, 224, 0.1);
    border: 1px solid rgba(80, 102, 224, 0.2);
    padding: 16px;
    border-radius: 6px;
    margin-bottom: 24px;
    font-size: 14px;
    color: #5066e0;
    display: flex;
    gap: 8px;
    align-items: flex-start;
}

#requestModal form .row{
    margin: 0 0 0;
}
#requestModal form .row::after,
#requestModal form .row::before{
    display: none;
}

#requestModal .modal-form-group{
    margin: 0 0 16px;
}

#requestModal .modal-content{
    max-width: 700px;
    min-width: inherit;
    max-height: 76%;
}

#requestModal .modal-body{
    padding: 24px;
}


.destek-talepleri .panel-heading span{
    display: block;
}

.destek-talepleri .panel-heading .btn-excel{
    border: 1px solid #ddd;
    border-radius: 6px; 
    background: #fff;
}

.destek-talepleri .panel-heading .btn-excel:hover{
    background: #e1e1e1;
}


.destek-talep-musteri .panel-heading .btn-talep-olustur{
    border: 1px solid #0d6efd;
    border-radius: 6px; 
    background: #0d6efd;
    color: #fff;
}

.destek-talepleri .panel-heading .btn-talep-olustur:hover,
.destek-talep-musteri .panel-heading .btn-talep-olustur:hover{
    background: #0755c7;
}

.destek-talepleri .panel-heading .right{
    display: flex;
    align-items: center;
    gap: 12px;
}

.destek-talepleri .stat-card {
    border: none;
    border-radius: 10px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);
    transition: transform 0.2s;
    background: #fff;
}

.destek-talepleri .card-area{
    width: 100%;
    
}

.destek-talepleri .card-area::after,
.destek-talepleri .card-area::before{
    display: none;
}

.destek-talepleri .card-area .col-md-3{
    padding: 0;
}

.destek-talepleri .stat-card .card-body{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
}

.destek-talepleri .stat-card h6{
    font-weight: 700;
    color: #212529bf; 
    font-size: 12px;
    margin: 0;
}

.destek-talepleri .stat-card h4{
    font-size: 20px;
    font-weight: 700;
    color: #333;
    margin: 0;
}

.destek-talepleri .stat-icon {
    width: 45px;
    height: 45px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
}

.destek-talepleri .filter-area{
    display: flex;
    align-items: flex-end;
    gap: 8px;
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 10px;
    padding: 16px; 
    background: #fff;
}

.destek-talepleri .filter-area .form-group{
    width: 100%;
    margin: 0;
}

.destek-talepleri .filter-area .form-group.second,
.destek-talepleri .filter-area .form-group.third{
    width: 50%;
}

.destek-talepleri .filter-area .input-group{
    display: flex;
    align-items:center;
    gap: 8px;
}

.destek-talepleri .filter-area  .btn-area{
    width: 40%;
}

.destek-talepleri .filter-area  .btn-area .btn{
    width: 100%;
}

.destek-talepleri .table .musteri{
    display: flex;
    align-items: center;
}

.destek-talepleri .avatar-circle {
    min-width: 35px;
    width: 35px;
    height: 35px;
    border-radius: 50%;    
    color: #555;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 13px;
    margin-right: 10px;
}

.destek-talepleri .table  th,
.destek-talepleri .table  td{
    text-align: left;
}

.destek-talepleri .table-card{
    background: #fff;
}

.destek-talepleri .card-footer{
    padding: 0 16px;
    display: flex;
    gap: 8px;
    align-items: center;
    justify-content: space-between; 
}


.destek-talepleri .avatar-circle.small {
    min-width: 20px;
    width: 20px;
    height: 20px;
}

.destek-talepleri .departman{
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.destek-talepleri .table .badge{
    font-size: 12px;
    background: #f8f9fa;
    border: 1px solid #dee2e6;
    color: #000;
    border-radius: 6px;
}

.destek-talepleri .table .btn-area{
    display: flex;
    align-items: center;
    gap: 6px;
    border: none;
}

.destek-talepleri .table .btn-area{
    display: flex;
    align-items: center;
}
.destek-talepleri .dropdown-divider{
    margin-top: 8px;
    margin-bottom: 8px;
}

.destek-talepleri .table-card{
    border: 1px solid #ddd;
    border-radius: 8px;    
    overflow: hidden;
    margin: 16px 0 0;
}

.destek-talepleri .table-bordered{
    margin: 0;
}

.destek-talepleri .badge{
    cursor: pointer;
}

.destek-talep-detay .ticket-header,
.destek-talep-detay .ticket-tags,
.destek-talep-musteri-detay .ticket-header,
.destek-talep-musteri-detay .ticket-tags{
    display: flex;
    align-items: center;
    gap: 12px;
}

.destek-talep-detay .ticket-header,
.destek-talep-musteri-detay .ticket-header{
    padding: 16px;
    justify-content: space-between;
    width: 100%;
    background: #fff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .075);
}

.destek-talep-detay .ticket-title,
.destek-talep-musteri-detay .ticket-title{
    font-weight: 600;
    margin: 16px 0 0;
}

.destek-talep-detay .msg-header,
.destek-talep-musteri-detay .msg-header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px;
    font-size: 14px;
    color: #6c757d;
    border-bottom: 1px solid #f0f0f0;
    padding-bottom: 8px;
}

.destek-talep-detay .msg-content,
.destek-talep-musteri-detay .msg-content{
    margin-left: 44px;
    background: #fff;
    border-radius: 12px;
    padding: 20px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
    border: 1px solid rgba(0, 0, 0, 0.05);
    position: relative;
}

.destek-talep-detay .msg-avatar,
.destek-talep-musteri-detay .msg-avatar {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    color: #fff;
    font-size: 16px;
    position: absolute;
    left: -10px;
    top: 0;
    border: 4px solid #f0f2f5;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.destek-talep-detay .avatar-customer,
.destek-talep-musteri-detay .avatar-customer {
    background: linear-gradient(135deg, #6c757d, #495057);
}

.destek-talep-detay .avatar-system {
    background: #e9ecef;
    color: #6c757d;
    font-size: 14px;
}

.destek-talep-detay .ticket-message,
.destek-talep-musteri-detay .ticket-message {
    position: relative;
    margin-bottom: 30px;
    z-index: 1;
}

.destek-talep-detay .message-stream,
.destek-talep-musteri-detay .message-stream {
    position: relative;
    
    padding-left: 20px;
}

.destek-talep-detay .message-stream::before,
.destek-talep-musteri-detay .message-stream::before{
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 30px;
    width: 2px;
    background: #e0e0e0;
    z-index: 0;
}

.destek-talep-detay .msg-type-customer .msg-content{
    border-left: 5px solid #6c757d;
}

.destek-talep-detay .attachment-chip,
.destek-talep-musteri-detay .attachment-chip {
    display: inline-flex;
    align-items: center;
    padding: 6px 12px;
    background: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 20px;
    font-size: 14px;
    color: #555;
    text-decoration: none;
    margin-top: 10px;
    transition: all 0.2s;
    gap: 8px;
}

.destek-talep-detay .msg-type-internal .msg-content,
.destek-talep-musteri-detay .msg-type-internal .msg-content {
    background-color: #fffdf0;
    border: 1px dashed #ffc107;
    border-left: 5px solid #ffc107;
}

.destek-talep-detay .avatar-internal,
.destek-talep-musteri-detay .avatar-internal {
    background: linear-gradient(135deg, #ffc107, #fd7e14);
    color: #fff;
}

.destek-talep-detay .avatar-agent,
.destek-talep-musteri-detay .avatar-agent {
    background: linear-gradient(135deg, #0d6efd, #0a58ca);
}

.destek-talep-detay .msg-type-system .msg-content,
.destek-talep-musteri-detay .msg-type-system .msg-content{
    padding: 8px 20px;
    background: #f8f9fa;
    border: none;
    box-shadow: none;
}

.destek-talep-detay .msg-content::after {
    content: '';
    position: absolute;
    left: -9px;
    top: 11px;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #fff;
}

.destek-talep-detay .info-card,
.destek-talep-detay .info-table-card,
.destek-talep-musteri-detay .info-card,
.destek-talep-musteri-detay .info-table-card{
    border: 1px solid #ddd;
    margin-bottom: 20px;
    border-radius: 10px;
    overflow: hidden;
    background-color: #fff;
}

.destek-talep-detay .info-table-card .card-header,
.destek-talep-detay .info-card .card-header,
.destek-talep-detay .info-card-customer .card-customer-header,
.destek-talep-musteri-detay .info-table-card .card-header,
.destek-talep-musteri-detay .info-card .card-header,
.destek-talep-musteri-detay .info-card-customer .card-customer-header{
    background-color: #fff;
    border-bottom: 1px solid #f0f0f0;
    font-weight: 700;
    color: #444;
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}


.destek-talep-musteri-detay .info-table-card table{
    margin: 0;
}

.destek-talep-musteri-detay .info-table-card table tr:last-child{
    border-bottom-color: transparent;
}

.destek-talep-musteri-detay .card-info-header,
.destek-talep-musteri-detay .card.shadow .card-header{
    display: flex;
    align-items: center; 
    justify-content: space-between;
}

.destek-talep-musteri-detay .card.shadow .card-header {
    background: #0d6efd;
    color: #fff;
    padding: 16px;
    justify-content: flex-start;
    gap: 8px;
}

.destek-talep-musteri-detay .ticket-card-footer .action-buttons .bg-blue{
    background-color: #0074D9;
}

.destek-talep-musteri-detay .card.shadow {
    border: 1px solid #0d6efd;
}

.destek-talep-musteri-detay .card-info-header h5{
    font-size: 20px;
    color: #000;
    font-weight: 600;
}

.destek-talep-musteri-detay .info-card .card-body,
.destek-talep-musteri-detay .info-card-customer .card-body {
    padding: 20px;
}


.destek-talep-musteri-detay .info-table-card .card-body {
    padding: 0;
}

.rounded-circle {
    border-radius: 50%;
}


.destek-talep-musteri-detay .info-card .card-header{
    padding: 16px;
}

.destek-talep-musteri-detay .order-highlight {
    background-color: #f3f0ff;
    border-radius: 8px;
    padding: 12px;
    border-left: 4px solid #6f42c1;
    margin: 15px 0;
    font-size: 14px;
}


.destek-talep-musteri-detay .info-card-footer{
    display: flex;
    align-items: center;
    justify-content: space-between; 
}


.destek-talep-musteri-detay .card-info-header .badge{
    border-radius: 6px;
}


.destek-talep-musteri-detay .info-card-customer .card-body{
    background: #fff;
}


.destek-talep-musteri-detay .ticket-reply-section {
    padding: 16px;
}

#createRequestModal input[type="file"][hidden]
{
    display: none;
} 


.destek-talep-musteri-detay .file-upload-section .file-upload-button{
    border: 1px solid #ddd;
    padding: 8px;
    border-radius: 8px;
    margin: 0;
    font-size: 16px;
    cursor: pointer;
    transition: 0.2s;
}

.destek-talep-musteri-detay .file-upload-section .file-upload-button:hover{
    background: #e5e5e5;
    transition: 0.2s;
}

.destek-talep-musteri-detay h6{
    margin: 0;
}

.destek-talep-musteri-detay .ticket-card-footer{
    padding: 16px;
    border-top: 1px solid #ddd;
}


.destek-talep-musteri-detay .ticket-card-footer .action-buttons{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px; 
}

.destek-talep-musteri-detay .ticket-card-footer{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.destek-talep-musteri-detay .sticky-area{
    position: sticky;
    top: 72px;
}


.destek-talep-musteri-detay .info-card-customer .card-customer-header .badge{
    font-size: 12px;
    background: #f8f9fa;
    border: 1px solid #dee2e6;
    color: #000;
    border-radius: 6px;
    font-weight: 400;
}

#createRequestModal .upload-area {
    border: 2px dashed #ced4da;
    border-radius: 10px;
    padding: 30px;
    text-align: center;
    background-color: #fdfdfd;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
}
    
#createRequestModal .upload-icon {
    font-size: 36px;
    color: #6c757d;
    margin-bottom: 10px;
}

#createRequestModal .input-group{
    width: 100%;
}

#createRequestModal .modal-content{
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 85%;
    
}
#createRequestModal .modal-body{
    padding: 16px;
}

#createRequestModal .btn-area button{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

#createRequestModal .input-group-text {
    display: flex;
    align-items: center;
    padding: 10px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    color: #000;
    text-align: center;
    white-space: nowrap;
    background-color: #f8f9fa;
    border: 2px solid #dee2e6;
    border-radius: 6px 0 0 6px;
}

#createRequestModal .input-group{
    display: flex;
    align-items: center;
}

#createRequestModal .form-text{
    font-size: 12px;
}
#createRequestModal .modal-header{
    position: sticky;
    top: 0;
    background: #fff;
    z-index: 10;
}

.destek-talep-musteri .customer-area,
.destek-talep-musteri-detay .customer-area{    
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px;
}

.destek-talep-musteri .panel-heading strong{
    font-size: 20px;
}

.destek-talep-musteri .panel-heading p{
    margin: 0;
    font-size: 13px;
    line-height: 20px;
}

.destek-talep-musteri .customer-area .left-area ul{
    list-style: none;
    padding: 0;
    display: flex;
    align-items: center;
    flex-direction: inherit;
    gap: 14px; 
    margin: 0;
}

.destek-talep-musteri .customer-area .left-area ul li a{
    color: #b9b9b9;
    display: block;
    padding: 0;
} 

.destek-talep-musteri .customer-area .left-area ul li a.active{
    color: #fff;
}


.destek-talep-musteri .customer-area .right-area span{
    color: #fff;
}

.destek-talep-musteri .panel-heading .left span{
    display: block;
}

.destek-talep-musteri .nav-tabs{
    display:  flex;
    align-items: center;
    gap: 8px;
    margin: 16px 0 0;
    padding: 0 0 16px;
    border: none;
}

.destek-talep-musteri .nav-tabs::before,
.destek-talep-musteri .nav-tabs::after{
    display: none;
}

.destek-talep-musteri .nav-tabs button{
    border: 1px solid #ddd;
    border-radius: 800px;
    padding: 10px;
    font-size: 16px;
    line-height: 18px;
    height: 40px;
}

.destek-talep-musteri .nav-tabs button.active{
    background: #0d6efd;
    color: #fff;
}

.destek-talep-musteri .message-info{
    background: #fff;
    border: 1px solid #ddd;
    box-shadow: 0 2px 4px rgba(0,0,0,.075);
    border-radius: 8px; 
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px;
    height: 86px;
}

.destek-talep-musteri .message-info .icon{
    width: 52px;
    min-width: 52px;
    height: 52px;
    background: #1987541a;
    color: #198754;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.destek-talep-musteri .message-info h5{
    font-weight: 700;
    font-size: 18px;
    margin: 0;
}

.destek-talep-musteri .info-area{
    padding: 16px;
    height: 86px;
    background-color: #0dcaf01a;
    color: #055160;
    border: 1px solid #0dcaf0;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;  
}

.destek-talep-musteri .table th,
.destek-talep-musteri .table td{
    text-align: left;
}

.destek-talep-musteri .table th{
    border: none;
}

.destek-talep-musteri .table{
    margin: 0;
}

.destek-talep-musteri .table-responsive{
    box-shadow: 0 0 0 1px #ddd;
    border-radius: 8px;
}

.destek-talep-musteri .info-card-area{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.destek-talep-musteri-detay .msg-header{
    border-bottom: none;
}

.destek-talep-musteri-detay .attachment-chip{
    border-radius: 8px;
}

.destek-talep-musteri-detay .attachment-chip:hover{
    background: #d3d4d5;
}

.destek-talep-musteri-detay .supporter-info-area{
    border: 1px solid #007bff;
    text-align: center;
    border-radius: 8px;
    padding: 16px;
    background: #f8f9fa;
}

.destek-talep-musteri-detay .supporter-info-area .msg-avatar{
    position: static;
    background: #007bff;
    color: #fff;
    box-shadow: none;
    border: none;
    width: 40px;
    height: 40px;
    min-width: 40px;
}

.destek-talep-musteri-detay .supporter-info-area p{
    font-size: 12px;
    margin: 0;
}

.destek-talep-musteri-detay .supporter-info-area h5{
    font-weight: 700;
    font-size: 16px;
}

.destek-talep-musteri-detay .supporter-info-area .info-body{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin: 18px 0 0;
}

.destek-talep-musteri-detay .supporter-info-area .info-body .right{
    text-align: left;
}

.destek-talep-musteri-detay .supporter-info-area .info-header span{
    font-size: 14px;
}

.destek-talep-musteri-detay .order-highlight{
    background-color: #fcfcfc;
    border: 1px solid #eee;
    border-radius: 6px;
    padding: 10px;
}

.destek-talep-musteri-detay .customer-area span{
    color: #fff;
}

.destek-talep-musteri-detay .right .badge{
    height: 32px;
    font-size: 14px;
    line-height: 18px;   
    padding: 0 8px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.destek-talep-musteri-detay .right .badge i{
    margin: 0 6px 0 0;
}

.destek-talep-musteri-detay .panel-heading h3{
    margin: 0;
    font-size: 20px;
}

.destek-talep-musteri-detay .card-info-header{
    justify-content: flex-start;
    gap: 8px;
}
.destek-talep-musteri-detay .card-info-header .icon{
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    width: 40px;
    height: 40px;
    background: #f8f9fa;
    border-radius: 6px;
}

.destek-talep-musteri-detay .ticket-success-btn{
    text-align: center;
}

.destek-talep-musteri-detay .ticket-success-btn button{
    text-decoration: none;    
    margin: 16px 0 0;
    transition: 0.2s;
    border-radius: 8px;
    font-weight: 600;
    font-size: 16px;
}

.destek-talep-musteri-detay .ticket-success-btn button:hover{
    background-color: #d3d4d5;
    border-color: #00000000;
    transition: 0.2s;
}

.destek-talep-musteri-detay .panel-heading a,
.destek-talep-musteri-detay .panel-heading span{
    color: #5f5f5f;
}

.destek-talep-musteri-detay .panel-heading a:hover{
    color: #000;
}

.destek-talep-musteri-detay .panel-heading a{
    display: block;
    margin: 0 0 10px;
}

.destek-talep-musteri-detay .ticket-success-btn{
    display: block;
}

.destek-talep-musteri-detay .ticket-success-btn.mobile{
    display: none;
}

.destek-talep-musteri-detay .takip-no{
    border: 1px solid #ddd;
    background: #fff;
    border-radius: 8px;
    padding: 10px;
    color: #000;
    font-size: 14px;
    line-height: 18px;
}

.destek-talep-musteri .table tbody tr{
    cursor: pointer;
}

.destek-talep-musteri .info-card-area .col-md-4{
    width: 40%;
}

#createRequestModal{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 999999;
    justify-content: center;
    align-items: center;
    padding: 0 16px 0;
}

#createRequestModal .modal-content{
    max-width: 900px;
    width: 100%;
}


.destek-talep-musteri .panel-heading,
.destek-talep-musteri-detay .panel-heading{
    display: flex;
    align-items: center;
    justify-content: space-between; 
    padding: 16px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
    margin: 0 0 16px;
}

.destek-talep-musteri .badge{
    background-color: #0074D9;
    border-radius: 12px;
    font-weight: 400;
    
}

.destek-talep-musteri .badge i{
    margin: 0 6px 0 0;
}

.destek-talep-musteri .badge-danger{
    background: #dc3545;
}

#createRequestModal .modal-header .right-area .btn{
    color: #333;
    font-size: 20px;
    line-height: 20px;
    padding: 0;
}

#createRequestModal .modal-header h4{
    color: #333;
    font-weight: 600;
}

#createRequestModal .ticket-card{
    border: none;
}

#createRequestModal form label{
    margin: 0 0 12px;
}

#createRequestModal .form-group{
    margin: 0 0 16px;
}

#createRequestModal  .card-body{
    padding: 0;
}

.destek-talep-musteri .table td {
    padding: 10px;
    font-size: 16px;
}

.destek-talep-musteri .table th{
    font-size: 16px;
    padding: 10px;
}

.destek-talep-musteri .info-area span{
    font-size: 16px;
    line-height: 20px;
}

.destek-talep-musteri .table>:not(:first-child) {
    border-top: none;
}

.destek-talep-musteri .table tr:last-child{
    border-bottom-color: transparent;
}

.destek-talep-musteri-detay  p{
    font-size: 16px;
}

.destek-talep-musteri-detay .card-info-header .icon i{
    font-size: 14px;
}

.destek-talep-musteri-detay .info-card .btn{
    border: none;
    background: #d51243;
    color: #fff;
    font-size: 12px; 
    font-weight: 600; 
    border-radius: 6px;
    transition: 0.2s;
}

.destek-talep-musteri-detay .info-card .btn:hover{
    background-color: #777;
    transition: 0.2s;
}

.destek-talep-musteri-detay .panel-heading a{
    color: #d51243;
}

@media screen and (max-width: 1441px){
    
}


@media screen and (max-width: 1300px){
   
}

@media screen and (max-width: 1200px){
    
    .destek-talep-musteri .info-card-area{
        flex-direction: column;
        align-items: center;
    }
    .destek-talep-musteri .info-card-area .col-md-4,
    .destek-talep-musteri .info-card-area .col-md-8{
        width: 100%;
    }
    .destek-talep-musteri-detay .message-stream{
        padding-left: 0;
    }
    .destek-talep-musteri-detay .message-stream::before{
        left: 9px;
    }
    .destek-talep-musteri-detay .ticket-success-btn{
        display: none;
    }
    .destek-talep-musteri-detay .ticket-success-btn.mobile{
        display: block;
    }
    .destek-talep-musteri-detay .sticky-area{
        margin: 16px 0 0;
    }
    .destek-talep-musteri-detay .msg-content{
        margin-left: 43px;
    }
    .destek-talep-musteri-detay .msg-avatar{
        left: -13px;
    }
    .destek-talep-musteri .info-card-area .col-md-6{
        width: 100%;
    }
    .destek-talep-musteri-detay .customer-area  span{
        font-size: 14px;
        padding: 10px;
    }
    .destek-talep-musteri-detay .info-card .card-header span,
    .destek-talep-musteri-detay .card-info-header{
        font-size: 14px;
    }
}

@media screen and (max-width: 992px){
 
 .destek-talep-musteri .customer-area .left-area ul li a,
 .destek-talep-musteri .customer-area .right-area span{
    font-size: 14px;
 }
 .destek-talep-musteri .panel-heading strong{
    font-size: 16px;
 }
}

@media screen and (max-width: 768px){
    .destek-talep-musteri .panel-heading .btn-talep-olustur{
        width: 100%;
    }

    .destek-talep-musteri .nav-tabs button {       
        font-size: 12px;
        padding: 8px;
        height: 26px;
        line-height: 8px;
    }
   
    .destek-talep-musteri .info-area span{
        font-size: 14px;
    }

    .destek-talep-musteri .message-info h5{
        font-size: 16px;
    }
    .destek-talep-musteri .message-info small{
        font-size: 14px;
    }
    .destek-talep-musteri .panel-heading{
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 12px;
    }
    .destek-talep-musteri .panel-heading .right,
    .destek-talep-musteri .panel-heading .left{
        width: 100%;
    }
    .destek-talep-musteri .panel-heading button{
        margin: 0 auto 0 0;
    }

    .destek-talep-musteri-detay .panel-heading{
        flex-direction: column;        
        align-items: flex-start;
        gap: 12px;
    }
    .destek-talep-musteri-detay .panel-heading h3{
        font-size: 16px;
    }
    .destek-talep-musteri-detay .panel-heading .badge{
        height: 25px;
        font-size: 14px;      
        margin:0 auto 0 0;
    }
    .destek-talep-musteri-detay .msg-header {
        border-bottom: none;
        flex-direction: column;
        gap: 6px;
    }
    
    .destek-talep-musteri-detay .ticket-card-footer{
        flex-direction: column;
        width: 100%;
        gap: 8px;
    }
   
    .destek-talep-musteri-detay .ticket-card-footer .file-upload-section,    
    .destek-talep-musteri-detay .file-upload-section .file-upload-button,    
    .destek-talep-musteri-detay .ticket-card-footer .action-buttons,    
    .destek-talep-musteri-detay .ticket-card-footer .action-buttons button{
        width: 100%;
        text-align: center;
    }
}

@media screen and (max-width: 480px){

}