@charset "UTF-8";
:root {
  --gray: #444;
  --green: #267f4e;
  --red: #f21e10;
  --white: #fff;
  --light-gray: #848484;
  --blue: #0755cb;
  --orange: #146678;
  --dark-blue: #09002b;
  --black: #000;
}
a {
     text-decoration: none !important;
}
p
{
    margin-bottom: 35px !important;
    line-height: 30px;
}
}


/* Mobil menü stilleri */
.header-mobil-fixed {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    box-shadow: 0 -2px 10px rgba(0,0,0,0.1);
    padding: 8px 5px;
    z-index: 1000;
}

.mobil-fixed-header-items {
    text-decoration: none;
    color: #333;
    padding: 5px;
    border: none;
    background: transparent;
    cursor: pointer;
    transition: all 0.3s;
}

.mobil-fixed-header-items:hover,
.mobil-fixed-header-items:active {
    color: var(--primary-green, #008E36);
}

.mobil-icon {
    font-size: 22px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.mobile-fixed-header-text {
    font-size: 12px;
    margin-top: 3px;
}

.sepet-badge-mobile {
    position: absolute;
    top: -8px;
    right: -8px;
    background-color: var(--accent-red, #FA3C4C);
    color: white;
    font-size: 10px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Mobil ekranlarda üst kısmı boş bırakmak için */
@media (max-width: 991px) {
    body {
        padding-bottom: 60px;
    }
}

.kullaniciMenu {
    display: flex;
    align-items: center;
}
.kullaniciMenu a {
    margin-left: 20px;
    color: var(--dark-text);
    text-decoration: none;
    font-size: 14px;
    display: flex;
    align-items: center;
    transition: color 0.3s;
    position: relative;
}
.kullaniciMenu a:hover {
    color: var(--primary-green);
}
.kullaniciMenu a i {
    margin-right: 5px;
    font-size: 18px;
}
.kullaniciMenu .sepetSayi {
    position: absolute;
    top: -8px;
    right: -8px;
    background-color: var(--accent-red);
    color: white;
    font-size: 10px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.aramaKutusu {
    flex-grow: 1;
    margin: 0 30px;
    position: relative;/* Genişliği artırıldı */
    max-width: 70%; /* Ekran genişliğine göre uyumlu olması için */
}
.aramaKutusu input {
    width: 100%;
    padding: 12px 20px;
    border-radius: 25px;
    border: 1px solid #ddd;
    outline: none;
    font-size: 14px;
    color: #333; /* Yazı rengini koyu gri yaptım */
    font-weight: 500; /* Yazıyı biraz daha kalın yaptım */
    transition: border-color 0.3s;
}

.aramaKutusu input::placeholder {
    color: #999; /* Placeholder rengi açık gri */
    opacity: 1; /* Firefox için opasiteyi tam yapıyoruz */
}

/* Focus olunca placeholder rengini değiştirmek için */
.aramaKutusu input:focus::placeholder {
    color: #bbb; /* Odaklanınca placeholder daha açık olsun */
}
.aramaKutusu input:focus {
    border-color: var(--primary-green);
}
.aramaKutusu button {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    background-color: #4CAF50; /* Koyu arka plan ekledim */
    border: none;
    border-radius: 50%; /* Yuvarlak buton */
    width: 36px; /* Genişlik */
    height: 36px; /* Yükseklik */
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s;
}

.aramaKutusu button svg {
    fill: #ffffff; /* SVG ikonunun rengini beyaz yaptım */
}

.aramaKutusu button:hover {
    background-color: #150856; /* Hover durumunda daha açık mavi */
    box-shadow: 0 0 8px rgba(0,0,0,0.1); /* Hafif gölge efekti */
}
/* Header search için ek stiller */
.header-search-input {
    width: 100%;
    /* Diğer stiller yukarıdaki input stillerinden gelecek */
}
.header-search-button {
    /* Diğer stiller yukarıdaki button stillerinden gelecek */
    background-color: var(--primary-color, #09002B);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.header-search-button:hover {
    opacity: 0.9;
}

.header-top {
  background-color: #f5f5f5;
  padding: 10px 0;
}
.header-top .header-top-items {
  color: var(--gray);
  font-size: 13px;
  font-weight: 400;
}
.destek-header-title {
  color: var(--gray);
  font-weight: 600;
  font-size: 13px;
}
.siparis-destek-numara {
  color: var(--gray);
  font-weight: 600;
  font-size: 13px;
}
header {
  padding: 25px 0;
  background-color: var(--white);
}
header .logo {
  height: 45px;
  width: auto;
}
header .logo img {
  height: 100%;
  max-height: 100%;
}
.header-search-input {
  width: 460px;
  background-color: var(--white);
  border: 2px solid #e8e8e8;
  border-radius: 5px;
  padding: 13px 20px;
}
.header-search-input:focus {
  outline: none;
}
.header-search-button {
  position: absolute;
  right: 0;
  border: none;
  border-radius: 0px 5px 5px 0px;
  background-color: var(--orange);
  height: 54px;
  width: 60px;
}
.header-right-box {
  color: var(--gray);
  font-size: 14px;
  font-weight: 400;
}
.header-right-box .sepet-badge {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: #4CAF50;
  color: var(--white);
  font-size: 12px;
  font-weight: 600;
  position: absolute;
  top: -15px;
  right: -15px;
}
.header-bottom {
  background-color: white;
    border-bottom: 1px solid #eee;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}
.header-bottom .header-bottom-items {
  color: #333333;
  font-size: 16px;
  font-weight: 600;
  /* Sağdaki padding değerini azalttım */
  padding-right: 15px;
  /* Soldaki padding de ekledim dengeli olması için */
  padding-left: 15px;
  text-wrap: nowrap;
  /* İçerik merkezde olsun */
  display: inline-block;
  /* Boşlukları azaltmak için margin ekledim */
  margin: 0 -2px;
}
.header-categories-list {
  width: 100%;
  overflow-x: auto;
  padding: 15px 0;
  color:#333333;
}
.header-categories-list::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);
  background-color: transparent;
}
.header-categories-list::-webkit-scrollbar {
  width: 100%;
  height: 4px;
  background-color: transparent;
}
.header-categories-list::-webkit-scrollbar-thumb {
  background-color: #000000;
  border: 2px solid #fff;
}
.header-bottom .header-bottom-items:last-child {
  border: none;
}
.header-bottom .menu-dropdown {
  background-color: var(--white);
  padding: 5px 10px;
  border-radius: 5px;
}
.header-bottom .menu-dropdown .tum-kategori {
  color: #333333;
  font-size: 16px;
  font-weight: 500;
  text-wrap: nowrap;
}
.header-bottom .menu-dropdown .button-bars {
  border: none;
  background-color: transparent;
  color: var(--dark-blue);
  width: 40px;
  height: 40px;
  border-radius: 5px;
}
.header-bottom .menu-dropdown .button-bars i {
  font-size: 18px;
}
.header-bottom .search-icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
}
.hover-category:hover + .categories {
  visibility: visible;
  opacity: 1;
}
.categories:hover {
  visibility: visible;
  opacity: 1;
}
.categories {
  z-index: 9999;
  width: 100%;
  visibility: hidden;
  position: absolute;
  top: 100%;
  left: 12px;
  transition: visibility 0.3s ease-in-out, opacity 0.3s ease-in-out;
  opacity: 0;
}
.categories .categories-wrapper {
  position: relative;
}
.categories .left {
  width: 250px;
  border-radius: 0px 0px 0px 5px;
  background: #fff;
  padding: 0;
}
.categories .left .submenu-items {
  color: #282d35;
  font-size: 14px;
  font-weight: 500;
}
.categories .left .submenu-button {
  border: none;
  background-color: transparent;
  color: var(--gray);
  font-size: 14px;
  font-weight: 400;
  padding: 10px 0 10px 10px;
}
.categories .left .submenu-button .fa-chevron-right {
  font-size: 14px;
}
.categories .left .submenu-button:hover {
  color: var(--orange);
  background-color: #eef2f8;
}
.categories .left .left-box {
  border-bottom: 1px solid rgba(40, 45, 53, 0.1);
}
.categories .left .left-box:last-child {
  border: none;
}
.categories .left .left-box:hover > .right {
  visibility: visible;
  opacity: 1;
}
.categories .right {
  position: absolute;
  right: 0;
  top: 0;
  width: calc(100% - 250px);
  border-radius: 0px 0px 5px 0px;
  background: #eef2f8;
  visibility: hidden;
  height: 100%;
  padding: 20px;
  opacity: 0;
  min-height: 350px;
}
.categories .right .submenu-right-items {
  color: #393e46;
  font-size: 14px;
  font-weight: 400;
}
.header-image {
  width: 100%;
  border-radius: 5px;
}
.header-image img {
  width: 100%;
  height: 100%;
  max-width: 100%;
  border-radius: 5px;
}
.title-header {
  color: var(--gray);
  font-size: 14px;
  font-weight: 600;
}
.header-dropdown-menu-link {
  color: var(--gray);
  font-size: 14px;
  font-weight: 300;
}
.header-mobil-fixed {
  padding: 15px 25px 10px 25px;
  background-color: var(--white);
  position: fixed;
  border-top: 1px solid #e8e8e8;
  bottom: 0;
  width: 100%;
  height: 70px;
  z-index: 9999;
}
.header-mobil-fixed .mobile-fixed-header-text {
  color: var(--gray);
  font-size: 12px;
  font-weight: 400;
}
.header-mobil-fixed .mobil-fixed-header-items {
  background-color: transparent;
  border: none;
}
.offcanvas.mobile-offcanvas .offcanvas-body {
  padding-top: 0;
}
.offcanvas.mobile-offcanvas .offcanvas-title {
  font-size: 16px;
  font-weight: 600;
  color: var(--gray);
}
.offcanvas.mobile-offcanvas .offcanvas-items {
  color: var(--gray);
  font-size: 14px;
  font-weight: 400;
  border-bottom: 1px solid rgba(222, 227, 235, 0.5);
  padding: 10px 0;
}
footer {
  background-color: var(--white);
}
footer .section-one {
  padding: 40px 0;
}
footer .section-one .hizli-kargo-card .title {
  color: var(--gray);
  font-size: 18px;
  font-weight: 600;
}
footer .section-one .hizli-kargo-card .text {
  color: #848484;
  font-size: 14px;
  font-weight: 400;
}
footer .section-two {
  padding: 40px 0;
}
footer .section-two .title {
  color: var(--gray);
  font-size: 18px;
  font-weight: 600;
}
footer .section-two .text {
  color: var(--gray);
  font-size: 14px;
  font-weight: 300;
}
footer .section-two .fade-in {
  animation: fadeInAnimation 1s ease-out forwards;
  opacity: 0;
}
@keyframes fadeInAnimation {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes buttonChange {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
footer .section-two .tumunu-goruntule.change {
  animation: buttonChange 0.5s linear;
}
footer .section-two .tumunu-goruntule {
  border: 1px solid #848484;
  transition: transform 0.3s ease;
  border-radius: 5px;
  padding: 7px 15px;
  color: #848484;
  font-size: 14px;
  font-weight: 400;
  background-color: var(--white);
}
footer .section-three {
  padding: 40px 0;
}
footer .section-three .footer-title {
  color: #242424;
  font-size: 16px;
  font-weight: bold;
  line-height: 27px;
}
footer .section-three .adres {
  color: var(--gray);
  font-size: 14px;
  font-weight: 300;
}
footer .section-three .adres span {
  font-weight: 600;
}
footer .section-three .mail-adresi {
  color: var(--gray);
  font-size: 14px;
  font-weight: 300;
  text-decoration: underline;
}
footer .section-three .whatsapp-card {
  padding: 12px 15px;
  border: 1px solid #eee;
  border-radius: 5px;
}
footer .section-three .whatsapp-card .min-text {
  color: var(--gray);
  font-size: 12px;
  font-weight: 300;
}
footer .section-three .whatsapp-card .number-text {
  color: var(--gray);
  font-size: 22px;
  font-weight: 600;
}
footer .section-four {
  padding: 0px 0;
}
footer .section-four .store-card {
  border-radius: 5px;
  border: 1px solid #848484;
  padding: 8px 12px;
  color: #848484;
  font-size: 14px;
  font-weight: 500;
}
footer .section-five {
  padding: 40px 0 20px 0;
}
footer .section-five .text {
  color: var(--gray);
  font-size: 14px;
  font-weight: 300;
}
footer .section-five .text span {
  color: #0038fd;
  font-weight: 700;
}
.icons-social-media {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: var(--white);
}
.icons-social-media.detail {
  color: var(--gray);
  border: 1px solid #eee;
}
.icons-social-media.detail:hover {
  color: var(--white);
  border: none;
  background-color: var(--blue);
}
.icons-social-media.facebook {
  background-color: #3a64fc;
}
.icons-social-media.instagram {
  background-color: #c742e9;
}
.icons-social-media.twitter {
  background-color: #35d4f8;
}
.icons-social-media.youtube {
  background-color: #ef3226;
}
.icons-social-media.linkedin {
  background-color: #05b9f2;
}
.footer-two {
  padding: 45px 0;
}
.footer-two .guvenli-alisveris-footer {
  border-radius: 40px;
  border: 2px solid #267f4e;
  padding: 8px 18px;
}
.footer-two .guvenli-alisveris-footer span {
  color: #267f4e;
  font-size: 14px;
  font-weight: 400;
}
.footer-two .footer-two-text {
  color: var(--gray);
  font-size: 14px;
  font-weight: 400;
  text-align: center;
}
.category-box .img-box {
  width: 90px;
  height: 90px;
  border-radius: 50%;
  border: 2px solid #efefef;
}
.category-box .img-box img {
  width: 100%;
  height: 100%;
  max-width: 100%;
}
.category-box .text {
  color: var(--gray);
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
}
.small-slider {
  padding: 9px 0;
  background-color: var(--white);
  border-radius: 0 0 10px 10px;
}
.small-slider .small-slider-image {
  width: 70px;
  height: 70px;
  border-radius: 50%;
}
.small-slider .small-slider-image img {
  border-radius: 50%;
  width: 100%;
  height: 100%;
  max-width: 100%;
  object-fit: cover;
}
.owl-button {
  border: none;
  background-color: transparent;
  padding: 10px 35px;
}
.owl-button:hover {
  background-color: var(--orange);
  border-radius: 40px;
}
.owl-button:hover i {
  color: var(--white);
}
.owl-button i {
  color: #b6b6b6;
  font-size: 20px;
}
.main-banner-dikey {
  background: #ffff;
  padding: 0;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  overflow: hidden;
}

.main-banner-dikey .image-box {
  transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  width: 100%;
  border-radius: 10px;
  overflow: hidden;
}

.main-banner-dikey .image-box img {
  transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  max-width: 100%;
  display: block;
}

.main-banner-dikey .image-box img:hover {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}

.main-banner-dikey .title {
  color: var(--gray, #333333);
  text-align: center;
  font-size: 14px;
  line-height: normal;
  font-weight: 500;
  background-color: #ffffff;
  padding: 10px 20px;
  border-radius: 30px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
  z-index: 2;
  min-width: 120px;
}

.main-banner-dikey .title span {
  font-weight: 600;
}
.main-title {
  color: #242424;
  font-size: 28px;
  font-weight: 600;
  margin:20px 0;
}
.main-title span {
  font-weight: 600;
}
.kacirilmayacak {
  background-color: var(--white);
  border-radius: 10px;
}
.kacirilmayacak .kacirilmayacak-header {
  padding: 15px 20px;
  border-bottom: 1px solid #eee;
}
.kacirilmayacak .kacirilmayacak-button {
  background-color: #eee;
  border: none;
  width: 45px;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.kacirilmayacak .kacirilmayacak-button:hover {
  color: var(--white);
  background-color: var(--green);
}
.kacirilmayacak .kacirilmayacak-button.customPrevBtn1 {
  border-radius: 45px 0px 0px 45px;
}
.kacirilmayacak .kacirilmayacak-button.customNextBtn1 {
  border-radius: 0 45px 45px 0;
}
.kacirilmayacak .kacirilmayacak-button.customPrevBtn2 {
  border-radius: 45px 0px 0px 45px;
}
.kacirilmayacak .kacirilmayacak-button.customNextBtn2 {
  border-radius: 0 45px 45px 0;
}
.kacirilmayacak .kacirilmayacak-button.customPrevBtn3 {
  border-radius: 45px 0px 0px 45px;
}
.kacirilmayacak .kacirilmayacak-button.customNextBtn3 {
  border-radius: 0 45px 45px 0;
}
.kacirilmayacak .kacirilmayacak-button.customPrevBtn4 {
  border-radius: 45px 0px 0px 45px;
}
.kacirilmayacak .kacirilmayacak-button.customNextBtn4 {
  border-radius: 0 45px 45px 0;
}
.kacirilmayacak .kacirilmayacak-button.customPrevBtn5 {
  border-radius: 45px 0px 0px 45px;
}
.kacirilmayacak .kacirilmayacak-button.customNextBtn5 {
  border-radius: 0 45px 45px 0;
}
.main-banner {
  width: 100%;
  transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.main-banner img {
  transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  width: 100%;
  height: 100%;
  max-width: 100%;
  border-radius: 10px;
}
.main-banner img:hover {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}
.main-banner.sm {
  height: 190px;
}
.main-banner.md {
  height: 275px;
}
.main-link {
  padding: 7px 7px 7px 14px;
  border: 1px solid var(--orange);
  border-radius: 5px;
  color: var(--orange);
  font-size: 14px;
  font-weight: 400;
}
.main-link:hover {
  background-color: var(--orange);
  color: var(--white);
}

.main-category-sidebar {
  background-color: #f7faf8;
  border-radius: 12px;
  box-shadow: 0 4px 15px rgba(38, 127, 78, 0.08);
  overflow: hidden;
  transition: all 0.3s ease;
}

.main-category-sidebar .sidebar-header {
  padding: 20px 25px;
  background: linear-gradient(135deg, #267f4e, #175e36);
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0.5px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.main-category-sidebar .sidebar-body {
  padding: 5px 0;
}

.main-category-sidebar .main-tabs-items {
  padding: 14px 20px;
  display: flex;
  align-items: center;
  gap: 12px;
  background-color: transparent;
  border: none;
  border-bottom: 1px solid rgba(38, 127, 78, 0.08);
  width: 100%;
  font-size: 15px;
  font-weight: 500;
  color: #455a64;
  transition: all 0.2s ease;
  position: relative;
}

.main-category-sidebar .main-tabs-items:hover {
  background-color: rgba(38, 127, 78, 0.05);
  color: #267f4e;
  padding-left: 25px;
}

.main-category-sidebar .main-tabs-items.active {
  background-color: #fff;
  color: #267f4e;
  font-weight: 600;
  border-left: 4px solid #267f4e;
  padding-left: 25px;
}

.main-category-sidebar .main-tabs-items.active::after {
  content: "";
  position: absolute;
  right: 20px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #267f4e;
}


.main-sidebar-right {
  background-color: var(--white);
}
.marka-card .img-box {
  padding: 20px 15px;
  border: 1px solid #eee;
  height: 105px;
  display: flex;
  align-items: center;
}
.marka-card .img-box img {
  width: 100%;
  max-width: 100%;
}
.marka-card .marka-name {
  color: var(--gray);
  font-size: 14px;
  font-weight: 600;
}
#markalar-slider {
  padding: 20px;
}
.main-slider-image {
  height: 415px;
  width: 100%;
}
.main-slider-image img {
  width: 100%;
  height: 100%;
  max-width: 100%;
}
.profile-sidebar .profile-image {
  width: 55px;
  height: 55px;
}
.profile-sidebar .profile-image img {
  width: 100%;
  height: 100%;
  max-width: 100%;
  border-radius: 50%;
}
.profile-sidebar .user-text {
  color: var(--gray);
  font-size: 12px;
  font-weight: 300;
}
.profile-sidebar .user-name {
  color: var(--gray);
  font-size: 14px;
  font-weight: 400;
}
.profile-sidebar .sidebar-menu-items {
  padding: 10px 0;
  font-size: 14px;
  font-weight: 400;
  color: var(--gray);
  border-bottom: 1px solid #e8e8e8;
}
.profile-sidebar .sidebar-menu-items.active {
  color: var(--orange);
}
.profile-sidebar .sidebar-menu-items.active .svg-icons {
  color: var(--orange);
}
.profile-sidebar .sidebar-menu-items .svg-icons {
  color: rgba(68, 68, 68, 0.5);
}
.cagri-box {
  background-color: transparent;
  border-radius: 5px;
  padding: 10px 12px;
}
.cagri-box .text {
  font-size: 12px;
  font-weight: 400;
}
.cagri-box .number {
  color: var(--gray);
  font-size: 18px;
  font-weight: 600;
}
.cagri-box.arama {
  border: 1px solid var(--orange);
}
.cagri-box.arama .text {
  color: var(--orange);
}
.cagri-box.whatsapp {
  border: 1px solid #28bc6b;
}
.cagri-box.whatsapp .text {
  color: #28bc6b;
}
.profile-content {
  background-color: var(--white);
  border-radius: 10px;
}
.profile-content .title-section {
  padding: 20px;
}
.profile-content .title-section .svg-icons {
  width: 55px;
  height: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #eee;
  border-radius: 5px;
}
.profile-content .profile-title {
  color: var(--gray);
  font-size: 22px;
  font-weight: 600;
}
.profile-content .profile-text {
  color: var(--gray);
  font-weight: 300;
  font-size: 12px;
}
.profile-content .menu-section {
  padding: 30px 20px;
}
.profile-content .menu-section.odeme-basarili {
  padding: 60px 0;
}
.profile-content .menu-section.odeme-basarili .odeme-basarili-tamam {
  color: var(--gray);
  font-size: 22px;
  font-weight: 600;
  text-align: center;
}
.profile-content .menu-section.odeme-basarili .odeme-basarili-two {
  color: #000;
  text-align: center;
  font-size: 14px;
  font-weight: 300;
}
.profile-content .menu-section.odeme-basarili .odeme-basarili-button {
  border-radius: 5px;
  border: 2px solid #e8e8e8;
  padding: 8px 17px;
  color: rgba(68, 68, 68, 0.5);
  font-size: 14 px;
  font-weight: 600;
}
.profile-content .menu-section.odeme-basarili .odeme-basarili-button.two {
  background-color: #267f4e;
  color: var(--white);
  border: 2px solid #267f4e;
}
.profile-content .profile-menu-card {
  border: 1px solid #eee;
  padding: 13px;
  border-radius: 5px;
}
.profile-content .profile-menu-card .svg-icon {
  padding: 15px;
  border-radius: 5px;
  background-color: rgb(238, 242, 248);
}
.profile-content .profile-menu-card .title {
  color: var(--gray);
  font-size: 16px;
  font-weight: 600;
}
.profile-content .profile-menu-card .profile-card-text {
  color: var(--gray);
  font-size: 12px;
  font-weight: 400;
}
.tum-siparisler-button {
  padding: 7px 20px;
  border: 1px solid rgba(68, 68, 68, 0.5);
  border-radius: 5px;
  color: rgba(68, 68, 68, 0.5);
  font-size: 14px;
  font-weight: 400;
}
.menu-section .card {
  border-radius: 10px;
  border: 0.5px solid #e2e2e2;
  padding: 18px 20px !important;
}
.menu-section .card .img-box {
  border: 1px solid #e2e2e2;
  border-radius: 50%;
}
.menu-section .card .date {
  color: #444;
  font-weight: 400;
  font-size: 14px;
}
.menu-section .card .no {
  color: #444;
  font-weight: 300;
  font-size: 12px;
}
.menu-section .card .no .code {
  font-weight: 600;
}
.menu-section .card .icon-success {
  background-color: rgb(13, 140, 115);
  border-radius: 50%;
  width: 25px;
  height: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.menu-section .card .text-success {
  color: rgb(13, 140, 115) !important;
  font-weight: 500;
}
.menu-section .card .icon-primary {
  background-color: rgb(7, 85, 203) !important;
  border-radius: 50%;
  width: 25px;
  height: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.menu-section .card .text-primary {
  color: rgb(7, 85, 203) !important;
  font-weight: 500;
}
.menu-section .card .icon-danger {
  background-color: rgb(242, 30, 16);
  border-radius: 50%;
  width: 25px;
  height: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.menu-section .card .text-gray {
  color: rgb(132, 132, 132) !important;
  font-weight: 500;
}
.menu-section .card .icon-gray {
  background-color: rgb(132, 132, 132);
  border-radius: 50%;
  width: 25px;
  height: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.menu-section .card .text-orange {
  color: rgb(255, 103, 0) !important;
  font-weight: 500;
}
.menu-section .card .icon-orange {
  background-color: rgb(255, 103, 0);
  border-radius: 50%;
  width: 25px;
  height: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.menu-section .card .text-danger {
  color: rgb(242, 30, 16) !important;
  font-weight: 500;
}
.menu-section .card .card-right .price {
  color: rgb(13, 140, 115);
  font-weight: 600;
  font-size: 14px;
}
.menu-section .card .card-right p {
  font-weight: 300;
  color: #282d35;
  font-size: 14px;
  margin-top: 0.5rem;
}
.menu-section .card .card-right p span {
  color: #282d35;
  font-weight: 600;
  font-size: 12px;
}
.menu-section .card .button-card {
  padding: 10px 30px;
  background-color: rgb(132, 132, 132);
  color: #fff;
  border-radius: 5px;
  border: none;
}
.menu-section .card .button-card.teslimat {
  background-color: rgb(255, 103, 0);
}
.menu-section .card .button-card:hover {
  background-color: rgb(255, 103, 0);
}
.menu-section .card .nav-item {
  font-weight: 500;
  color: inherit;
}
.siparis-images .img-box {
  width: 55px;
  max-width: 55px;
  height: 55px;
  display: grid;
  background-color: #fff;
  place-items: center;
}
.siparis-images .img-box img {
  width: 55px;
  height: 55px;
  max-width: 55px;
  border-radius: 50%;
}
.siparis-images .img-box:not(:first-child) {
  margin-left: -20px;
  z-index: 99;
}
.siparis-images .badge-area {
  margin-left: -20px;
  z-index: 9999;
}
.siparis-images .badge-area .badge {
  padding: 5px 10px;
  border-radius: 25px;
  font-size: 12px;
  color: #111;
  font-weight: 400;
}
.width-card {
  width: 155px;
}
.siparis-detay-card .title {
  font-weight: 500;
  text-transform: capitalize;
  font-size: 18px;
}
.siparis-detay-card .adres-card {
  border-radius: 5px;
  border: 1px solid #e2e2e2;
  background: #fff;
}
.siparis-detay-card .adres-card h6 {
  color: #444;
  font-weight: 600;
  font-size: 16px;
}
.siparis-detay-card .adres-card .adres-text {
  color: #444;
  font-weight: 300;
  font-size: 14px;
  line-height: 1.6;
}
.siparis-detay-card .adres-card .banka-card {
  border-radius: 5px;
  background: #f5f5f5;
}
.siparis-detay-card .adres-card .banka-card .card-no {
  color: rgb(0, 0, 0);
  font-size: 12px;
  font-weight: 300;
}
.siparis-detay-card .adres-card .banka-card .banka-card-info {
  font-weight: 500;
  color: #267f4e;
  font-size: 14px;
}
.siparis-detay-card .adres-card .banka-card .banka-card-info span {
  color: rgb(0, 0, 0);
  font-weight: 300;
}
.bottom-card-detail-page .page-bottom-title {
  color: rgb(0, 0, 0);
  font-size: 18px;
  font-weight: 500;
}
.bottom-card-detail-page .page-bottom-card {
  border-radius: 5px;
  border: 0.5px solid #e2e2e2;
}
.bottom-card-detail-page .page-bottom-card .image-box {
  border: 1px solid #eee;
  border-radius: 5px;
  width: 97px;
  min-width: 97px;
  height: 134px;
}
.bottom-card-detail-page .page-bottom-card .image-box img {
  width: 100%;
  max-width: 100%;
  border-radius: 5px;
  height: 100%;
}
.bottom-card-detail-page .page-bottom-card .urun-adi {
  color: #444;
  font-weight: 400;
  font-size: 14px;
  height: 42px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.bottom-card-detail-page .page-bottom-card .beden {
  color: #444;
  font-size: 13px;
  font-weight: 300;
}
.bottom-card-detail-page .page-bottom-card .beden span {
  font-weight: 600;
}
.bottom-card-detail-page .page-bottom-card .indirim-fiyat {
  color: #444;
  font-size: 16px;
  font-weight: 300;
  text-decoration: line-through;
}
.bottom-card-detail-page .page-bottom-card .fiyat {
  color: #ff6700;
  font-size: 16px;
  font-weight: 600;
}
.alert-login {
  border: 2px solid var(--red);
  padding: 12px;
  border-radius: 5px;
  background-color: #fff3f4;
}
.alert-login .text {
  color: var(--red);
  font-size: 14px;
  font-weight: 400;
}
.alert-login.success {
  border-color: var(--green);
  background-color: #caf7df;
}
.alert-login.success .text {
  color: var(--green);
}
.alert-login.orange {
  border-color: rgb(255, 103, 0);
  background-color: #fff7f1;
}
.alert-login.orange .text {
  color: rgb(255, 103, 0);
}
.user-input-text {
  color: var(--gray);
  font-size: 14px;
  font-weight: 400;
}
.user-inputs {
  border-radius: 5px;
  border: 2px solid #e8e8e8;
  background-color: #f5f5f5;
  padding: 7px 15px;
}
.user-inputs:focus {
  outline: none;
}
.form-select.user-inputs:focus {
  box-shadow: none;
  border-color: rgb(232, 232, 232);
}
.user-cinsiyet-box {
  padding: 10px;
  border-radius: 5px;
  background-color: rgb(245, 245, 245);
  border: 2px solid rgb(232, 232, 232);
}
.user-cinsiyet-box.odeme {
  background-color: var(--white);
}
.user-cinsiyet-box.odeme .kargo-firma {
  color: #444;
  font-size: 14px;
  font-weight: 500;
}
.user-cinsiyet-box.odeme .teslimat-tarihi {
  color: #444;
  font-size: 12px;
  font-weight: 300;
}
.user-cinsiyet-box.odeme .teslimat-tarihi span {
  color: #267f4e;
}
.user-cinsiyet-box .form-check-input {
  width: 20px;
  height: 20px;
  border-radius: 5px;
  border: 2px solid rgb(225, 225, 225);
}
.user-cinsiyet-box .form-check-input:focus {
  box-shadow: none;
}
.user-cinsiyet-box .form-check-label {
  color: var(--gray);
  font-size: 14px;
  font-weight: 400;
}
.user-cinsiyet-box .form-check-input:checked {
  background-color: var(--orange);
  border: 2px solid var(--orange);
}
.user-cinsiyet-box .form-check-input:checked[type="radio"] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M14.2989 5.22185C14.2292 5.15155 14.1463 5.09576 14.0549 5.05768C13.9635 5.0196 13.8654 5 13.7664 5C13.6674 5 13.5694 5.0196 13.478 5.05768C13.3866 5.09576 13.3037 5.15155 13.2339 5.22185L7.64644 10.8168L5.29894 8.46185C5.22655 8.39192 5.14109 8.33693 5.04745 8.30003C4.95381 8.26313 4.85382 8.24503 4.75318 8.24677C4.65255 8.24851 4.55324 8.27006 4.46093 8.31018C4.36862 8.3503 4.28512 8.40821 4.21519 8.4806C4.14526 8.55299 4.09028 8.63845 4.05337 8.73209C4.01647 8.82573 3.99837 8.92572 4.00011 9.02636C4.00186 9.12699 4.0234 9.2263 4.06352 9.31861C4.10364 9.41092 4.16155 9.49442 4.23394 9.56435L7.11394 12.4443C7.18366 12.5146 7.26661 12.5704 7.35801 12.6085C7.4494 12.6466 7.54743 12.6662 7.64644 12.6662C7.74545 12.6662 7.84348 12.6466 7.93487 12.6085C8.02627 12.5704 8.10922 12.5146 8.17894 12.4443L14.2989 6.32435C14.3751 6.25412 14.4358 6.16888 14.4774 6.074C14.5189 5.97913 14.5404 5.87668 14.5404 5.7731C14.5404 5.66952 14.5189 5.56707 14.4774 5.47219C14.4358 5.37732 14.3751 5.29208 14.2989 5.22185Z' fill='white'/%3E%3C/svg%3E");
}
.user-guncelle-button {
  border-radius: 5px;
  border: 2px solid #ff6700;
  background-color: #fff;
  padding: 10px;
  width: 100%;
  color: #ff6700;
  font-size: 16px;
  font-weight: 600;
}
.user-guncelle-button.orange {
  background-color: #ff6700;
  color: var(--white);
}
.address-card {
  border-radius: 5px;
  border: 1px solid #eee;
}
.address-card.two {
  padding: 32px 0;
}
.address-card .adres-ekle-button {
  border-radius: 5px;
  background-color: #848484;
  border: none;
  padding: 7px 15px;
  color: var(--white);
  font-size: 12px;
  font-weight: 400;
}
.address-card .address-card-header {
  padding: 10px 15px;
}
.address-card .address-card-header .adres-adi {
  color: var(--gray);
  font-size: 16px;
  font-weight: 500;
}
.address-card .address-card-header .sil-button {
  color: var(--red);
  background-color: transparent;
  border: none;
}
.address-card .address-card-body {
  padding: 15px;
}
.address-card .address-card-body .username {
  color: var(--gray);
  font-size: 14px;
  font-weight: 400;
}
.address-card .address-card-body .adres-bilgi {
  color: var(--gray);
  font-size: 12px;
  font-weight: 400;
}
.address-card .address-card-body .adres-bilgi-bold {
  color: var(--gray);
  font-size: 12px;
  font-weight: 600;
}
.address-card .address-card-body .duzenle-button {
  background-color: var(--orange);
  color: var(--white);
  padding: 7px 15px;
  border: none;
  font-size: 12px;
  font-weight: 400;
  border-radius: 5px;
}
.indirim-kupon-card {
  border-radius: 5px;
  border: 1px solid #eee;
  padding: 15px 60px 15px 15px;
}
.indirim-kupon-card .indirim-kod {
  border-radius: 5px;
  background: #ff6700;
  padding: 10px 14px;
}
.indirim-kupon-card .indirim-kod .kupon-title {
  color: var(--white);
  font-size: 12px;
  font-weight: 400;
}
.indirim-kupon-card .indirim-kod .kupon-kodu {
  color: var(--white);
  font-size: 22px;
  font-weight: 600;
}
.indirim-kupon-card .kampanya {
  color: var(--gray);
  font-size: 12px;
  font-weight: 400;
}
.indirim-kupon-card .indirim-red {
  color: var(--red);
  font-size: 14px;
  font-weight: 600;
}
.indirim-kupon-card .kupon-durum {
  font-weight: 600;
  font-size: 16px;
}
.indirim-kupon-card .kupon-durum.kullanilabilir {
  color: #267f4e;
}
.indirim-kupon-card .kupon-durum.sure-doldu {
  color: #f21e10;
}
.indirim-kupon-card .kupon-durum.kullanildi {
  color: #0755cb;
}
.indirim-kupon-card .width-durum {
  width: 140px;
}
.yardim-search {
  padding: 35px;
  background: linear-gradient(180deg, #09002b 0%, #130740 100%);
  border-radius: 5px;
}
.yardim-search .yardim-search-input {
  padding: 10px 20px;
  width: 100%;
  border-radius: 50px;
  border: none;
}
.yardim-search .yardim-search-input:focus {
  outline: none;
}
.yardim-search .yardim-search-button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 45px;
  background-color: transparent;
  border: none;
}
.yardim-kategori {
  color: var(--gray);
  font-size: 18px;
  font-weight: 600;
}
.yardim-menu {
  border-radius: 5px;
  border: 1px solid #eee;
}
.yardim-menu .yardim-menu-items {
  padding: 14px 20px;
}
.yardim-menu .yardim-menu-items:hover .icons {
  color: var(--orange);
}
.yardim-menu .yardim-menu-items:hover .title {
  color: var(--orange);
}
.yardim-menu .yardim-menu-items .icons {
  color: var(--gray);
}
.yardim-menu .yardim-menu-items .title {
  color: var(--gray);
  font-size: 16px;
  font-weight: 600;
}
.yardim-menu .yardim-menu-items .text {
  color: var(--gray);
  font-size: 12px;
  font-weight: 400;
}
.yardim-sss .accordion-button:not(.collapsed) {
  background-color: transparent;
  box-shadow: none;
}
.yardim-sss .accordion-button:focus {
  box-shadow: none;
}
.yardim-sss .accordion-button {
  color: var(--gray);
  font-size: 14px;
  font-weight: 500;
}
.yardim-sss .accordion-button[aria-expanded="true"] {
  color: #ff6700;
}
.uyeliktext {
  color: var(--gray);
  font-size: 12px;
  font-weight: 400;
}
.form-check-input:checked {
  background-color: var(--orange);
  border-color: var(--orange);
}
.alisveris-tabs-items {
  padding: 15px;
  background-color: var(--white);
  border-radius: 5px;
  border: 2px solid #e1edff;
  text-align: start;
}
.alisveris-tabs-items.active {
  border: 2px solid #ff6700;
  background-color: #fff7f1;
}
.alisveris-tabs-items .title {
  color: var(--gray);
  font-size: 14px;
  font-weight: 600;
}
.alisveris-tabs-items .text {
  color: var(--gray);
  font-size: 12px;
  font-weight: 300;
  text-align: start;
}
.sifremi-unuttum-text {
  color: #ff6700;
  font-size: 14px;
  font-weight: 600;
}
.login-button {
  padding: 13px;
  width: 100%;
  background-color: #ff6700;
  color: var(--white);
  font-weight: 600;
  font-size: 16px;
  border-radius: 5px;
  border: 2px solid #ff6700;
}
.login-button.outline {
  border: 2px solid rgba(68, 68, 68, 0.25);
  background-color: transparent;
  color: rgba(68, 68, 68, 0.7);
}
.odeme-yontemleri .profile-content .menu-section {
  padding: 10px 20px;
}
.odeme-yontemleri .accordion-item {
  border: none;
}
.odeme-yontemleri .accordion-button:not(.collapsed) {
  background-color: transparent;
  box-shadow: none;
}
.odeme-yontemleri .accordion-button:focus {
  box-shadow: none;
}
.odeme-yontemleri .accordion-button {
  color: var(--gray);
  font-size: 16px;
  font-weight: 600;
}
.odeme-yontemleri .accordion-button[aria-expanded="true"] {
  color: #ff6700;
}
.taksit-genel-box {
  border: 1px solid #eee;
  border-radius: 5px;
}
.taksit-genel-box .items {
  padding: 10px;
}
.taksit-genel-box .items.tek {
  padding: 15px;
}
.taksit-genel-box .items.tek .taksit-fiyat {
  font-size: 14px;
}
.taksit-genel-box .items .form-check-label {
  color: var(--gray);
  font-size: 14px;
  font-weight: 400;
}
.taksit-genel-box .items .taksit-fiyat {
  color: var(--gray);
  font-size: 12px;
  font-weight: 600;
}
.taksit-genel-box .items .toplam-fiyat {
  font-size: 10px;
  color: var(--gray);
  font-weight: 400;
}
.taksit-genel-box .items .form-check-input:focus {
  box-shadow: none;
}
.tab-step {
  display: none;
}
.tab-step.active {
  display: block;
}
.payment-steps .step-divider {
  position: absolute;
  height: 5px;
  background: #f5f5f5;
  width: 200px;
  top: 50%;
  right: 50%;
  transform: translate(100%, -50%);
}
.payment-steps .span-text {
  font-size: 12px;
  font-weight: 400;
  color: var(--gray);
  margin-top: 8px;
}
.payment-steps .span-text.active {
  color: #0755cb;
}
.payment-steps .step {
  display: flex;
  flex-direction: column;
}
.payment-steps .step.step-active .step-circle {
  border-color: #0755cb;
  display: flex;
  align-items: center;
}
.payment-steps .step.step-finish .step-circle {
  background-color: #0755cb;
  display: flex;
  align-items: center;
  justify-content: center;
}
.payment-steps .step.step-finish .step-circle::after {
  background: #0755cb;
}
.payment-steps .step.step-finish .step-circle::before {
  content: "";
  display: inline-block;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='7' viewBox='0 0 9 7' fill='none'%3E%3Cpath d='M8.69183 0.506224C8.63373 0.447644 8.5646 0.401147 8.48844 0.369417C8.41228 0.337686 8.33059 0.32135 8.24808 0.32135C8.16557 0.32135 8.08388 0.337686 8.00772 0.369417C7.93156 0.401147 7.86243 0.447644 7.80433 0.506224L3.14808 5.16872L1.19183 3.20622C1.1315 3.14795 1.06029 3.10213 0.982253 3.07138C0.904218 3.04062 0.820891 3.02554 0.737028 3.02699C0.653165 3.02844 0.570409 3.0464 0.493485 3.07983C0.416561 3.11327 0.346976 3.16152 0.288701 3.22185C0.230427 3.28218 0.184606 3.35339 0.153854 3.43142C0.123101 3.50946 0.10802 3.59278 0.109471 3.67665C0.110921 3.76051 0.128876 3.84327 0.16231 3.92019C0.195743 3.99711 0.244001 4.0667 0.304327 4.12497L2.70433 6.52497C2.76243 6.58355 2.83155 6.63005 2.90772 6.66178C2.98388 6.69351 3.06557 6.70985 3.14808 6.70985C3.23058 6.70985 3.31228 6.69351 3.38844 6.66178C3.4646 6.63005 3.53373 6.58355 3.59183 6.52497L8.69183 1.42497C8.75527 1.36645 8.8059 1.29542 8.84053 1.21635C8.87516 1.13729 8.89304 1.05191 8.89304 0.965599C8.89304 0.879285 8.87516 0.793907 8.84053 0.714845C8.8059 0.635783 8.75527 0.56475 8.69183 0.506224Z' fill='white'/%3E%3C/svg%3E");
  width: 8.784px;
  height: 6.388px;
}
.payment-steps .step.step-finish + .step-divider {
  background: #0755cb;
}
.payment-steps .step .step-circle {
  width: 26px;
  height: 26px;
  border: 6px solid #f5f5f5;
  border-radius: 50%;
  z-index: 2;
  background-color: #fff;
}
.credit-card {
  width: 100%;
  border-radius: 10px;
  background: #fffcf9;
  height: 196px;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
  position: relative;
  padding: 23px;
}
.credit-card .card-number-input {
  margin: 13px 0;
}
.credit-card #credit-card-username {
  color: #000;
  font-size: 14px;
  font-weight: 400;
}
.credit-card .credit-card-number-text {
  color: #000;
  font-size: 14px;
  font-weight: 500;
}
.credit-card #card-number-input-view {
  border-radius: 5px;
  border: 2px solid #ff6700;
  width: 100%;
  padding: 8px 15px;
}
.credit-card #card-number-input-view:focus {
  outline: none;
}
.card-banka-title {
  color: var(--gray);
  font-size: 12px;
  font-weight: 300;
}
.card-banka-title span {
  font-weight: 600;
}
.card-ıban-no {
  color: var(--gray);
  font-size: 12px;
  font-weight: 600;
}
.banka-secimi:focus {
  box-shadow: none;
}
@media only screen and (max-width: 990px) {
  .stories.list .story>.item-link>.info .time
  {
    display: none;
  }
  .stories
  {
    gap: 0 !important;
  }
  .stories.list .story>.item-link>.item-preview
  {
    width: 60px !important;
    max-width: 60px !important;
    height: 60px !important;
  }
  #zuck-modal-content .story-viewer .head .left {
    display: block !important;
  }
  .address-card.mobile {
    padding: 30px 0;
  }
  .yardim-search {
    padding: 14px;
  }
  .yardim-search .yardim-search-button {
    right: 20px;
  }
  .menu-section .card .button-card {
    text-align: center;
  }
  .odeme-yontemleri .profile-content .menu-section {
    padding: 10px;
  }
  .credit-card {
    padding: 23px 10px;
  }
  .payment-steps .step-divider {
    width: 130px;
  }
}
.product-card-slider {
  
  padding: 20px;
}

.product-card-slider .image-box {
  width: 100%; /* height:240px;*/
  border-radius: 5px;
}
.product-card-slider .image-box img {
  width: 100%;
  height: 100%;
  max-width: 100%;
}

/* Ürün adı stili */
.product-card-slider .name {
  color: #000000;
  font-size: 15px;
  font-weight: 600;
  height: 42px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-bottom: 12px;
  text-align: left;
  line-height: 1.4;
}

/* Fiyat konteyner - fiyat sola, sepet ikonu sağa */
.price-container {
  display: flex;
  align-items: center;
  justify-content: space-between; /* Fiyat ve sepet ikonu arasında boşluk */
  margin-top: auto;
  padding-top: 10px;
  width: 100%;
}

/* Fiyat bilgileri grubu */
.price-info {
  display: flex;
  flex-direction: column;
  align-items: flex-start; /* Sola yasla */
}

/* Fiyat stili */
.product-card-slider .price {
  font-size: 20px;
  color: #000000;
  font-weight: 700;
  line-height: 1.2;
  display: block;
}

/* İndirimli fiyat stili */
.product-card-slider .price-discount {
  color: #767676;
  font-size: 14px;
  font-weight: 400;
  text-decoration: line-through;
  display: block;
  line-height: 1.2;
}

/* Sepete ekle butonu stili */
.add-to-cart-btn {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #267f4e; /* İstenilen yeşil renk */
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  cursor: pointer;
  transition: background-color 0.3s;
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

.add-to-cart-btn:hover {
  background-color: #1e6b42; /* Hover durumunda daha koyu yeşil */
}

.add-to-cart-btn i, 
.add-to-cart-btn svg {
  color: #ffffff;
  font-size: 16px;
}
.tab-pane.fade.show.active .col-6 {
 
}
.tab-pane.fade.show.active .col-6:nth-child(4n) {
  border-right: 0px solid #eee;
}
.product-card .image-box {
   height:230px;
  width: 100%;
}
.product-card .image-box img {
  width: 100%;
  max-width: 100%;
  object-fit: contain;
  height: 100%;
}


/*ttt*/

.product-card {
  padding: 20px;
  background-color: #fff;
  border-radius: 8px;
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
  height: 100%;
  position: relative;
}

.product-card:hover {
  box-shadow: 0 6px 16px rgba(0,0,0,0.1);
}

/* Ürün Resmi */
.product-card .image-box {
  text-align: center;
  margin-bottom: 1px;
  position: relative;
}

.product-card .image-box img {
  max-width: 100%;
  height: auto;
  transition: transform 0.3s ease;
}

/* Ürün Adı - Kalın, Koyu */
.product-card .name {
  color: #000;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 4px;
  text-transform: uppercase;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  letter-spacing: -0.2px;
}

/* Ürün Açıklaması - İnce, Gri ve İtalik */
.product-card .category {
  font-size: 14px;
  font-weight: 400;
  color: #666;
  margin-bottom: 5px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical; 
  overflow: hidden;
  font-style: italic;
}

/* Fiyat Bölümü */
.product-card .fiyatlar {
  margin-top: auto;
  transition: all 0.3s ease;
}

/* Ana Fiyat - Büyük ve Kalın */
.product-card .price {
  color: #000;
  font-size: 24px;
  font-weight: 700;
  display: block;
  margin-bottom: 5px;
}

/* Üstü Çizili Fiyat */
.product-card .price-discount {
  color: #767676;
  font-size: 14px;
  font-weight: 400;
  text-decoration: line-through;
  display: inline-block;
  margin-right: 10px;
}

/* İndirim Oranı - Kırmızı */
.product-card .indirim-oran {
  color: #e00;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
}

/* Sepete Ekle Butonu */
.product-card .sepet-button {
  visibility: hidden;
  opacity: 0;
  height: 0;
  display: none;
  background-color: #267f4e;
  padding: 12px 15px;
  width: 100%;
  border-radius: 4px;
  border: none;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  text-transform: capitalize;
  transition: all 0.3s ease;
  cursor: pointer;
  margin-top: 10px;
}

.product-card .sepet-button:hover {
  background-color: #1d6940;
}

/* Renk Seçenekleri */
.renk-secenekleri {
  display: flex;
  gap: 8px;
  margin-bottom: 15px;
}

.renk-option {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 1px solid #ddd;
  cursor: pointer;
}

/* Hover Efektleri */
@media (min-width: 990px) {
  .product-card:hover .fiyatlar {
    display: none;
  }
  
  .product-card:hover .favorilereekle,
  .product-card:hover .sepet-button {
    visibility: visible;
    opacity: 1;
    height: auto;
    display: block;
    margin-top: 10px;
  }
  
  .product-card:hover .image-box img {
    transform: scale(1.05);
  }
}

/* "Daha fazla seçenek" butonu */
.more-options {
  display: flex;
  align-items: center;
  margin-top: 15px;
}

.more-options .option-circle {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #0058a3;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
}

.more-options .option-circle svg {
  fill: white;
  width: 20px;
  height: 20px;
}

.more-options .option-text {
  color: #333;
  font-size: 14px;
}

/* Renk varyasyonları */
.color-variants {
  display: flex;
  gap: 5px;
  margin-top: 10px;
}

.color-variants .color-box {
  width: 30px;
  height: 30px;
  border-radius: 4px;
  cursor: pointer;
  border: 1px solid #eee;
}

.color-variants .color-box.white {
  background-color: #fff;
}

.color-variants .color-box.beige {
  background-color: #d4cfc0;
}

.color-variants .color-box.dark {
  background-color: #3a3a3a;
}

.color-variants .color-box.more {
  background-color: #f5f5f5;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  color: #333;
}

.product-card .kargo-text {
  font-size: 12px;
  font-weight: 300;
}
.product-card .kargo-text span {
  font-weight: 500;
}
.product-card .kargo-text.blue {
  color: var(--blue);
}
.product-card .kargo-text.green {
  color: var(--green);
}
/* .product-card .product-badge {
  padding: 3px 10px;
  background-color: var(--orange);
  color: var(--white);
  border-radius: 30px;
  font-size: 10px;
  font-weight: 400;
} */
.product-card .badge-div
{
  position: absolute;
  top: 5px;
  left: 0px;
}
.product-card .badge-div .product-badge
{
  padding: 3px 10px;
  background-color: var(--orange);
  color: var(--white);
  border-radius: 30px;
  font-size: 10px;
  font-weight: 400;
  display: flex;
  align-items: center;
  justify-content: center;
}
.product-card .badge-div .product-badge.ucretsiz 
{
  background-color: #607d8b !important;
}
.product-card .badge-div .product-badge.indirimdeurun 
{
  background-color: red !important;
}
.product-card-slider .badge-div
{
  position: absolute;
  top: -20px;
  left: 10px;
}
.product-card-slider .badge-div .product-badge
{
  padding: 2px 6px;
  background-color: var(--orange);
  color: var(--white);
  border-radius: 30px;
  font-size: 10px;
  font-weight: 400;
  display: flex;
  align-items: center;
  justify-content: center;
}
.product-card-slider .badge-div .product-badge.ucretsiz 
{
  background-color: #607d8b !important;
}
.product-card-slider .badge-div .product-badge.indirimdeurun 
{
  background-color: red !important;
}
.badge-div-detail
{
  position: absolute;
  top: 12px;
  left: 12px;
  z-index: 9;
}
.badge-div-detail .product-badge
{
  padding: 3px 10px;
  background-color: var(--orange);
  color: var(--white);
  border-radius: 30px;
  font-size: 10px;
  font-weight: 400;
  display: flex;
  align-items: center;
  justify-content: center;
}
.badge-div-detail .product-badge.ucretsiz 
{
  background-color: #607d8b !important;
}
.badge-div-detail .product-badge.indirimdeurun 
{
  background-color: red !important;
}
.product-card .fiyatlar {
  display: flex;
}
.product-card .favorilereekle {
  visibility: hidden;
  opacity: 0;
  height: 0;
  display: none;
  border: 1px solid #eee;
  min-width: 35px;
  min-height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  border-radius: 50%;
  position: absolute;
  top: -7px;
  right: -10px;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.product-card .sepet-button {
  visibility: hidden;
  opacity: 0;
  height: 0;
  display: none;
  background-color: #267f4e;
  padding: 10px 15px;
  width: 100%;
  border-radius: 5px;
  border: none;
  color: var(--white);
  font-size: 16px;
  font-weight: 600;
  height: 52px;
}
 @media (min-width:990px) {
  .product-card:hover .fiyatlar {
    display: none;
  }
  .product-card:hover .favorilereekle {
    visibility: visible;
    opacity: 1;
    margin-top: 0;
    transition: opacity 0.5s ease-in-out;
    height: fit-content;
    display: block;
  }
  .product-card:hover .sepet-button {
    visibility: visible;
    opacity: 1;
    margin-top: 0;
    transition: opacity 0.5s ease-in-out;
    height: fit-content;
    display: block;
  }
 }
.product-detail-page {
  background-color: var(--white);
  border-radius: 10px;
}
.product-detail-page .left {
  padding: 20px;
}

.product-detail-page .orta {
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;
}
.product-detail-page .orta .section-one {
  padding: 20px;
}
.product-detail-page .orta .section-two {
  padding: 20px;
}
.product-detail-page .orta .section-three {
  padding: 20px;
}
.product-detail-page .right .section-one {
  padding: 20px;
}
.product-detail-page .right .section-two {
  padding: 20px;
}
.product-detail-page .right .section-two .title {
  font-size: 14px;
  font-weight: 600;
  color: var(--gray);
}
.product-detail-page .right .section-three {
  padding: 20px;
}
.product-detail-page .right .section-four {
  padding: 20px;
  background-color: #fff9e9;
}
.product-detail-page .right .section-four .title {
  color: var(--gray);
  font-size: 14px;
  font-weight: 500;
}
.product-detail-page .right .section-four .haber-text {
  color: var(--gray);
  font-size: 12px;
  font-weight: 400;
}
.product-detail-page .right .section-five {
  padding: 20px;
}
.product-detail-page .right .section-five .kargo-text {
  font-size: 12px;
  font-weight: 300;
}
.product-detail-page .right .section-five .kargo-text span {
  font-weight: 500;
}
.product-detail-page .right .section-five .kargo-text.blue {
  color: var(--blue);
}
.product-detail-page .right .section-five .kargo-text.green {
  color: var(--green);
}
.product-detail-page .right .rating {
  color: var(--gray);
  font-size: 16px;
  font-weight: 600;
}
.product-detail-page .right .fiyat-alarm-text {
  color: var(--gray);
  font-size: 14px;
  font-weight: 400;
}
.product-detail-page .product-name {
  color: #242424;
  font-size: 22px;
  font-weight: 700;
}
.product-detail-page .urun-marka {
 margin-bottom:10px;
  color: #dedede;
  font-size: 14px;
  font-weight: 300;
  cursor: pointer;
}
.product-detail-page .stok-kodu {
  color: var(--gray);
  font-size: 14px;
  font-weight: 500;
}
.product-detail-page .product-discount {
  color: var(--gray);
  font-size: 18px;
  font-weight: 300;
  text-decoration: line-through;
}
.product-detail-page .indirim-orani {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #ff416c, #ff4b2b);
  color: white;
  font-weight: 700;
  font-size: 16px;
  padding: 6px 12px;
  border-radius: 6px;
  box-shadow: 0 2px 8px rgba(255, 65, 108, 0.25);
  transition: transform 0.2s, box-shadow 0.2s;
  position: relative;
  overflow: hidden;
}

.product-detail-page .indirim-orani:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(255, 65, 108, 0.35);
}

.product-detail-page .indirim-orani::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
  transition: 0.5s;
}

.product-detail-page .indirim-orani:hover::before {
  left: 100%;
}
.product-detail-page .price-product {
  color: #242424;
  font-size: 30px;
  font-weight: 700;
}
.product-detail-page .indirim-text {
  color: #484848;
  font-size: 12px;
  font-weight: 300;
}
.product-detail-page .renk-box {
  width: 50px;
  height: 68px;
  border: none;
  padding: 0;
  border: 1px solid #eee;
}
.product-detail-page .renk-box img {
  width: 100%;
  height: 100%;
  max-width: 100%;
}
.product-detail-page .renk-box.active {
  border-color: var(--orange);
}
.product-detail-page .beden-baslik {
  color: var(--gray);
  font-size: 14px;
  font-weight: 600;
}
.product-detail-page .beden-baslik span {
  font-weight: 300;
}
.product-detail-page .beden-button {
  color: var(--gray);
  font-size: 14px;
  font-weight: 400;
  padding: 7px 13px;
  border: 2px solid #e1e1e1;
  border-radius: 5px;
  background-color: var(--white);
}
.product-detail-page .beden-button.active {
  border-color: var(--orange);
}
.product-detail-page .beden-button.selected {
  border-color: var(--orange);
}
.product-detail-page .sepete-ekle-button {
  padding: 10px 20px;
  background-color: var(--orange);
  color: var(--white);
  font-size: 18px;
  border: none;
  font-weight: 500;
  border-radius: 5px;
}
.breadcumb .items {
  color: var(--gray);
  font-size: 12px;
  font-weight: 300;
}
.adet .adet-input .adet-button {
  background-color: #f2f1f1;
  border-radius: 5px;
  max-width: 75px;
  width: 75px;
  justify-content: space-between;
  padding: 5px 10px;
}
.adet .adet-input .adet-button .adet-arrow button {
  display: inline-block;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.adet .adet-input .adet-button .adet-arrow i {
  font-size: 0.5rem !important;
}
.adet .adet-input .adet-button .adet-sayi {
  background-color: transparent;
  border: none;
  width: 30px;
}
.adet .adet-input .adet-button .adet-sayi:focus {
  border: none !important;
}
.adet .adet-input .adet-button .adet-sayi:focus-visible {
  border: none !important;
}
.adet .adet-input .adet-button .btn {
  --bs-btn-border-width: none;
  --bs-btn-border-color: none;
  --bs-btn-border-radius: none;
  --bs-btn-hover-border-color: none;
  --bs-btn-box-shadow: none;
}
.tahmini-teslimat {
  color: var(--gray);
  font-size: 12px;
  font-weight: 500;
}
.birlikte-card {
  padding: 20px;
  border-right: 1px solid #eee;
}
.birlikte-card .image-box {
  min-width: 135px;
  border-radius: 5px;
  border: 1px solid #eee;
  height: 190px;
}
.birlikte-card .image-box img {
  width: 100%;
  height: 100%;
  max-width: 100%;
}
.birlikte-card .ozel-teklif {
  color: var(--green);
  font-size: 12px;
  font-weight: 300;
}
.birlikte-card .product-name-birlikte {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  color: var(--gray);
  font-size: 14px;
  font-weight: 500;
}
.birlikte-card .bu-urun {
  color: var(--red);
  font-size: 12px;
  font-weight: 400;
}
.birlikte-card .product-discount {
  color: var(--gray);
  font-size: 14px;
  font-weight: 400;
  text-decoration: line-through;
}
.birlikte-card .indirim-orani {
  color: var(--red);
  font-size: 14px;
  font-weight: 600;
}
.birlikte-card .price {
  color: var(--gray);
  font-size: 18px;
  font-weight: 600;
}
.birlikte-card .sepete-ekle-button {
  padding: 7px 20px;
  background-color: var(--orange);
  color: var(--white);
  font-size: 14px;
  font-weight: 600;
  border: none;
  border-radius: 5px;
}
.urundetay-tabs {
  background-color: #eef2f8;
  border-bottom: none;
}
.urundetay-tabs .nav-item {
  border-right: 1px solid #dfe3e9;
}
.urundetay-tabs .nav-item:last-child {
  border: none;
}
.urundetay-tabs .tabs-items {
  padding: 12px 25px;
  background-color: transparent;
  border: none;
  color: var(--gray);
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.32px;
}
.urundetay-tabs .tabs-items.active {
  font-weight: 600;
  background-color: var(--white);
  border: none;
}
.tab-content.urundetay {
  padding: 25px;
}
.category-sidebar .accordion {
  background-color: #f4f4f4;
}
.category-sidebar .accordion-item {
  border: none !important;
}
.category-sidebar .accordion-item .accordion-button {
  color: var(--gray);
  font-size: 16px;
  font-weight: 600;
}
.category-sidebar .accordion-item .accordion-button:focus {
  box-shadow: none;
}
.category-sidebar .accordion-item .accordion-button:focus {
  box-shadow: none;
  border-color: #eee;
}
.category-sidebar .accordion-item .accordion-button:not(.collapsed) {
  background: none;
  box-shadow: none;
}
.category-sidebar .sidebar-title {
  color: var(--gray);
  font-size: 14px;
  font-weight: 600;
}
.category-sidebar .kategoriler {
  padding: 0 15px;
}
.category-sidebar .kategoriler .sidebar-items {
  color: var(--gray);
  font-size: 14px;
  font-weight: 400;
}
.category-sidebar .accordion-body {
  border-bottom: 1px solid #eee;
}
.category-sidebar .switch-text {
  color: var(--gray);
  font-size: 14px;
  font-weight: 400;
}
.category-sidebar .form-switch .form-check-input {
  width: 49px;
  height: 25px;
}
.category-sidebar .sidebar-search {
  border-radius: 3px;
  background: #c4c4c4;
  border: none;
  width: 50px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.category-sidebar .sidebar-items {
  color: var(--gray);
  font-size: 14px;
  font-weight: 400;
}
.input-min-max {
  border-radius: 3px;
  border: 1px solid rgba(57, 62, 70, 0.15);
  background: rgba(57, 62, 70, 0.1);
}
.kategori-urunler {
  background-color: var(--white);
  border-radius: 5px;
}
.login-text {
  color: var(--gray);
  font-size: 14px;
  font-weight: 400;
}
.login-box {
  background-color: var(--white);
  padding: 25px;
  border-radius: 10px 0 0 10px;
  width: 466px;
}
.login-box.sifremi-unuttum {
  padding: 35px 25px 25px 25px;
}
.login-box .form-check-label {
  color: var(--gray);
  font-size: 12px;
  font-weight: 400;
}
.login-box .checkbox-sidebar {
  border-radius: 5px;
  border: 2px solid #e1e1e1;
  width: 20px;
  height: 20px;
}
.login-box .checkbox-sidebar:focus {
  box-shadow: none;
}
.login-box .form-check-input:checked {
  background-color: var(--orange);
  border-color: var(--orange);
}
.login-tabs-items {
  color: var(--gray);
  font-size: 16px;
  font-weight: 600;
  padding: 8px 60px;
  background-color: #f5f5f5;
  border: none;
  border-radius: 5px;
}
.login-tabs-items.active {
  background-color: var(--white);
}
.login-tabs {
  background-color: #f5f5f5;
  padding: 5px;
  border-radius: 5px;
  border: none;
}
.alert-login {
  border: 2px solid var(--red);
  padding: 12px;
  border-radius: 5px;
  background-color: #fff3f4;
}
.alert-login .text {
  color: var(--red);
  font-size: 14px;
  font-weight: 400;
}
.alert-login.success {
  border-color: var(--green);
  background-color: #caf7df;
}
.alert-login.success .text {
  color: var(--green);
}
.login-input-text {
  color: var(--gray);
  font-size: 14px;
  font-weight: 400;
}
.login-inputs {
  border: 2px solid #e8e8e8;
  background-color: var(--white);
  border-radius: 5px;
  padding: 8px 10px;
  width: 100%;
}
.login-inputs:focus {
  outline: none;
}
.password-register {
  border: none;
  background-color: transparent;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
}
.sifremi-unuttum-text {
  color: #ff6700;
  font-size: 14px;
  font-weight: 600;
}
.login-button {
  padding: 13px;
  width: 100%;
  background-color: #ff6700;
  color: var(--white);
  font-weight: 600;
  font-size: 16px;
  border-radius: 5px;
  border: 2px solid #ff6700;
}
.login-button.outline {
  border: 2px solid rgba(68, 68, 68, 0.25);
  background-color: transparent;
  color: rgba(68, 68, 68, 0.7);
}
.login-right-box {
  background-color: #eef2f8;
  border-radius: 0px 10px 10px 0px;
  padding: 25px;
  width: 350px;
}
.login-right-box .title {
  color: var(--gray);
  font-size: 16px;
  font-weight: 600;
}
.login-right-box .text {
  color: var(--gray);
  font-size: 14px;
  font-weight: 400;
}
.login-right-box .social-media-box {
  border: 2px solid #3b5998;
  border-radius: 5px;
  padding: 10px;
}
.login-right-box .social-media-box .text {
  color: #3b5998;
  font-size: 14px;
  font-weight: 400;
}
.login-right-box .social-media-box .text span {
  font-weight: 600;
}
.login-right-box .social-media-box.twitter {
  border-color: #1da1f2;
}
.login-right-box .social-media-box.twitter .text {
  color: #1da1f2;
}
.login-right-box .social-media-box.google {
  border-color: #db4437;
}
.login-right-box .social-media-box.google .text {
  color: #db4437;
}
.sifre-yenile-title {
  color: var(--gray);
  font-size: 16px;
  font-weight: 600;
}
.sifre-yenile-text {
  color: var(--gray);
  font-size: 14px;
  font-weight: 400;
}
.guvenli-alisveris {
  border: 2px solid #267f4e;
  border-radius: 40px;
  padding: 8px 20px;
}
.guvenli-alisveris .text {
  color: #267f4e;
  font-size: 14px;
  font-weight: 500;
}
.content-text {
  width: 580px;
  color: var(--gray);
  font-size: 14px;
  font-weight: 400;
  text-align: center;
}
@media only screen and (max-width: 990px) {
  .main-banner-dikey .spbanner {
    height: auto;
    max-height: 300px;
  }
  .content-text {
    width: 100%;
  }
  .login-tabs {
    justify-content: center;
  }
  .login-tabs-items {
    padding: 8px 30px;
  }
  .mobil-input-div {
    width: 100%;
  }
  .login-right-box {
    width: 100%;
    border-radius: 10px;
  }
  .login-box {
    width: 100%;
    border-radius: 10px;
  }
  .login-text {
    text-align: center;
  }
  .cat-slider-fiyat
  {
    font-size: 17px !important;
  }
    .max-2-lines
  {
    font-size: 15px !important;
  }
  .cat-slider-fiyat span
  {
    font-size: 15px !important;
  }
}
.sepet-content {
  background-color: var(--white);
  border-radius: 10px;
}
.sepet-content .title-section {
  padding: 20px;
}
.sepet-content .title-section .svg-icons {
  width: 55px;
  height: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #eee;
  border-radius: 5px;
}
.sepet-content .menu-section {
  padding: 30px 20px;
}
.sepet-baslik {
  color: var(--gray);
  font-size: 22px;
  font-weight: 400;
}
.sepet-adet {
  color: rgba(68, 68, 68, 0.5);
  font-size: 12px;
  font-weight: 400;
}
.ucretsiz-kargo {
  color: #267f4e;
  font-size: 14px;
  font-weight: 600;
}
.sepet-alert {
  padding: 20px;
  border: 2px solid #267f4e;
  border-radius: 5px;
}
.sepet-alert .text {
  color: #267f4e;
  font-size: 16px;
  font-weight: 400;
}
.sepet-alert .alisveris-devam-edin {
  padding: 7px 7px 7px 10px;
  background-color: rgb(38, 127, 78);
  border-radius: 5px;
  color: var(--white);
  font-size: 14px;
  font-weight: 400;
}
.sepet-card {
  border-radius: 5px;
  border: 1px solid #eee;
  padding: 20px;
}
.sepet-card .quantity {
  border-radius: 5px;
  border: 1px solid #e8e8e8;
}
.sepet-card .quantity .quantity-button {
  width: 45px;
  height: 45px;
  background-color: rgb(250, 250, 250);
  border: none;
  font-size: 20px;
  color: rgba(68, 68, 68, 0.5);
}
.sepet-card .quantity .quantity-button.plus {
  border-radius: 0px 3px 3px 0px;
}
.sepet-card .quantity .quantity-button.minus {
  border-radius: 0px 3px 3px 0px;
}
.sepet-card .quantity .quantity-button:focus {
  color: var(--orange);
}
.sepet-card .quantity .quantity-input {
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  text-align: center;
  font-size: 18px;
  font-weight: 600;
  color: var(--gray);
  background-color: transparent;
}
.sepet-card .quantity .quantity-input:focus {
  outline: none;
}
.sepet-card .quantity input::-webkit-outer-spin-button,
.sepet-card .quantity input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.sepet-card .quantity input[type="number"] {
  -moz-appearance: textfield;
}
.sepet-card .image-box {
  width: 70px;
  height: 90px;
  min-width: 70px;
  border-radius: 5px;
}
.sepet-card .image-box img {
  width: 100%;
  height: 100%;
  max-width: 100%;
  border-radius: 5px;
}
.sepet-card .image-box .sepet-close {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -15px;
  border: 2px solid var(--white);
  background-color: rgb(132, 132, 132);
  border-radius: 50%;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sepet-card .product-name {
  color: var(--gray);
  font-size: 14px;
  font-weight: 600;
  width: 300px;
  height: 42px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.sepet-card .beden {
  color: var(--gray);
  font-size: 12px;
  font-weight: 500;
}
.sepet-card .price-discount {
  color: var(--gray);
  font-size: 14px;
  font-weight: 400;
  text-decoration: line-through;
}
.sepet-card .price {
  color: var(--orange);
  font-size: 18px;
  font-weight: 600;
}
.sepet-card .custom-alert {
  position: fixed;
  top: 10px;
  left: 50%;
  transform: translateX(-50%);
  padding: 10px;
  background-color: #4caf50;
  color: #fff;
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.sepet-right-card {
  border-radius: 10px;
  background-color: var(--white);
}
.sepet-right-card .sepet-right-card-header {
  padding: 20px;
}
.sepet-right-card .sepet-right-card-header .toplam-fiyat-text {
  color: #ff6700;
  font-size: 14px;
  font-weight: 400;
}
.sepet-right-card .sepet-right-card-header .toplam-fiyat {
  color: #444;
  font-size: 22px;
  font-weight: 600;
}
.sepet-right-card .sepet-right-card-header .alisveris-tamamla {
  background-color: #ff6700;
  padding: 7px 15px;
  border-radius: 5px;
  border: none;
  width: 100%;
  color: var(--white);
  font-size: 16px;
  font-weight: 600;
}
.sepet-right-card .sepet-right-card-body {
  padding: 20px;
}
.sepet-right-card .sepet-right-card-body .title {
  color: var(--gray);
  font-size: 14px;
  font-weight: 400;
}
.sepet-right-card .sepet-right-card-body .number {
  font-size: 14px;
}
.sepet-right-card .sepet-right-card-body .number.eski {
  color: var(--gray);
  text-decoration: line-through;
  font-weight: 400;
}
.sepet-right-card .sepet-right-card-body .number.indirim {
  color: #267f4e;
  font-weight: 600;
}
.sepet-right-card .sepet-right-card-body .number.urunler {
  font-weight: 600;
  color: var(--gray);
}
.sepet-right-card .sepet-right-card-body .hediye-ceki-card {
  border-radius: 5px;
  border: 1px solid #ff6700;
  background-color: #fff7f1;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  padding: 10px 10px 15px 10px;
}
.sepet-right-card .sepet-right-card-body .hediye-ceki-card .hediye-ceki-kullan {
  color: var(--orange);
  font-size: 14px;
  font-weight: 400;
}
.sepet-right-card .sepet-right-card-body .hediye-ceki-card .hediye-ceki-input {
  border-radius: 3px;
  border: 1px solid #f8e7db;
  background-color: var(--white);
  padding: 7px 15px;
  width: 100%;
}
.sepet-right-card
  .sepet-right-card-body
  .hediye-ceki-card
  .hediye-ceki-uygula-button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 4px;
  border-radius: 3px;
  background-color: var(--orange);
  border: none;
  font-weight: 400;
  font-size: 12px;
  color: var(--white);
  padding: 7px 15px;
}
.bos-sepet {
  padding: 120px 0;
  background-color: var(--white);
  border-radius: 10px;
}
.bos-sepet .title {
  color: var(--gray);
  font-size: 22px;
  font-weight: 600;
}
.bos-sepet .text {
  color: #000;
  font-size: 14px;
  font-weight: 400;
}
.bos-sepet .alisverise-baslayin {
  background-color: #267f4e;
  border-radius: 5px;
  padding: 10px 20px;
  color: var(--white);
  font-size: 16px;
  font-weight: 600;
}
@media only screen and (max-width: 990px) {
  .sepet-card .product-name {
    width: auto;
  }
}
.blog-page-header {
  padding: 50px 0 30px 0;
  background-color: rgb(238, 242, 248);
}
.blog-page-header .blog-header-title {
  color: var(--gray);
  font-size: 40px;
  font-weight: 600;
}
.blog-card {
  border-radius: 10px;
}
.blog-card .image-box {
  border-radius: 10px 10px 0 0;
  width: 100%;
  height: 270px;
}
.blog-card .image-box img {
  border-radius: 10px 10px 0 0;
  width: 100%;
  max-width: 100%;
  height: 100%;
}
.blog-card .blog-card-body {
  padding: 20px;
  background-color: var(--white);
  border-radius: 0 0 10px 10px;
}
.blog-card .blog-card-body .blog-card-name {
  color: var(--gray);
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}
.blog-card .blog-card-body .blog-card-text {
  color: var(--gray);
  font-size: 14px;
  font-weight: 400;
}
.blog-card .blog-card-body .blog-card-button {
  border-radius: 5px;
  border: 1px solid #ff6700;
  background-color: transparent;
  padding: 8px 20px;
  color: var(--orange);
}
.blog-card .blog-card-body .blog-card-button:hover {
  color: var(--white);
  background-color: var(--orange);
}
.blog-detail-page {
  background-color: var(--white);
  padding: 30px;
  border-radius: 10px;
}
.blog-detail-page .blog-detail-page-text {
  color: var(--gray);
  font-size: 16px;
  font-weight: 400;
}
.contact-page {
  padding: 50px;
  background-color: var(--white);
  border-radius: 10px;
}
.gonder-button {
  background-color: var(--orange);
  padding: 7px 19px;
  border-radius: 5px;
  color: var(--white);
  font-size: 14px;
  font-weight: 400;
  border: none;
}
.adres-yazi {
  color: var(--gray);
  font-size: 14px;
  font-weight: 400;
}
.eposta-baslik {
  color: var(--gray);
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.28px;
}
.eposta-text {
  color: var(--gray);
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.32px;
}
@media only screen and (max-width: 990px) {
  .contact-page {
    padding: 25px;
  }
  .blog-page-header {
    padding: 20px 0;
  }
  .blog-page-header .blog-header-title {
    font-size: 20px;
  }
  .product-card {
    padding: 0;
  }
  /* .product-card .image-box{height:200px;}
*/
  header .logo {
    height: 25px;
    width: 140px;
  }
  header .dropdown-toggle::after {
    display: none;
  }
  header .icons i {
    font-size: 20px;
    color: var(--gray);
  }
  .header-search-input {
    width: 100%;
    padding: 10px 15px;
  }
  .header-search-button {
    height: 47px;
    width: 55px;
  }
  .header-bottom {
    padding: 15px 0;
  }
  .header-bottom .bars-button {
    background-color: transparent;
    border: none;
    color: var(--white);
  }
  footer .section-five {
    padding: 30px 0;
  }
  footer .section-five img {
    width: 100%;
  }
  .breadcumb .items {
    text-wrap: nowrap;
    padding-bottom: 10px;
  }
  .main-slider-image {
    height: 300px;
  }
}
.offcanvas-start {
  width: 80% !important;
}
body {
  font-family: Segoe UI, Tahoma, Geneva, Verdana, sans-serif;
  background-color: #ffffff;
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
}
a {
  text-decoration: none;
}
.mt-20 {
  margin-top: 20px;
}
.mt-30 {
  margin-top: 30px;
}
.mt-40 {
  margin-top: 40px;
}
.mt-50 {
  margin-top: 50px;
}
.mt-60 {
  margin-top: 60px;
}
.mt-70 {
  margin-top: 70px;
}
.mt-80 {
  margin-top: 80px;
}
.mt-90 {
  margin-top: 90px;
}
.mt-100 {
  margin-top: 100px;
}
/* SON EKLENEN CSSLER */
footer .section-three .footer-menuler {
  padding-left: 0 !important;
}
footer .section-three .footer-menuler a {
  color: var(--gray);
  font-size: 14px;
  font-weight: 400;
}
.mobile-kategori-offcanvas .menu-list-item .menu-link {
  color: var(--gray);
  font-size: 14px;
  font-weight: 500;
  border-bottom: 1px solid rgba(222, 227, 235, 1);
  padding: 10px 0;
}
.mobile-kategori-offcanvas .menu-list-item .menu-link:focus {
  color: var(--orange);
}
.mobile-kategori-offcanvas .menu-list-item .menu-link:focus i {
  color: var(--orange);
}
.mobile-kategori-offcanvas .menu-list-item .mobile-menu-alt-link {
  color: var(--gray);
  font-size: 14px;
  font-weight: 400;
}
.mobile-kategori-offcanvas .menu-list-item .menu-link i {
  color: rgba(68, 68, 68, 0.5);
}
.mobile-kategori-offcanvas {
  height: calc(100dvh - 70px);
  width: 100% !important;
}
.mobile-kategori-offcanvas .offcanvas-title {
  color: var(--gray);
  font-size: 16px;
  font-weight: 600;
}
.mobile-kategori-offcanvas .offcanvas-body {
  padding: 5px 1rem !important;
}
.besli-urunler .col-lg {
  width: 20% !important;
  flex: auto;
  max-width: 20%;
}
.BreadCrumb {
  white-space: nowrap;
  color: var(--gray);
  font-size: 14px;
  font-weight: 400;
}
.etikets h6 {
  color: var(--gray);
  font-size: 16px;
  font-weight: 600;
}
.etikets h6 a {
  color: var(--black);
  font-size: 14px;
  font-weight: 400;
}
.urundetay .product-disc p {
  color: var(--gray);
  font-size: 14px;
  font-weight: 400;
}
.breadcumb li a::after {
  content: "/";
  margin-left: 10px;
}
.category-sidebar .kategoriler li a {
  color: var(--gray);
  font-size: 14px;
  font-weight: 400;
}
#filterContainer ul {
  list-style: none !important;
  padding-left: 0 !important;
}
.filitreBaslik
{
  margin-bottom: 10px;
}
#filterContainer .filterCheck {
  color: var(--gray);
  font-size: 14px;
  font-weight: 400;
  text-transform: capitalize;
}
#urunsirala {
  display: block !important;
}
.kategori-urunler .page-title {
  /* display:none;*/
  font-size: 20px ;
  font-weight: 500 !important;
  margin-left: 15px;
  margin-top: 15px;
}
.kategori-urunler .page-title a {
  /* display:none;*/
  font-size: 20px !important;
  font-weight: 500 !important;
}
/* .page-inner-content{margin-top:15px;}
*/
#orderBy,
#cat-limit {
  padding: 4px 8px !important;
}
.detayblok {
  background-color: var(--white);
  padding: 25px;
  border-radius: 10px;
  margin-top: 40px;
}
.detayblok .page-title
{
  font-size: 25px;
  margin-bottom: 20px;
}

.anasBaslik {
  margin-bottom: 30px !important;
}
.basket-title {
  margin-bottom: 30px !important;
}
@media only screen and (max-width: 990px) {
  .besli-urunler .col-lg {
    width: 50% !important;
    max-width: 50% !important;
  }
  .urundetay-tabs .nav-item {
    width: 50% !important;
  }
  .urundetay-tabs .nav-item .tabs-items {
    width: 100% !important;
    padding: 10px 15px;
    font-size: 14px;
  }
  #kategori-mobil-gorunum {
    overflow: auto !important;
    flex-wrap: nowrap !important;
    padding-bottom: 15px !important;
  }
  .main-banner-dikey .title {
    height: 61px;
  }
  .grid-five {
    grid-template-columns: repeat(2, 1fr) !important;
    padding: 1rem;
    gap: 1rem;
  }
  .main-title {
    font-size: 18px;
  }
}
.category-wrapper:hover .hover-category {
  border-radius: 5px 5px 0 0;
}
.slider-item-ratio .slider-container > * > * {
  object-fit: contain !important;
}
.grid-five {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
}
.grid-five .product-card {
  border-bottom: 1px solid #eee;
  padding: 1;
}
.grid-five .product-card:nth-child(n + 6) {
  border-bottom: 1px solid transparent !important;
}
.grid-five .product-card:nth-child(5) {
  border-right: 1px solid transparent !important;
}
.grid-five .product-card:nth-child(10) {
  border-right: 1px solid transparent !important;
}
/* SAYFA ÜSTLERİ BREADCUMB */
.breadcrumb-menubar li a::after {
  content: " » ";
  margin-left: 10px;
}
.breadcrumb-menubar li:nth-last-child(-n + 2) a::after {
  content: "" !important;
}
.breadcrumb-menubar li a {
  text-wrap: nowrap;
  color: var(--gray);
  font-size: 14px;
  font-weight: 400;
  flex-wrap: nowrap;
}

#zuck-modal-content .story-viewer .head .back,
#zuck-modal-content .story-viewer .head .right .close {
  background-color: #fff;
  border-radius: 50%;
  color: #000;
  margin-right: 20px;
}
#zuck-modal-content .story-viewer .head .left .info > * {
  display: none !important;
}
.urun-aciklama-detail p {
  font-size: 13px !important;
}
.kategori-urunler .page-title {
  display: flex;
  gap: 10px;
}
.header-categories-list {
  display: flow;
  justify-content: space-between;
    border-right: 1px solid #e5e5e5;

}
.header-categories-list a:first-child {
  margin-left: 1.4rem;
}
.kategori-urunler .col-6 {
  padding: 1rem;
}
.kategori-urunler .row {
  padding: 0.5rem;
}
.kacirilmayacak .product-card {
  padding: 1rem;
}
@media (max-width: 991px) {
  #urunsirala tr
  {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  #orderBy
  {
    width: 100% ;
  }

  .main-banner
  {
    height: 220px;
  }
  .main-banner img 
  {
    height: 100%;
  }
  .product-card-slider .image-box
  {
    height: 160px !important;
  }
  .product-card-slider .image-box img
  {
    height: 100% !important;
  }
  .mt-100{
    margin-top: 50px;
  }
  .trwpwhatsappall {
    bottom: 70px !important;
  }
  .product-card .image-box {
    height: 160px !important;
  }
  .product-card .image-box img
  {
    height: 100% !important;
  }
  .grid-five .product-card:nth-child(n + 6) {
    border-bottom: 1px solid #eee !important;
  }
  .kacirilmayacak .product-card {
    padding: 0 !important;
  }
  /* .stories.list .story>.item-link>.item-preview{height:auto !important;width:70px !important;max-width:80px !important;} */
  .js-drawer.drawer {
    height: 100% !important;
  }
  .js-drawer {
    background-color: transparent !important;
    width: 100% !important;
    max-width: 100% !important;
    border-radius: 0 !important;
  }
  .hizli-button-sepet,
  .hizli-button-siparis {
    justify-content: center;
  }
  .stories.list .story > .item-link > .info .name {
    font-size: 13px;
    margin-top: 0.3rem;
  }

  .formlinefix {
    background-color: transparent;
  }
  .urunsirala td {
    padding: 0;
  }

  .kategori-urunler .page-title {
    display: flex;
    gap: 10px;
    border-bottom: 1px solid #eee;
    margin-left: 5px;
  }
  .product-card .name {
    font-size: 13px;
  }
}


/*HOVER EFEKTLERİ */
@media only screen and (max-width: 990px) {

  .main-banner img:hover
  {
    transform: none !important;
  }
  .icons-social-media.detail:hover
  {
    transform: none !important;
  }
  .owl-button:hover {
    transform: none !important;
  }
  .owl-button:hover i {
    transform: none !important;
  }
  .kacirilmayacak .kacirilmayacak-button:hover {
    transform: none !important;
  }
  .main-link:hover {
    transform: none;
  }
  .catSlider .sldinfo
  {
    margin-left: 110px !important;
  }
  .catSlider .gitbtn
  {
    top: 145px !important;
    margin-left: 110px !important;
  }
  .catSlider .overview li
  {
    height: 200px !important;
  }
  }


  .stories.list::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);
    background-color: transparent;
  }
  .stories.list::-webkit-scrollbar {
    width: 100%;
    height: 3px;
    background-color: transparent;
  }
  .stories.list::-webkit-scrollbar-thumb {
    background-color: #000000;
    border: 2px solid #000;
  }
  .header-arrow-left
  {
    position: absolute;
    top: 50%;
    left: -50px;
    z-index: 99;
    transform: translateY(-50%);
    background-color: #fff;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    border: none;
    justify-content: center;
  }
  .header-arrow-right
  {
    position: absolute;
    top: 50%;
    right: -50px;
    z-index: 99;
    transform: translateY(-50%);
    background-color: #fff;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
  }

  .sayfaIcleri
  {
    margin-top: 40px;
  }
  .product-card-sepet .image-box{
    height: 280px;
  }
  .product-card-sepet .image-box img {
    height: 100%;
  }
  #tel-birakin{
    display: none;
  }
  .whatsapp_tabela{
    display: none;
  }
  .UrunSecenekleriHeader{
    padding-left: 0;
  }

  ul.urunSecim{
    padding: 10px 0 !important;
  }
  .urunSecimTable{
    border: none !important;
  }
  .catSlider .viewport .overview li 
{
  border: 1px solid #EEE;
  padding: 15px;
}
.catSlider .viewport .overview li .sldimg
{
  border: 1px solid #EEE;
}
.sldinfo
{
  margin-left: 325px !important;
}
.gitbtn
{
  margin-left: 325px !important;
}
.catSlider .pagenum img
{
  width: 100% !important;
  height: 100%;
  max-width: 100%;
}
@media (min-width:990px) {
  .col-lg-besli{
    width: 20% !important;
  }
}
.arama-sonuclari .page-title{
  margin-top: 30px;
}
.arama-sonuclari .product-card .image-box{
  height: 280px;
}
.arama-sonuclari .product-card .image-box img{
  height: 100%;
}
.arama-sonuclari .col-lg-3{
  margin-bottom: 1.5rem;
}

.searchResultFilter li a 
{
  color: #222;
  font-size: 14px;
  font-weight: 500;
}
.page-inner-content .topresults 
{
  color: #222;
  font-size: 16px;
  font-weight: 500;
}
.yerli-uretim
{
  display: none !important;
}

@media only screen and (max-width: 990px) {
  .stories.list .story>.item-link>.info .time
  {
    display: none;
  }
  .stories
  {
    gap: 0 !important;
  }
  .stories.list .story>.item-link>.item-preview
  {
    width: 60px !important;
    max-width: 60px !important;
    height: 60px !important;
  }
}


@media (max-width:990px)
{
  html ::-webkit-resizer {
    background-color: #fff
  }
  
  html ::-webkit-scrollbar {
    width: 5px;
    overflow: visible;
    height:2px;
  }
  html ::-webkit-scrollbar-button {
    display: none
  }
  
  html ::-webkit-scrollbar-corner {
    background-color: #fff
  }
  html ::-webkit-scrollbar-thumb {
    background-color: rgba(138, 138, 138, .4);
    border-radius: 7px
  }
  html ::-webkit-scrollbar-track-piece {
    background-color: #fff
  }
}

#hizli-uye-menu a
{
  color: #000;
}
@media (max-width:990px)
{
  #zuck-modal-content .story-viewer .head .left>.back
  {
    font-size: 0 !important;
    right: 0 !important;

  }
  #zuck-modal-content .story-viewer .head .left>.back::before
  {
    content: "x";
    font-size: 18px;
    font-weight: 600;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border-radius: 50%;
    right: 15px;
    top: 7px;
    color : #000;
    position: absolute;
  }
  #zuck-modal-content .story-viewer .head .back, #zuck-modal-content .story-viewer .head .right .close
  {
    font-size: 0 !important;
  }
  
.form-search-input {
  width: 100%;
  box-shadow: none;
  outline: none;
  border: 1px solid rgba(34, 34, 34, 1);
  padding: 10px 20px 10px 40px;
  border-radius: 10px;
}

.form-search-input::placeholder {
  font-style: normal !important;
}

.form-search-input:focus {
  box-shadow: none !important;
  backdrop-filter: none;
  border: 1px solid rgba(34, 34, 34, 1) !important;
  outline: none !important;
}

.form-search-input.active {
  border-radius: 10px 10px 0 0 !important;

}

.search-input-area .search-icon {
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
}

.search-response {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  min-height: 100px;
  z-index: 99;
  background-color: #FFF;
  border-radius: 0 0 10px 10px;
  display: none;
  border: 1px solid rgb(34, 34, 34);
  overflow: auto;
  max-height: 300px;
}

.search-response.active {
  display: block;
  border-top: 0 !important;
}

.result-item {
  padding: 10px 5px;
  border-bottom: 1px solid #8e8e8e;
  display: flex;
  gap: 10px;
}

.result-item:last-child {
  border-bottom: 0 !important;
}

.result-item .product-name {
  font-size: 16px;
  text-overflow: ellipsis;
}

.result-item .product-cat {
  font-size: 14px;
  color: rgba(0, 0, 0, .6) !important;
}

} 

.col-lg-besli
{
  margin-bottom: 1rem !important;
}
.cc-choice-container.credit-card
{
  margin-bottom: 1rem !important;
}

/* Sosyal Medya İkonları - Birleştirilmiş */
.social-media-icons, 
.footer-social {
    display: flex;
    gap: 15px;
    margin: 30px 0;
    flex-wrap: wrap;
}

.social-media-icons {
    justify-content: flex-start;
}

.social-media-icons a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    background-color: #f5f5f5;
    border-radius: 50%;
    color: var(--dark-text);
    transition: all 0.3s ease;
}

.social-media-icons a:hover {
    background-color: var(--primary-green);
    color: white;
}

/* Footer Açıklama Bölümü - Birleştirilmiş */
.footer-desc {
    margin-top: -30px;
    font-size: 12px;
    color: var(--light-text);
    border-top: 1px solid var(--border-color);
    padding-top: 10px;
}

.footer-desc ul {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    margin-bottom: 15px;
}

.footer-desc a {
    text-decoration: none;
    color: var(--light-text);
    font-size: 12px;
    transition: color 0.3s ease;
}

.footer-desc a:hover {
    color: var(--primary-green);
    text-decoration: underline;
}

.footer-desc p {
    color: var(--light-text);
    font-size: 12px;
    margin: 5px 0;
}

.footer-desc strong {
    color: var(--dark-text);
}

 .copy-button {
            background: none;
            border: none;
            color: #dc3545;
            cursor: pointer;
            padding: 0 5px;
        }

        .copy-button:hover {
            color: #c82333;
        }

        .iban-cell {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        @media (max-width: 768px) {
            table {
                display: block;
                overflow-x: auto;
                white-space: nowrap;
            }
        }