html {
  scroll-behavior: smooth;
}

body {
    background: #fff;
    padding: 0;
    color: #686b70;
    font-size: 15px;
    font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Inter;
    font-display: swap;
    font-weight: 400;
    margin: 0;
    position: relative;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility
}


*,*::before,*::after {
    outline: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
} 

* {
    transition: background-color 100ms ease,color 100ms ease
}

.mobile-sidebar{ display:none;}
.mobile-sidebar.active{ display:block;}

.aiText {
  background: linear-gradient(135deg, #edfffb, #edfffb); /* Gradient arka plan */
  border-radius: 16px;
  padding: 1.5rem;
  font-family: "Inter", sans-serif;
  font-size: 13px;
  line-height: 1.7;
  color: #2c3e50;
  border: 1px dashed rgb(5 203 159 / 30%);
  border-left: 6px solid rgb(5 203 159); /* Sol çizgi – parlak mavi */
  position: relative;
  margin: 2rem 0 1rem 0;
  animation: floatIn 0.5s ease-in-out;
  backdrop-filter: blur(4px);
  transition: transform 0.2s ease;
  cursor:pointer;
}

.aiText:hover {
  transform: scale(1.015);
}

.aiText::before {
  content: "🤖 Yapay Zeka Yorumu";
  position: absolute;
  top: -14px;
  left: 18px;
  background-color: #05cb9f;
  color: white;
  font-size: 13px;
  font-weight: 600;
  padding: 4px 10px;
  border-radius: 6px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.15);
}

.aiText .hashtag {
  display: inline-block;
  margin-top: 10px;
  margin-right: 8px;
  background-color: #e0f7fa;
  color: #007c91;
  padding: 6px 10px;
  border-radius: 20px;
  font-size: 13px;
  font-weight: 500;
  transition: background 0.3s;
}

.aiText .hashtag:hover {
  background-color: #00bcd4;
  color: white;
  cursor: pointer;
}

@keyframes floatIn {
  from {
    opacity: 0;
    transform: translateY(15px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.aiText:hover {
  box-shadow: 0 0 10px rgba(0,0,0,0.1);
  transform: scale(1.01);
  transition: all 0.3s ease;
}
.aiText br + * {
  display: block;
  margin-top: 0.5rem;
}

.aiText a,
.aiText span,
.aiText strong {
  color: #4a90e2;
}
.aiText:after{ content:'﹡Yapay zeka tarafından görsel ve ürün kullanım bilgisine göre yorumlanmış bilgidir.'; color:rgba(0,0,0,.33); position:relative; font:400 12px Inter,Arial,Helvetica,sans-serif; display:block; margin-top:10px; }
.aiPhone:before{ content:'Cihaz Bilgisi'; position:relative; font:700 16px Inter,Arial,Helvetica,sans-serif; display:block; margin-bottom:10px; }
.scroll {
  overflow-y: auto;
  padding-right: 10px  !important; /* içerik scrollbar altında kalmasın diye */
 
  /* Firefox için scrollbar */
  scrollbar-width: thin;
  scrollbar-color: #000 #f1f1f1;
  flex-wrap: nowrap!important;
  flex-shrink: 0;
}
.scroll::-webkit-scrollbar {
  width: 6px;
}
.scroll::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 4px;
}
.scroll::-webkit-scrollbar-thumb {
  background-color: #000;
  border-radius: 4px;
}
.scroll::-webkit-scrollbar-thumb:hover {
  background-color: #000;
}

.scroll-x {
  overflow-x: auto;
  white-space: nowrap;
  flex-wrap: nowrap;
  flex-shrink: 0;
  /* height:300px; */
  padding-bottom: inherit; /* içerik scrollbar altında kalmasın diye */
  
  /* Firefox için scrollbar */
  scrollbar-width: thin;
  scrollbar-color: #000 #f1f1f1;
}

/* Chrome / Safari için scrollbar */
.scroll-x::-webkit-scrollbar {
  height: 6px; /* Yatay scroll bar için yükseklik */
    
  padding-bottom: 10px; /* içerik scrollbar altında kalmasın diye */
}
.scroll-x::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 4px;
}
.scroll-x::-webkit-scrollbar-thumb {
  background-color: #000;
  border-radius: 4px;
}
.scroll-x::-webkit-scrollbar-thumb:hover {
  background-color: #000;
}
.scroll-x {
  scroll-snap-type: x mandatory;
  display: flex;
  gap: 10px;
}
.scroll-x > div {
  scroll-snap-align: start;
}

.clear,.t {
    clear: both
}

.clear:after,.clear:before {
    content: " ";
    display: table
}

.clear:after,.clear:before {
    content: " ";
    display: table;
    clear: both
}
img {
    border: 0
}
img.mbm {
   
		opacity: 0.9; /* Çok az şeffaflık */
		mix-blend-mode: multiply;
		filter: brightness(1.02); /* Hafif parlaklık artır */
}
a,button {
    text-decoration: none;
    outline: 0;
	cursor:pointer;
}

hr {
    border: 0;
    height: 1px;
    background: #ececec
}

.sticky {position: sticky;top: 5px;}
.trans,.trans a,.trans li,.trans div,.trans strong,.trans span,.trans button,.trans h1,.trans h2,.trans h3,.trans h4,.trans i,.trans p,.trans a:after,.trans img,.trans input {
    transition: all 400ms;
    -moz-transition: all 400ms;
    -webkit-transition: all 400ms;
    -o-transition: all 400ms
}


.row {
    display: flex;
    /* justify-content: space-between; */
    /* align-content: stretch; */
    align-items: center;
}
.site {
    width: 1400px;
    margin: 0 auto;
    max-width: 95%;
}

.site.alisveris {
    width: 1400px;
    margin: 0 auto;
    max-width: 100%;
}

.header-top {
    z-index: 99;
    position: relative;
	background:#F7F8FA;
    border-bottom:1px solid #F1F5F9;
    font: 13px/2 Inter,Helvetica,sans-serif;
	color:#6b849dCC
}
.header-top p{ padding:0; margin:0; line-height:3 }
.header-top.sli-cam{  background:#FFE8E8; overflow:hidden; }
.header-top .slider-wrapper .slider-text{ padding:5px 0; font-size:12px !important; font-weight:600; color:#b05d5d; }
.header-top .slider-wrapper .slider-text i{ margin-right:5px; }
.header {position: relative;z-index: 91;padding: 10px 0;background: #fff;/* background-size: contain; */}
.header.sticky {position: sticky;top: 0;z-index: 91}
.header>.site>.row {justify-content: space-between;align-items: center;gap: 0;}
.header #logo {display: flex;align-items: center;padding: 0;text-align:right;width: 10%;padding: 15px 0px;}
.header #logo a {color: #222}
.header #logo a img {display: block;height: auto;max-width: 88%;}
.header #logo h1 {padding: 0;margin: 0;color: #222;font: 700 28px/1 Inter,Arial,Helvetica,sans-serif;letter-spacing: -.3px;}
.header #logo h1 span#icon {color: #6b849dCC margin-left:5px;}
.header #logo h1 span#text {font-size: 20px;font-weight: 300;/* color:#05CB9FCC; */}
.header #logo h1 span#text b{ font-size:26px; color:#FF9937 }
.header #logo #slogan{ font-size:12px; line-height:1.5; text-align:right; opacity:.5;display: block; }
.header #logo h3 {font-size: 15px;font-weight: 400;margin-left: 10px;padding-left: 10px;border-left: 1px solid rgb(0 0 0 / .2)}
.header #link {display: flex;align-items: center;padding: 10px 0;gap:5px;font-family: Inter,Arial,Helvetica,sans-serif;}
.header #link a{color: #111;padding:10px 18px;border-radius:6px;border:1px solid #ddd;background: #fff;font: 13px/1 Inter,Arial,Helvetica,sans-serif;}
.header #link a i { font-size:16px; vertical-align:middle; }
.header #link a:hover{ background:#fff;  }
.header #link a.oner{ background:#fff; color:#222; border-color:#ededed; }
.header #link a span{ margin-right:5px; }
.header #menu {position: relative;gap: 2px;display: flex;flex-direction: row;padding: 0;flex-wrap: nowrap; text-align:left}
.header #menu a {color: #6b849dCCfont: 500 14px/1 Inter,Arial,Helvetica,sans-serif;padding: 10px 20px;letter-spacing: 0px;margin-right: 0;border-radius: 10px;}
.header #menu a:hover{ color:#05CB9FCC; }
.header-menu{padding: 0;background-size: auto 132px;background-position: center;background: #f9f9f9;padding-left:0;border-bottom: 1px solid #dddddd;border-top:0;border-left:0;border-right:0;}
.header-menu.home .site{padding-left: 18%;}
.header-menu #menu {position: relative;gap: 0;display: flex;flex-direction: row;padding: 0;flex-wrap: nowrap;align-items: center;}
.header-menu #menu a {color: #646464;text-align:center;font: 500 13px/1.7 Inter,Arial,Helvetica,sans-serif;padding: 13px 23px;letter-spacing: 0px;margin-right: 0;border-radius: 6px;position:relative}
.header-menu #menu a:after{position: absolute;content: "";left: 0;top: 50%;-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);transform: translateY(-50%);display: block;width: 1px;height: 24px;background-color: #e5e5e5; }
.header-menu #menu a:first-child:after{ display:none;}
.header-menu #menu a.active,
.header-menu #menu a:hover{color:#FF9937 ;text-align:center;}
.header-menu #menu a.active i{ margin:0;}
.header-menu #menu a span {vertical-align: middle}
.header-menu.home #menu{gap: 0;justify-content: flex-start;}
.header-menu.home #menu a{  }

.header #search {position: relative;padding: 5px 10px;background: #fff;border: 1px solid #e1e1e1;border-radius: 20px;width: 40%;height: auto;/* margin-left:100px; */position:relative}
.header #search.active { display: block;width: 90%;margin-top: 10px;}
.header #search input {padding: 10px;width: 88%;background: #fff;font: normal 13px/1 Inter,Helvetica,sans-serif;border: 0;color: #000}
.header #search button {padding: 10px;font-size: 16px;line-height: 1;border: 0;background: #fff; color:#333; position:absolute; right:10px;}
.color-bar {
  display: flex;
  height: 3px;
  width: 100%;
  margin: 0;
  padding: 0;
  background-color: #FF4F4FCC;
}

.color {
  flex: 1;
  margin: 0;             /* bloklar arasında boşluk yok */
  padding: 0;
  border-radius: 0;      /* keskin köşeler */
}

/* Harekete geçirici renk blokları */
.color-1 { background-color: #FF4F4FCC; }  /* Canlı kırmızı */
.color-2 { background-color: #FF8C42CC; }  /* Enerjik turuncu */
.color-3 { background-color: #FFEA3ECC; }  /* Parlak sarı */
.color-4 { background-color: #3CE19CCC; }  /* Taze yeşil */
.color-5 { background-color: #40C4FFCC; }  /* Canlı mavi */
.color-6 { background-color: #A04EFFCC; }  /* Dinamik mor */


.color:hover {
  opacity: 0.8;
  cursor: pointer;
}


.header.alisveris{text-align:left;padding: 10px 0;border-bottom: 1px solid #D6D6D6;background: #fff;}
.header.alisveris #logo h1{display:flex;gap:5px;letter-spacing:-1px;font:600 28px/1 -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Inter,Arial,Helvetica,sans-serif;justify-content: flex-start;align-items: center;}
.header.alisveris #logo a img{max-width: 100%;max-height: 32px;display:block;vertical-align: middle;border: 1px solid #ddd;padding: 5px;border-radius: 10px;background: #f9f9f9;box-shadow: inset 0 0 8px 0px #eee;}
.header.alisveris>.site.alisveris>.row {justify-content: space-between;}

#logo-alisveris + hr {margin-bottom:20px;}
#logo-alisveris a{display: flex;font-size: 11px;align-items: center;padding: 10px 0;gap: 10px;color: #666;position:relative}
#logo-alisveris img{max-width: 100%;max-height: 35px;display:block;vertical-align: middle;position:relative;margin-right: 0;filter: grayscale(1);}
#logo-alisveris span{ position:relative}
#logo-alisveris span:after{content: '';display: none;width: 1px;height: 100%;background: #eee;position: absolute;top: 0;left: -10px;z-index: 999999999999;top: 50%;transform: translateY(-50%);}
#logo-alisveris span b{font-size: 23px;}

.header #ssl {display: flex;align-items: flex-start;padding: 10px 0;gap: 10px;color: #424242;}
.header #ssl i{font-size: 36px;color:green}
.header #ssl span b{ display:block;}

.banner{ background:#000; height:100%; overflow:hidden;  }
.banner img{width:100%;height:auto; display: block;opacity:.2; }


.home-control{position:relative;text-align:left;background: #fff;min-height:600px;}
.home-control .row{gap: 10px;align-items: flex-start;}
.category-page .home-control .row .home-left{margin: 0;position: sticky;top: 10px;}
.category-page .home-control .row .home-left.noSticky{ position:relative; }
.home-control .home-left{background: #f9f9f9;/* box-shadow: 0 3px 18px 2px rgba(0, 0, 0, .2); */padding: 10px 20px;/* padding-bottom: 15px; */width: 20%;margin-top: 10px;border-radius:15px;/* border: 1px solid #ebebeb; */}
.home-control .home-left div.title{display:flex;justify-content: space-between;border-bottom:1px solid #ededed;color: #122636CC;border-radius:15px 15px 0 0;padding:20px 25px;margin:-10px;margin-bottom:0px;font: 600 15px/1 Inter,Arial,Helvetica,sans-serif;/* background: linear-gradient(180deg, transparent 42.71%, rgba(0, 0, 0, 0.04)), #fff; *//* background-color: #fff; */}
.home-control .home-left div.title a{ font: normal 11px/1.5 Inter,Helvetica,sans-serif; color:#555;    align-items: center; }
.home-control .home-left #list{/* background:#fff; */}
.home-control .home-left #list ul{padding: 0;margin:0;list-style:none;}
.home-control .home-left #list ul li ul{ padding-left:20px}
.home-control .home-left #list ul li a{display:flex;justify-content: space-between;padding:10px 20px;width:100%;font: normal 13px/1.53 Inter,Helvetica,sans-serif;color: #646464;position:relative;}

.home-control .home-left #list ul li a{border-bottom: 1px solid #eee;}
.home-control .home-left #list ul li:last-child a{ border-bottom:0}
.home-control .home-left #list ul li a.active{font-weight:600;color: #222;}
.home-control .home-left #list ul li a span#text{ display:block; position:relative; }
.home-control .home-left #list ul li a span:last-child{ color:#999; }
.home-control .home-left #list ul li:hover,
.home-control .home-left #list ul li:hover a{color: #646464;}
/*.home-control .home-left #list ul li > a > span#text::after {content: "";display: block;position: absolute;bottom: -2px;left: 0;width: 0;height: 1px;background-color: #333;transition: 0.4s;}
.home-control .home-left #list ul li:hover > a > span#text::after {width: 100%;background-color: #FF9937CC;}
.home-control .home-left #list ul li a.active > span#text::after {width: 100%;background-color: #FF9937CC;}*/


.home-control .home-left .check-li {
    max-height: 300px;
    overflow: auto;
    /* background: #fff; */
    padding: 0;
    border-radius: 10px;
    /* max-width: 100%; */
    /* margin-right: 6px; */
}

.home-control .home-left .check-li button {
    width: 100%;
    border: 0;
    text-align: center;
    padding: 6px 30px;
    background: #191919;
    margin: 10px 0;
    border-radius: 10px;
    font: 600 13px/2 Inter,Arial,Helvetica,sans-serif;
    color: #fff;
}

.home-control .home-left .check-li ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    gap: 5;
    flex-wrap: wrap;
}

.home-control .home-left .check-li ul li {
    cursor: pointer;
    width: calc(100%);
    color: #444;
    /* background: #eee; */
    /* margin-bottom: 5px; */
    margin-right: 5px;
    /* padding: 0 10px; */
    border-radius: 5px;
    font: 500 13px/2.5 Inter,Arial,Helvetica,sans-serif;
}

.home-control .home-left .check-li ul li label {
    display: flex;
    justify-content: space-between;
}

.home-control .home-left span.title{display:flex;justify-content: space-between; color:#222; padding:15px; margin-bottom:0px; font: 600 15px/1 Inter,Arial,Helvetica,sans-serif; }
.home-control .home-left .area{  padding:0 15px; }
.home-control .home-left .area .filter select {width: 100%;border: 1px solid rgba(29, 29, 29, 0.3);    cursor: pointer;    font: 13px/1.5 Inter,Arial,Helvetica,sans-serif;    border-radius: 5px;    background: rgba(255,255,255,.9);    padding: 10px 15px;position: relative;-webkit-appearance: none;appearance: none;background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAUCAMAAACtdX32AAAAdVBMVEUAAAD///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAhMdQaAAAAJ3RSTlMAAAECAwQGBwsOFBwkJTg5RUZ4eYCHkJefpaytrsXGy8zW3+Do8vNn0bsyAAAAYElEQVR42tXROwJDQAAA0Ymw1p9kiT+L5P5HVEi3qJn2lcPjtIuzUIJ/rhIGy762N3XaThqMN1ZPALsZPEzG1x8LrFL77DHBnEMxBewz0fJ6LyFHTPL7xhwzWYrJ9z22AqmQBV757MHfAAAAAElFTkSuQmCC);background-position: 100%;background-repeat: no-repeat;}
.home-control .home-right{flex:1;padding: 10px 0px;}

.home-control .search{ bottom:0; position: absolute;  width:100%; margin:0 auto; top: 50%;left: 50%;transform: translate(-50%, -50%); margin-top:50px;}
.home-control .search h3{padding: 10px 0;margin: 0;font: 600 42px/1 InterHelvetica,sans-serif;color: #fff}
.home-control .search p{padding: 0;margin: 0;font: 300 18px/1 InterHelvetica,sans-serif;color: #fff; opacity:.7}
.home-control .search #form{ width:650px; margin-top:20px;  }
.home-control .search .row{   justify-content: space-around; text-align:center;}
.home-control .search #form .row{   align-items:inherit;  }
.home-control .search #form #fi input{ padding: 10px 15px; width:100%; margin: 0;font: 400 15px/2.5 InterHelvetica,sans-serif;color: #222; border-radius:6px 0 0 6px; border:0;}
.home-control .search #form #fi button{ padding: 10px 30px;  margin: 0;font: 400 16px/1 InterHelvetica,sans-serif;color: #fff; background:#05CB9FCC; border-radius:0 6px 6px 0; border:0; cursor:poInter}
.home-control .search #form #fi button:hover{ background:#02e6b3;}
.home-control .search .search-img{ }
.home-control .search .search-img img{ height:600px; width:auto; }

.phone-select{margin-bottom: 0px;border-bottom: 1px solid #ccc;/* box-shadow:0 3px 0 rgba(1,22,36,.08); */border-radius: 10px 10px 0 0;padding: 10px 20px;/* border-radius: 10px; *//* margin-top: 5px; *//* margin-bottom: 5px; */background: #f9f9f9;}
.phone-select .title{background:0;padding: 5px 0;border-radius:0;margin-bottom:0;}
.phone-select .title .flex{background:0;gap:10px;justify-content: flex-start;border-radius: 30px;padding: 0;display: flex;align-items: center;}
.phone-select .title h1{font: 18px/1.5 Inter,Arial,Helvetica,sans-serif;color: #646464;margin: 0;white-space: nowrap;overflow: hidden!important;text-overflow: ellipsis;letter-spacing: -.3px;}
.phone-select .title #phone{padding:0;margin-right:6px;background: #fff;border-radius:10px;aspect-ratio: 1 / 1;/* border-radius: 100%; */box-shadow: 0 0 10px 0px #f1f1f1;width: 100px;height: 100px;display: flex;align-items: center;justify-content: center;}
.phone-select .title #phone img{max-height: 95%;padding: 14px;border:0;display: block;max-width: 95%;margin: 0 auto;}
/*.phone-select .title #info a {padding: 10px 20px;display: inline-block;background: #05CB9FCC;font: 12px/1 Inter,Arial,Helvetica,sans-serif;color: #fff;border-radius: 6px;margin: 7px 0}*/
.phone-select .title #info #imo {
    font: 400 13px/1 Inter,Arial,Helvetica,sans-serif;
    18px/1.5
    Inter,Arial,Helvetica,font-family: sans-serif;
    color: #FF9937CC;
    display: block;
}
.phone-select .title #info a i{ margin-right:5px;}
.phone-select .title #info p {font: 11px/1.5 Inter,Arial,Helvetica,sans-serif;padding: 5px 0;opacity: .6;margin: 0;white-space: break-spaces;color: #646464;/-webkit-box-orient: vertical;-webkit-line-clamp: 2;display: -webkit-box;overflow: hidden;/* letter-spacing: -0.7px; */text-overflow: ellipsis;-webkit-box-orient: vertical;}
.phone-select .title #info a{margin:0}

.breadcrumb {display: flex;align-items: center;font-family: Inter,Arial,sans-serif;font-size: 12px;color: #9f9f9f;padding: 10px 0;font-weight: 300;white-space: nowrap;overflow: auto}
.breadcrumb a {color: #646464;text-decoration: none;position: relative;padding: 0;font-weight: 500;}
.breadcrumb a:hover {color: #1b1a1a}

.breadcrumb a:not(:last-child)::after { font-family: "Font Awesome 5 Pro";content: "\f105";font-size: 12px;color: #1b1a1a;margin: 0 10px}
.main.category-page{background: #fff;padding: 0;}
.main.category-page .home-control{background: #fff !important;}
.main.category-page .home-control .site > .row{gap: 15px;}
.main.category-page .home-control .home-right{flex:1;/* padding: 20px; */width: auto;padding: 0;/* background: #fff; *//* box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.04); */}

.filter_list{display:flex;gap:10px;margin-bottom:15px;background: #ededed;border-radius: 0 0 10px 10px;padding:10px;/* flex-direction: row; */border-bottom: 1px solid #ddd;margin-top: 1px;}
.filter_list.uniFilt{ border-radius:10px;}
.filter_list a{padding:12px 20px;/* height:40px; */border-radius:20px;letter-spacing: -.05px;border:1px solid #c7c7c7;background:#fff;color: #646464;flex-shrink: 0;font: 400 12px/1 Inter,Arial,Helvetica,sans-serif;position:relative}
.filter_list a.aktif{background: #007bff;color: #fff;border-color: #007bff;}
.filter_list a:after{ content:''; position:absolute; bottom:0px; width:100%; border:1px solid  #fff; height:100%; left:0; border-radius:20px }
.filter_list a.aktif:after{ border-color: #ddd; }
.promo{display:flex;height:550px;width:100%;gap:15px;}
.promo *{transition: 0.4s;}
.promo__col{position:relative}
.promo__col--full{width:100%;border-radius: 15px;overflow: hidden;border: 1px solid #fff;}
.promo__col--left{width: 50%;}
.promo__col--center{width:50%}
.promo__col--right{width:50%;display:flex;flex-direction:column;gap:15px}
.promo__card{position:relative;background:#000;width:100%;height:100%;border-radius:15px;overflow:hidden;color:#fff;transition: transform .7s;font-family:Arial,sans-serif;cursor:pointer;}
.promo__bg{position: absolute;width:100%;height:100%;left:0;top:0;  /* Animation */background-size: cover;background-color:#000;opacity: 1;background-repeat:no-repeat;background-position:center;}
.promo__col--full .promo__bg,
.promo__col--center .promo__bg{opacity:0.8;/* background-size: auto 100%; */height: 100%;}
.promo__card:hover .promo__bg{ transform: scale(1.051); }
.promo__col--right .promo__card{flex:1}
.promo__overlay{position:absolute;bottom:20px;left:50px; font-family:Inter,Helvetica,sans-serif;}
.promo__badge{font-size:12px;text-transform:uppercase;display:inline-block;margin-bottom:8px}
.promo__title{font-size:24px;line-height:1.2; margin:0; padding:0; margin-bottom:8px}
.promo__text{font-size:14px;margin:0; padding:0; margin-bottom:12px}
.promo__btn{display:inline-block;padding:12px 25px;background:#fff;color:#000;text-decoration:none;border-radius:50px;font: 600 14px/1.5 Inter,Helvetica,sans-serif;}
.promo__btn:hover{ background:#000; color:#fff; }

.promo__col--left .promo__overlay{ bottom:75px; }
.promo__col--left .promo__title{font-size: 32px;color: #ffffff;}

.promo__col--center .promo__overlay{bottom: 35px;text-align:center;width:100%;left:0;}
.promo__col--center .promo__title{ font-size:36px; }
.promo__col--center .promo__text{ font-size:22px; }

.promo__col--right .promo__overlay{ left:20px; }
.promo__col--right .promo__title{ font-size:32px; }
.promo__col--right .promo__text{ font-size:16px; }
@media(max-width:768px){
.promo{flex-direction:column;height: 100%;margin-top:15px;}
.promo__col--left{width:100%;}
.promo__col--full{width:100%;height: 400px;}
.promo__col--center{width:100%}
.promo__col--right{width:100%;flex-direction:row}
.promo__col--left .promo__card,
.promo__col--center .promo__card,
.promo__col--right .promo__card{height: 287px;}
.promo__col--left .promo__overlay{/* top:25px; */bottom:0;}
.promo__col--left .promo__title{ font-size:24px;}
.promo__col--right .promo__title{ font-size:16px;}
}

.categories-full{background:#F1F2F6}
.categories{display:flex;justify-content:space-around;align-items:center;gap:30px;padding:30px 0;}
.category{text-align:center;font-family:sans-serif}
.circle{width:120px;height:120px;border-radius:50%;background:#fff;display:flex;align-items:center;transition: 0.4s;justify-content:center;margin:0 auto;overflow:hidden;border:2px solid transparent }
.circle img{max-width:100%;max-height:100%; display:block; transition: transform .4s;}
.category:hover .circle{  border-color:#e9e9e9; }
.category a:hover img{  transform: scale(1.09); }
.red{background:#dc3a2e}
.yellow{background:#facc15}
.purple{background:#8b5cf6}
.category p{font: 500 15px/1.5 Inter,Arial,Helvetica,sans-serif;margin-top:8px;color:#000}


.category_bottom{padding:10px;background:#f9f9f9;margin-bottom:10px;border-radius:10px;border-bottom: 1px solid #ddd;html {
  scroll-behavior: smooth;
}body {
    background: #fff;padding: 0;color: #686b70;font-size: 15px;font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Inter;font-display: swap;font-weight: 400;margin: 0;position: relative;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;text-rendering: optimizeLegibility}


*,*::before,*::after {
    outline: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box} 

* {transition: background-color 100ms ease,color 100ms ease}

.mobile-sidebar{display:none;}
.mobile-sidebar.active{display:block;}

.aiText {background: linear-gradient(135deg, #f0f9ff, #fefefe); /* Gradient arka plan */border-radius: 16px;padding: 1.5rem;font-family: "Inter", sans-serif;font-size: 13px;line-height: 1.7;color: #2c3e50;border: 1px dashed  rgba(0, 188, 212, 0.3);border-left: 6px solid #00bcd4; /* Sol çizgi – parlak mavi */position: relative;margin: 2rem 0 1rem 0;animation: floatIn 0.5s ease-in-out;backdrop-filter: blur(4px);transition: transform 0.2s ease;cursor:pointer;
}

.aiText:hover {
  transform: scale(1.015);
}

.aiText::before {
  content: "🤖 Yapay Zeka Yorumu";position: absolute;top: -14px;left: 18px;background-color: #00bcd4;color: white;font-size: 13px;font-weight: 600;padding: 4px 10px;border-radius: 6px;box-shadow: 0 2px 8px rgba(0,0,0,0.15);
}

.aiText .hashtag {display: inline-block;margin-top: 10px;margin-right: 8px;background-color: #e0f7fa;color: #007c91;padding: 6px 10px;border-radius: 20px;font-size: 13px;font-weight: 500;transition: background 0.3s;
}

.aiText .hashtag:hover {
  background-color: #00bcd4;color: white;cursor: pointer;
}@keyframes floatIn {
  from {
    opacity: 0;transform: translateY(15px);
  }
  to {opacity: 1;transform: translateY(0);
  }
}

.aiText:hover {
  box-shadow: 0 0 10px rgba(0,0,0,0.1);transform: scale(1.01);transition: all 0.3s ease;
}
.aiTextbr + * {
  display: block;margin-top: 0.5rem;
}

.aiTexta,
.aiText span,
.aiText strong {
  color: #4a90e2;
}
.aiText:after{ content:'﹡Yapay zeka tarafından görsel ve ürün kullanım bilgisine göre yorumlanmış bilgidir.';color:rgba(0,0,0,.33);position:relative;font:400 12px Inter,Arial,Helvetica,sans-serif;display:block;margin-top:10px; }
.aiPhone:before{ content:'Cihaz Bilgisi';position:relative;font:700 16px Inter,Arial,Helvetica,sans-serif;display:block;margin-bottom:10px; }
.scroll {overflow-y: auto;padding-right: 10px  !important; /* içerik scrollbar altında kalmasın diye */
 
  /* Firefox için scrollbar */scrollbar-width: thin;scrollbar-color: #000 #f1f1f1;flex-wrap: nowrap!important;flex-shrink: 0;
}
.scroll::-webkit-scrollbar {
  width: 6px;
}
.scroll::-webkit-scrollbar-track {
  background: #f1f1f1;border-radius: 4px;
}
.scroll::-webkit-scrollbar-thumb {
  background-color: #000;border-radius: 4px;
}
.scroll::-webkit-scrollbar-thumb:hover {
  background-color: #000;
}

.scroll-x {
  overflow-x: auto;
  white-space: nowrap;
  flex-wrap: nowrap;
  flex-shrink: 0;
  /* height:300px; */
  /* padding-bottom: 10px !important; */ /* içerik scrollbar altında kalmasın diye */
  
  /* Firefox için scrollbar */
  scrollbar-width: thin;
  scrollbar-color: #000 #f1f1f1;
}

/* Chrome / Safari için scrollbar */
.scroll-x::-webkit-scrollbar {
  height: 6px; /* Yatay scroll bar için yükseklik */padding-bottom: 10px; /* içerik scrollbar altında kalmasın diye */
}
.scroll-x::-webkit-scrollbar-track {
  background: #f1f1f1;border-radius: 4px;
}
.scroll-x::-webkit-scrollbar-thumb {
  background-color: #000;border-radius: 4px;
}
.scroll-x::-webkit-scrollbar-thumb:hover {
  background-color: #000;
}
.scroll-x {scroll-snap-type: x mandatory;display: flex;gap: 10px;
}
.scroll-x >div {
  scroll-snap-align: start;
}

.clear,.t {clear: both}

.clear:after,.clear:before {
    content: " ";display: table}

.clear:after,.clear:before {
    content: " ";display: table;clear: both}img {
    border: 0}img.mbm {
   
  opacity: 0.9; /* Çok az şeffaflık */mix-blend-mode: multiply;filter: brightness(1.02); /* Hafif parlaklık artır */
}a,button {
    text-decoration: none;outline: 0;cursor:pointer;
}hr {
    border: 0;height: 1px;background: #ececec}

.sticky {position: sticky;top: 5px;}
.trans,.transa,.trans li,.trans div,.trans strong,.trans span,.trans button,.trans h1,.trans h2,.trans h3,.trans h4,.trans i,.trans p,.trans a:after,.trans img,.trans input {
    transition: all 400ms;-moz-transition: all 400ms;-webkit-transition: all 400ms;-o-transition: all 400ms}


.row {display: flex;/* justify-content: space-between; *//* align-content: stretch; */align-items: center;
}
.site {width: 1400px;margin: 0 auto;max-width: 95%;
}

.site.alisveris {width: 1400px;margin: 0 auto;max-width: 100%;
}

.header-top {z-index: 99;position: relative;background:#F7F8FA;border-bottom:1px solid #F1F5F9;font: 13px/2 Inter,Helvetica,sans-serif;color:#6b849dCC}
.header-topp{ padding:0;margin:0;line-height:3}
.header-top.sli-cam{background:#FFE8E8;overflow:hidden; }
.header-top .slider-wrapper .slider-text{padding:5px 0;font-size:12px !important;font-weight:600;color:#b05d5d; }
.header-top .slider-wrapper .slider-texti{ margin-right:5px; }
.header {position: relative;z-index: 91;padding: 10px 0;background: #fff;/* background-size: contain; */}
.header.sticky {position: sticky;top: 0;z-index: 91}
.header>.site>.row {justify-content: space-between;align-items: center;gap:30px;}
.header #logo {display: flex;align-items: center;padding: 10px 0;text-align:right;width: 10%;}
.header #logoa {color: #222}
.header #logoa img {display: block;height: auto;max-width: 100%;}
.header #logoh1 {padding: 0;margin: 0;color: #222;font: 700 28px/1 Inter,Arial,Helvetica,sans-serif;letter-spacing: -.3px;}
.header #logoh1 span#icon {color: #6b849dCC margin-left:5px;}
.header #logoh1 span#text {font-size: 20px;font-weight: 300;/* color:#05CB9FCC; */}
.header #logoh1 span#text b{ font-size:26px;color:#FF9937}
.header #logo #slogan{font-size:12px;line-height:1.5;text-align:right;opacity:.5;display: block; }
.header #logoh3 {font-size: 15px;font-weight: 400;margin-left: 10px;padding-left: 10px;border-left: 1px solid rgb(0 0 0 / .2)}
.header #link {display: flex;align-items: center;padding: 10px 0;gap:5px;font-family: Inter,Arial,Helvetica,sans-serif;}
.header #linka{color: #111;padding:10px 18px;border-radius:6px;border:1px solid #ddd;background: #fff;font: 13px/1 Inter,Arial,Helvetica,sans-serif;}
.header #linka i { font-size:16px;vertical-align:middle; }
.header #linka:hover{ background:#fff;  }
.header #linka.oner{ background:#fff;color:#222;border-color:#ededed; }
.header #linka span{ margin-right:5px; }
.header #menu {position: relative;gap: 2px;display: flex;flex-direction: row;padding: 0;flex-wrap: nowrap;text-align:left}
.header #menua {color: #6b849dCCfont: 500 14px/1 Inter,Arial,Helvetica,sans-serif;padding: 10px 20px;letter-spacing: 0px;margin-right: 0;border-radius: 10px;}
.header #menua:hover{ color:#05CB9FCC; }
.header-menu{padding: 0;background-size: auto 132px;background-position: center;background: #F5F5F5;padding-left:0;border-bottom: 1px solid #dddddd;border-top:0;border-left:0;border-right:0;}
.header-menu.home .site{padding-left: 18%;}
.header-menu #menu {position: relative;gap: 0;display: flex;flex-direction: row;padding: 0;flex-wrap: nowrap;align-items: center;}
.header-menu #menua {color: #646464;text-align:center;font: 500 13px/1.7 Inter,Arial,Helvetica,sans-serif;padding: 13px 23px;letter-spacing: 0px;margin-right: 0;border-radius: 6px;position:relative}
.header-menu #menua:after{position: absolute;content: "";left: 0;top: 50%;-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);transform: translateY(-50%);display: block;width: 1px;height: 24px;background-color: #e5e5e5; }
.header-menu #menua:first-child:after{ display:none;}
.header-menu #menua.active,
.header-menu #menu a:hover{color:#FF9937;text-align:center;}
.header-menu #menua.active i{ margin:0;}
.header-menu #menua span {vertical-align: middle}
.header-menu.home #menu{gap: 0;justify-content: flex-start;}
.header-menu.home #menua{}

.header #search {position: relative;padding: 5px 10px;background: #fff;border: 1px solid #e1e1e1;border-radius: 20px;width: 40%;height: auto;/* margin-left:100px; */position:relative}
.header #search.active {display: block;width: 90%;margin-top: 10px;}
.header #searchinput {padding: 10px;width: 88%;background: #fff;font: normal 13px/1 Inter,Helvetica,sans-serif;border: 0;color: #000}
.header #searchbutton {padding: 10px;font-size: 16px;line-height: 1;border: 0;background: #fff;color:#333;position:absolute;right:10px;}
.color-bar {display: flex;height: 3px;width: 100%;margin: 0;padding: 0;background-color: #FF4F4FCC;
}

.color {flex: 1;margin: 0;             /* bloklar arasında boşluk yok */padding: 0;border-radius: 0;      /* keskin köşeler */
}

/* Harekete geçirici renk blokları */
.color-1 {background-color: #FF4F4FCC; }  /* Canlı kırmızı */
.color-2 {background-color: #FF8C42CC; }  /* Enerjik turuncu */
.color-3 {background-color: #FFEA3ECC; }  /* Parlak sarı */
.color-4 {background-color: #3CE19CCC; }  /* Taze yeşil */
.color-5 {background-color: #40C4FFCC; }  /* Canlı mavi */
.color-6 {background-color: #A04EFFCC; }  /* Dinamik mor */


.color:hover {
  opacity: 0.8;cursor: pointer;
}


.header.alisveris{text-align:left;padding: 10px 0;border-bottom: 1px solid #D6D6D6;background: #fff;}
.header.alisveris #logoh1{display:flex;gap:5px;letter-spacing:-1px;font:600 28px/1 -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Inter,Arial,Helvetica,sans-serif;justify-content: flex-start;align-items: center;}
.header.alisveris #logoa img{max-width: 100%;max-height: 32px;display:block;vertical-align: middle;border: 1px solid #ddd;padding: 5px;border-radius: 10px;background: #f9f9f9;box-shadow: inset 0 0 8px 0px #eee;}
.header.alisveris>.site.alisveris>.row {justify-content: space-between;}

#logo-alisveris +hr {margin-bottom:20px;}
#logo-alisverisa{display: flex;font-size: 11px;align-items: center;padding: 10px 0;gap: 10px;color: #666;position:relative}
#logo-alisverisimg{max-width: 100%;max-height: 35px;display:block;vertical-align: middle;position:relative;margin-right: 0;filter: grayscale(1);}
#logo-alisverisspan{ position:relative}
#logo-alisverisspan:after{content: '';display: none;width: 1px;height: 100%;background: #eee;position: absolute;top: 0;left: -10px;z-index: 999999999999;top: 50%;transform: translateY(-50%);}
#logo-alisverisspan b{font-size: 23px;}

.header #ssl {display: flex;align-items: flex-start;padding: 10px 0;gap: 10px;color: #424242;}
.header #ssli{font-size: 36px;color:green}
.header #sslspan b{ display:block;}

.banner{background:#000;height:100%;overflow:hidden;  }
.bannerimg{width:100%;height:auto;display: block;opacity:.2; }


.home-control{position:relative;text-align:left;background: #fff;min-height:600px;}
.home-control .row{gap: 10px;align-items: flex-start;}
.category-page .home-control .row .home-left{margin: 0;position: sticky;top: 10px;}
.home-control .home-left{background: #f9f9f9;/* box-shadow: 0 3px 18px 2px rgba(0, 0, 0, .2); */padding: 10px 20px;/* padding-bottom: 15px; */width: 20%;margin-top: 10px;border-radius:15px;/* border: 1px solid #ebebeb; */}
.home-control .home-leftdiv.title{display:flex;justify-content: space-between;border-bottom:1px solid #ededed;color: #122636CC;border-radius:15px 15px 0 0;padding:20px 25px;margin:-10px;margin-bottom:0px;font: 600 15px/1 Inter,Arial,Helvetica,sans-serif;/* background: linear-gradient(180deg, transparent 42.71%, rgba(0, 0, 0, 0.04)), #fff; *//* background-color: #fff; */}
.home-control .home-leftdiv.title a{ font: normal 11px/1.5 Inter,Helvetica,sans-serif;color:#555;align-items: center; }
.home-control .home-left #list{/* background:#fff; */}
.home-control .home-left #listul{padding: 0;margin:0;list-style:none;}
.home-control .home-left #listul li ul{ padding-left:20px}
.home-control .home-left #listul li a{display:flex;justify-content: space-between;padding:10px 20px;width:100%;font: normal 13px/1.53 Inter,Helvetica,sans-serif;color: #444;position:relative;}

.home-control .home-left #listul li a{border-bottom: 1px solid #eee;}
.home-control .home-left #listul li:last-child a{ border-bottom:0}
.home-control .home-left #listul li a.active{ font-weight:600;}
.home-control .home-left #listul li a span#text{ display:block;position:relative; }
.home-control .home-left #listul li a span:last-child{ color:#999; }
.home-control .home-left #listul li:hover,
.home-control .home-left #list ul li:hover a{ color:#000; }
/*.home-control .home-left #list ul li > a > span#text::after {content: "";display: block;position: absolute;bottom: -2px;left: 0;width: 0;height: 1px;background-color: #333;transition: 0.4s;}
.home-control .home-left #list ul li:hover > a > span#text::after {width: 100%;background-color: #FF9937CC;}
.home-control .home-left #list ul li a.active > span#text::after {width: 100%;background-color: #FF9937CC;}*/


.home-control .home-left .check-li {max-height: 300px;overflow: auto;/* background: #fff; */padding: 0;border-radius: 10px;/* max-width: 100%; *//* margin-right: 6px; */
}

.home-control .home-left .check-libutton {
    width: 100%;border: 0;text-align: center;padding: 6px 30px;background: #191919;margin: 10px 0;border-radius: 10px;font: 600 13px/2 Inter,Arial,Helvetica,sans-serif;color: #fff;
}

.home-control .home-left .check-liul {
    padding: 0;margin: 0;list-style: none;display: flex;gap: 5;flex-wrap: wrap;
}

.home-control .home-left .check-liul li {
    cursor: pointer;width: calc(100%);color: #444;/* background: #eee; *//* margin-bottom: 5px; */margin-right: 5px;/* padding: 0 10px; */border-radius: 5px;font: 500 13px/2.5 Inter,Arial,Helvetica,sans-serif;
}

.home-control .home-left .check-liul li label {
    display: flex;justify-content: space-between;
}

.home-control .home-leftspan.title{display:flex;justify-content: space-between;color:#222;padding:15px;margin-bottom:0px;font: 600 15px/1 Inter,Arial,Helvetica,sans-serif; }
.home-control .home-left .area{padding:0 15px; }
.home-control .home-left .area .filterselect {width: 100%;border: 1px solid rgba(29, 29, 29, 0.3);cursor: pointer;font: 13px/1.5 Inter,Arial,Helvetica,sans-serif;border-radius: 5px;background: rgba(255,255,255,.9);padding: 10px 15px;position: relative;-webkit-appearance: none;appearance: none;background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAUCAMAAACtdX32AAAAdVBMVEUAAAD///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAhMdQaAAAAJ3RSTlMAAAECAwQGBwsOFBwkJTg5RUZ4eYCHkJefpaytrsXGy8zW3+Do8vNn0bsyAAAAYElEQVR42tXROwJDQAAA0Ymw1p9kiT+L5P5HVEi3qJn2lcPjtIuzUIJ/rhIGy762N3XaThqMN1ZPALsZPEzG1x8LrFL77DHBnEMxBewz0fJ6LyFHTPL7xhwzWYrJ9z22AqmQBV757MHfAAAAAElFTkSuQmCC);background-position: 100%;background-repeat: no-repeat;}
.home-control .home-right{flex:1;padding: 10px 0px;}

.home-control .search{bottom:0;position: absolute;width:100%;margin:0 auto;top: 50%;left: 50%;transform: translate(-50%, -50%);margin-top:50px;}
.home-control .searchh3{padding: 10px 0;margin: 0;font: 600 42px/1 InterHelvetica,sans-serif;color: #fff}
.home-control .searchp{padding: 0;margin: 0;font: 300 18px/1 InterHelvetica,sans-serif;color: #fff;opacity:.7}
.home-control .search #form{width:650px;margin-top:20px;  }
.home-control .search .row{justify-content: space-around;text-align:center;}
.home-control .search #form .row{align-items:inherit;  }
.home-control .search #form #fiinput{ padding: 10px 15px;width:100%;margin: 0;font: 400 15px/2.5 InterHelvetica,sans-serif;color: #222;border-radius:6px 0 0 6px;border:0;}
.home-control .search #form #fibutton{ padding: 10px 30px;margin: 0;font: 400 16px/1 InterHelvetica,sans-serif;color: #fff;background:#05CB9FCC;border-radius:0 6px 6px 0;border:0;cursor:poInter}
.home-control .search #form #fibutton:hover{ background:#02e6b3;}
.home-control .search .search-img{ }
.home-control .search .search-imgimg{ height:600px;width:auto; }

.phone-select{margin-bottom: 0px;border-bottom: 1px solid #ccc;/* box-shadow:0 3px 0 rgba(1,22,36,.08); *//* border-radius: 10px; */padding: 10px 20px;border-radius: 10px;margin-top: 5px;margin-bottom: 5px;background: #eee;}
.phone-select .title{background:0;padding: 5px 0;border-radius:0;margin-bottom:0;}
.phone-select .title .flex{background:0;gap:10px;justify-content: flex-start;border-radius: 30px;padding: 0;display: flex;align-items: center;}
.phone-select .titleh1{font: 18px/1.5 Inter,Arial,Helvetica,sans-serif;color: #646464;margin: 0;white-space: nowrap;overflow: hidden!important;text-overflow: ellipsis;letter-spacing: -.3px;}
.phone-select .title #phone{padding:0;margin-right:6px;background: #fff;border-radius:10px;border: 1px solid #ccc;aspect-ratio: 1 / 1;border-radius: 100%;width: 100px;height: 100px;display: flex;align-items: center;justify-content: center;}
.phone-select .title #phoneimg{max-height: 95%;padding: 14px;border:0;display: block;max-width: 95%;margin: 0 auto;}
/*.phone-select .title #info a {padding: 10px 20px;display: inline-block;background: #05CB9FCC;font: 12px/1 Inter,Arial,Helvetica,sans-serif;color: #fff;border-radius: 6px;margin: 7px 0}*/
.phone-select .title #info #imo {font: 400 13px/1 Inter,Arial,Helvetica,sans-serif;
    18px/1.5Inter,Arial,Helvetica,font-family: sans-serif;color: #FF9937CC;display: block;
}
.phone-select .title #infoa i{ margin-right:5px;}
.phone-select .title #infop {font: 11px/1.5 Inter,Arial,Helvetica,sans-serif;padding: 5px 0;opacity: .6;margin: 0;white-space: break-spaces;color: #646464;/-webkit-box-orient: vertical;-webkit-line-clamp: 2;display: -webkit-box;overflow: hidden;/* letter-spacing: -0.7px; */text-overflow: ellipsis;-webkit-box-orient: vertical;}
.phone-select .title #infoa{margin:0}

.breadcrumb {display: flex;align-items: center;font-family: Inter,Arial,sans-serif;font-size: 12px;color: #9f9f9f;padding: 10px 0;font-weight: 300;white-space: nowrap;overflow: auto}
.breadcrumba {color: #646464;text-decoration: none;position: relative;padding: 0;font-weight: 500;}
.breadcrumba:hover {color: #1b1a1a}

.breadcrumba:not(:last-child)::after { font-family: "Font Awesome 5 Pro";content: "\f105";font-size: 12px;color: #1b1a1a;margin: 0 10px}
.main.category-page{background: #fff;padding: 10px 0px;}
.main.category-page .home-control{background: #fff !important;}
.main.category-page .home-control .site > .row{gap:30px; }
.main.category-page .home-control .home-right{flex:1;/* padding: 20px; */width: auto;padding: 0;/* background: #fff; *//* box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.04); */}

.filter_list{display:flex;gap:10px;margin-bottom:15px;background: #f7f7f7;border-radius: 10px;padding:10px;/* flex-direction: row; */border-bottom: 1px solid #ddd;}
.filter_lista{padding:12px 20px;height:40px;border-radius:20px;letter-spacing: -.05px;border:1px solid #c7c7c7;background:#fff;color:#1f1f1f;flex-shrink: 0;font:500 13px/1 Inter,Arial,Helvetica,sans-serif}
.promo{display:flex;height:550px;width:100%;gap:15px;}
.promo *{transition: 0.4s;}
.promo__col{position:relative}
.promo__col--full{width:100%;border-radius: 15px;overflow: hidden;border: 1px solid #fff;}
.promo__col--left{width: 50%;}
.promo__col--center{width:50%}
.promo__col--right{width:50%;display:flex;flex-direction:column;gap:15px}
.promo__card{position:relative;background:#000;width:100%;height:100%;border-radius:15px;overflow:hidden;color:#fff;transition: transform .7s;font-family:Arial,sans-serif;cursor:pointer;}
.promo__bg{position: absolute;width:100%;height:100%;left:0;top:0;  /* Animation */background-size: cover;background-color:#000;opacity: 1;background-repeat:no-repeat;background-position:center;}
.promo__col--full .promo__bg,
.promo__col--center .promo__bg{opacity:0.8;/* background-size: auto 100%; */height: 100%;}
.promo__card:hover .promo__bg{ transform: scale(1.051); }
.promo__col--right .promo__card{flex:1}
.promo__overlay{position:absolute;bottom:20px;left:50px;font-family:Inter,Helvetica,sans-serif;}
.promo__badge{font-size:12px;text-transform:uppercase;display:inline-block;margin-bottom:8px}
.promo__title{font-size:24px;line-height:1.2;margin:0;padding:0;margin-bottom:8px}
.promo__text{font-size:14px;margin:0;padding:0;margin-bottom:12px}
.promo__btn{display:inline-block;padding:12px 25px;background:#fff;color:#000;text-decoration:none;border-radius:50px;font: 600 14px/1.5 Inter,Helvetica,sans-serif;}
.promo__btn:hover{ background:#000;color:#fff; }

.promo__col--left .promo__overlay{bottom:75px; }
.promo__col--left .promo__title{font-size: 32px;color: #ffffff;}

.promo__col--center .promo__overlay{bottom: 35px;text-align:center;width:100%;left:0;}
.promo__col--center .promo__title{font-size:36px; }
.promo__col--center .promo__text{font-size:22px; }

.promo__col--right .promo__overlay{left:20px; }
.promo__col--right .promo__title{font-size:32px; }
.promo__col--right .promo__text{font-size:16px; }@media(max-width:768px){
.promo{flex-direction:column;height: 100%;margin-top:15px;}
.promo__col--left{width:100%;}
.promo__col--full{width:100%;height: 400px;}
.promo__col--center{width:100%}
.promo__col--right{width:100%;flex-direction:row}
.promo__col--left .promo__card,
.promo__col--center .promo__card,
.promo__col--right .promo__card{height: 287px;}
.promo__col--left .promo__overlay{/* top:25px; */bottom:0;}
.promo__col--left .promo__title{font-size:24px;}
.promo__col--right .promo__title{font-size:16px;}
}

.categories-full{background:#F1F2F6}
.categories{display:flex;justify-content:space-around;align-items:center;gap:30px;padding:30px 0;}
.category{text-align:center;font-family:sans-serif}
.circle{width:120px;height:120px;border-radius:50%;background:#fff;display:flex;align-items:center;transition: 0.4s;justify-content:center;margin:0 auto;overflow:hidden;border:2px solid transparent}
.circleimg{max-width:100%;max-height:100%;display:block;transition: transform .4s;}
.category:hover .circle{  border-color:#e9e9e9; }
.categorya:hover img{  transform: scale(1.09); }
.red{background:#dc3a2e}
.yellow{background:#facc15}
.purple{background:#8b5cf6}
.categoryp{font: 500 15px/1.5 Inter,Arial,Helvetica,sans-serif;margin-top:8px;color:#000}


.category_bottom{padding:10px;background:#f9f9f9;margin-bottom:10px;border-radius:10px; }
.category_bottomul{ display:flex;gap:10px;list-style:none;padding:0;margin:0;}
.category_bottomul li {}
.category_bottomul li a {display:block;border:1px solid #eee;border-radius:10px;background: #fff;padding: 10px 15px;color: #222;letter-spacing: -0.5px;font: 500 13px Inter,Arial,helvetica,sans-serif;}
.category_bottomul li a.active{background: #222;color: #fff;}

#t-baslik{padding: 12px 0;position:relative;}
#t-baslikh3{color: #122636CC;font: 600 24px/1 Inter,Arial,Helvetica,sans-serif;padding: 0;margin: 0;letter-spacing: -.3px}
#t-baslikp{color: #29475e;font: 300 12px/2 Inter,Arial,Helvetica,sans-serif;padding: 0;margin: 0;opacity:.5;}
#t-baslika{background:#eee;color: #122636CC;padding:7px 18px;border-radius:6px;border:0;font:13px/2 Inter,Helvetica,sans-serif;position:absolute;right:0;top: 50%;transform: translateY(-50%);}
#t-baslika span{ margin-right:5px; }

.product-list{position:relative;z-index: 99;}
.product-list.gN .row{flex-wrap: wrap;align-items: stretch;}
.product-list #baslik{margin:40px 0;position:relative; }
.product-list #baslikh3{color: #122636CC;font: 600 36px/1 Inter,Arial,Helvetica,sans-serif;padding: 0;margin: 0;letter-spacing: -.3px}
.product-list #baslikp{color: #29475e;font: 300 15px/2 Inter,Arial,Helvetica,sans-serif;padding: 0;margin: 0;opacity:.5;}
.product-list #baslika{background:#eee;color: #122636CC;padding:7px 18px;border-radius:6px;border:0;font:13px/2 Inter,Helvetica,sans-serif;position:absolute;right:0;top: 50%;transform: translateY(-50%);}
.product-list #baslika span{ margin-right:5px; }
.product-list .row{gap: 5px;}
.grid.product-list .row{flex-wrap: wrap;}
.product-list #item{position:relative;background: #FFFFFF;/* border:1px solid transparent; *//* border-radius: 10px; */padding: 0;margin-bottom: 10px;transition: box-shadow 0.3s ease-out;/* width: calc(100% / 5 - 7px); */flex: 0 0 calc((100% - 5 * 5px) / 5);height:auto;}
.product-list #item .slogan{position:absolute;display:none;top:25px;left:25px;z-index:2;displasy:flex;flex-direction: column;gap:5px;align-items: flex-start}
.product-list #item .sloganspan{ display:inline-block;padding:5px 10px;border-radius:50px;background:#EA004B;color:#fff;font:600 11px/1.5 Inter,Arial,Helvetica,sans-serif; }
.product-list #item .sloganspan#not{ background:#6A33D8;color:#fff;}
.product-list #item .sloganspan#in{ background:#14854E; }
.product-list #item .img{height: 300px;background: #f7f7f7;border-radius: 10px;text-align:center;position:relative;overflow:hidden;display: flex;/* border: 1px solid rgb(231, 232, 235); */align-items: center;justify-content: center;}
.product-list #item .imgimg{display: block;text-align: center;margin: 0 auto;padding:10px;margin: auto;box-sizing: border-box;max-width: 100%;/* position: absolute; */bottom: 0;left: 0;object-fit: cover;right: 0;top: 0;max-height: 95%;width: auto;z-index: 1;transition: transform .4s;mix-blend-mode: multiply; /* üst-sağ-alt-sol boşlukları keser */}
.product-list #item .img:hover img{  transform: scale(1.09); }
.product-list #item .cargo{/* background:rgba(0,0,0,.041); */padding:10px 15px;position: absolute;z-index: 1;color:rgba(0,0,0,.4);border-radius: 0;font: 11px/1 Arial,Helvetica,sans-serif;/* border-bottom: 1px solid #f0f0f0; */opacity: 1;top: 0;display: none;width: 100%;}
.product-list #item .cargo .row{justify-content: space-between; }
.product-list #item .text{/* padding:10px 0px; */padding: 10px 15px;}
.product-list #item .text >span{display:block;font: 500 13px/1.6 Inter,Arial,Helvetica,sans-serif;color: #999;}
.product-list #item .textstrong{font: 600 13px/1.6 Inter,Arial,Helvetica,sans-serif;color: #222;/* height: 38px; */-webkit-box-orient: vertical;-webkit-line-clamp: 2;display: -webkit-box;overflow: hidden;letter-spacing: -0.2px;text-overflow: ellipsis;white-space: break-spaces;/* margin-bottom:5px; */}
.product-list #item .text .price{font: 700 16px/1.6 Inter,Arial,Helvetica,sans-serif;color: #000;padding: 5px 0px;/* height: 50px; */overflow:hidden;letter-spacing: -0.3px;}
.product-list #item .text .pricedel{order: 1;color:#666;/* font-size:14px; */font-weight:400;margin-right:10px;}
.product-list #item .text .pricespan{ order:2; }
.product-list.category-list .row{gap: 5px;justify-content: flex-start;}
.product-list.category-list #item{flex: 0 0 calc((100% - 3 * 4px) / 3);/* border-radius: 0; */padding: 0;/* border: 0; */overflow: hidden;}
.product-list.category-list #item .textstrong{/* height: 69px; */}
.product-list #item:hover .text strongA{ -webkit-line-clamp: 3;background:#fff;height:40px}
.product-list #item:hover .text #starA{ display:none}
.product-list.gN #item .slogan{display:block; }
.product-list.gN #item:hover{ bordser:1px solid #eee; }
.product-list.gN #item:hover .img{ bacskground:rgb(231, 232, 235);border-radius: 10px 10px 0 0}
.product-list. #item #star{/* height:30px; */font:13px Inter,Arial,Helvetica,sans-serif;color:#222;}
.product-list #item #star{display:flex;align-items: center;justify-content: flex-start;gap: 5px;}
.product-list #item #starspan{ font-size:13px;color:#f5a623;cursor:pointer;transition:color 0.2s ease;}
.product-list #item #starb{ font-size:11px;font-weight:normal;vertical-align:middle;color:#444}
.product-list #item #starp{ font:13px Inter,Arial,Helvetica,sans-serif;padding:0;margin:0;color:#222; }
.product-list.gN #itemspan.poBi{background:#6b849dCC color:#fff;padding:5px 10px;border-radius:6px;border:0;font:12px/1.4 Inter,Arial,Helvetica,sans-serif;display:inline-block} 
.product-list.gN #itemspan.poBi i{ margin-right:0px;}
.product-list.gN #itemspan#Positive{ background:#FBBC03CC;color:#444}
.product-list.gN #itemspan#inStock{ background:#d9dad2CC;color:#4a4f52CC}
.product-list.gN #item .img{height: 350px;/* box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.02); */display: flex;align-items: center;justify-content: center;border-bottom: 1px solid #ddd;}
.product-list.gN #item .price{height: 33px;display: flex;}

.sepet-list{padding:20px;background:#eee;border-radius: 10px;}
.sepet-list #item{flex: 0 0 calc((100% - 3 * 8px) / 3);border-radius: 10px;overflow: hidden;}
.sepet-list .row{gap: 10px;}
.sepet-list.gN #item .img{height: 200px;border-radius:0;padding: 10px;background: #f7f7f7;}
.sepet-list.gN #item .textstrong{-webkit-line-clamp: 2;background:inherit;height: 42px;position:relative;}
.sepet-list.gN #item .text #star{display:flex}
.sepet-list.gN #itembutton{padding: 10px 15px;margin-top:10px;background:#007af0CC;color:#fff;border:0;font: 600 12px/1 Inter,Arial,Helvetica,sans-serif;display:none;border-radius:6px;margin-bottom:5px;width:100%;text-align:center;} 
.sepet-list.gN #item:hover button{ display:block;}
.sepet-list.gN #item .price{height:50px;align-items: center;}

.diger-urunler{background:#fff;padding: 20px 40px;border-radius:10px;margin-bottom:10px;}
.diger-urunler #item{flex: 0 0 calc((100% - 5 * 5px) / 5);box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.02);border-radius: 10px;padding: 0;}
.diger-urunler #item .img{height: 250px;}

#color_list{padding: 0;text-align: center;}
.product-list #item #color_list .row{gap:3px;justify-content: center;align-items: center;/* background: #f9f9f9; */margin: 0 auto;border-radius: 10px;padding: 10px;margin: 0 auto;/* width: 200px; */text-align: center;}
.product-list #item #color_lista,
.product-list #item #color_list span{display:inline-block;width: 20px;height: 20px;border-radius:100%;border:1px solid #ccc;box-shadow: 0px 0px 0px 2px rgba(255,255,255,1) inset;}
.product-list #item #color_lista.more,
.product-list #item #color_list span.more{ width:auto;border-radius:10px;border:0;margin-left:3px;background:none;height:auto;font:12px/1 Inter,Arial,Helvetica,sans-serif;color:#999;}
.product-list #item #color_lista.active,
.product-list #item #color_list span.active{width: 24px;height: 24px;}
.new-product .inner{padding: 30px;background: #f2f2f2;margin-bottom:10px;border-radius:10px;/* box-shadow: inset 0 0 1px 0px rgba(0, 0, 0, .3); *//* border: 1px solid #e0e0e0; */}
.new-product .product-list .row{gap: 10px;}
.new-product .product-list #baslik{margin: 0;margin-bottom: 15px;}
.new-product .product-list #baslikh3{ font-size:24px;}
.new-product .product-list #item{flex: 0 0 calc((100% - 5 * 8px) / 5);}
.new-product .product-list #item .img{height: 175px;background: #fff;}
.new-product .product-list #item .text{padding:5px 10px;}
.new-product .product-list #item .textstrong{font: 400 13px/1.5 Inter,Arial,Helvetica,sans-serif;height: 57px;-webkit-line-clamp: 3;}
.new-product .product-list #item .text .price{line-height:1;height:auto; }
.tt {position: relative;cursor: pointer;z-index:999}

/* Tooltip kutusunu oluşturmak için before pseudo-element */
.tt:hover::after {
  content: attr(title);position: absolute;font:12px Inter,Arial,Helvetica,sans-serif;bottom: 125%; /* Üstünde çıkması için */left: 50%;transform: translateX(-50%);background-color: #333;text-align:center;color: #fff;padding: 6px 12px;border-radius: 4px;white-space: nowrap;z-index: 100;opacity: 1;pointer-events: none;transition: opacity 0.3s;
}

/* Tooltip okunu yapmak istersen (isteğe bağlı) */
.tt:hover::before {
  content: '';position: absolute;bottom: 115%;left: 50%;transform: translateX(-50%);border-width: 6px;border-style: solid;border-color: #333 transparent transparent transparent;
}


.tooltip {position: relative;cursor: pointer;
}

.tooltip::after {
  content: attr(title);position: absolute;bottom: 125%;left: 50%;transform: translateX(-50%);background-color: #000;color: #fff;padding: 6px 8px;border-radius: 4px;white-space: nowrap;font-size: 13px;opacity: 0;pointer-events: none;transition: opacity 0.3s;z-index: 99;
}

.tooltip:hover::after {
  opacity: 1;
}

/* Varsayılan title balonunu devre dışı bırakmak için title'ı JS ile silmek gerekebilir */


.main.cihaz{padding:0; }
.mark_area{padding:20px 0;}
.mark_area .liste{}
.mark_area .liste .row{gap: 15px;flex-wrap: wrap}
.mark_area .liste .row .item {width: calc(100%  / 5 - 12px);} 
.mark_area .liste .row .itema{display:flex;align-items: center;gap:0;background:#fff;color:#333;padding:0;border-radius:10px;flex-wrap:wrap;border:1px solid #ededed;overflow: hidden;}
.mark_area .liste .row .itema .ma-col{ width:100%;}
.mark_area .liste .row .itema .img{position:relative;height: 105px;background: #f5f5f5;padding:0px;border-bottom: 0px solid #e1e1e1;border-radius:5px 5px 0 0;}
.mark_area .liste .row .itema .img img{display: block;text-align: center;margin: 0 auto;padding:10px;margin: auto;max-width: 100%;position: absolute;bottom: 0;left: 0;right: 0;top: 0;max-height: 100%;width: auto;z-index: 1;transition: transform .4s;}
.mark_area .liste .row .itema .text{font-family:Inter,Arial,Helvetica,sans-serif;text-align:center;padding: 10px 0;display: none;}
.mark_area .liste .row .itema .text strong{display:block;font-weight:600;font-size: 14px;line-height: 2;}
.mark_area .liste .row .itema .text span{display:block;font-weight:400;font-size: 11px;color: #666666d6;margin-bottom: 6px;}
.mark_area .liste .row .itema:hover,
.mark_area .liste .row .item a:hover .img{ border-color:#ddd;}
.mark_area .liste .row .itema:hover .img{ background:#f9f9f9; }


.cihaz_area{padding:20px 0;}
.cihaz_area .liste{}
.cihaz_area .liste .row{gap: 20px;flex-wrap: wrap;/* justify-content: flex-start; */align-items: stretch;align-content: stretch;}
.cihaz_area .liste .row .item {width: calc(100%  / 5 - 16px);/* height: 100%; */background: #fff;border: 1px solid #ededed;border-radius: 10px;overflow: hidden;} 
.cihaz_area .liste .row .itema{display:flex;gap: 0;color:#333;padding: 0;flex-wrap: wrap;flex-direction: column;overflow: hidden;}
.cihaz_area .liste .row .itema .img{position:relative;height: 175px;width: 100%;background: #f9f9f9;padding: 15px;border-bottom: 1px solid #ededed;border-radius: 5px 5px 0 0;}
.cihaz_area .liste .row .itema .img img{display: block;text-align: center;margin: 0 auto;padding:10px;margin: auto;max-width: 100%;position: absolute;bottom: 0;left: 0;right: 0;top: 0;max-height: 85%;width: auto;z-index: 1;transition: transform .4s;}
.cihaz_area .liste .row .itema .text{font-family:Inter,Arial,Helvetica,sans-serif;letter-spacing: -.5px;text-align: center;padding: 20px 0;}
.cihaz_area .liste .row .itema .text strong{display:block;font-weight:600;font-size: 15px;line-height:1.6rem}
.cihaz_area .liste .row .itema .text span{display:block;font-weight:400;line-height: 1.5rem;font-size: 12px;}
.cihaz_area .liste .row .itema:hover,
.cihaz_area .liste .row .item a:hover .img{ border-color:#eee;}
.cihaz_area .liste .row .itema:hover .img{ background:#fff; }

.detay-ust{background:#fff;padding:30px 0px; }
.detay-ust .site > .row{gap:20px;align-items: flex-start; }
.detay-ust #img{width:200px;height:200px;background:#F7F7F7;padding:10px;text-align:center;position:relative;overflow:hidden;border-radius:10px; }
.detay-ust #imgimg{ display: block;text-align: center;margin: 0 auto;margin: auto;max-width: 85%;position: absolute;bottom: 0;left: 0;right: 0;top: 0;height: auto;width: auto;z-index: 1;max-height:85%; }
.detay-ust #text{width:50%; }
.detay-ust #text .baslikh1{color: #111;font: 600 18px/1.5 Inter,Arial,Helvetica,sans-serif;padding: 0;margin: 0;letter-spacing: -.3px}
.detay-ust #text .baslikspan#pazaryeri{ display:block;font: 600 14px/2 Inter,Arial,Helvetica,sans-serif;color:#05CB9FCC; }
.detay-bilgi{margin-top:7px; }
.detay-bilgi .row{gap:5px;display: flex;justify-content: flex-start;}
.detay-bilgia{ color:#fff; }
.detay-bilgi .Bi{background: #6b849dCC;color:#fff;padding:5px 18px;border-radius:6px;border:0;font:13px/1.6 Inter,Arial,Helvetica,sans-serif;} 
.detay-bilgi .Bii{ margin-right:5px; }
.detay-bilgi .Bi#notStock{background:#EA004BCC}
.detay-bilgi .Bi#inStock{background: #6b849dCC;}
.detay-bilgi .Bi#Positive{background:#4285F4CC}
.detay-bilgi .Bi#Negative{background:#FBBC03CC;color:#444; }
.detay-bilgi .Bi#count{background:#ededed;color: #122636CC;}
.detay-ust #text #degerlendir {margin-top:7px;} 
.detay-ust #text #degerlendira{background:#05CB9FCC;display:inline-block;margin-top:7px;color:#fff;padding:5px 18px;border-radius:6px;border:0;font:13px/1.6 Inter,Arial,Helvetica,sans-serif; } 
.detay-ust #text #degerlendirp{ padding:0;margin:0;font:12px/2 Inter,Arial,Helvetica,sans-serif;opacity:.6; } 
.detay-orta{min-height:700px; }
.detay-orta .yorumlar{padding:40px 0; }
.detay-orta .yorumlar .fotograflar{position:relative;padding:30px 40px;background:#fff;border-radius:10px;margin-bottom:35px;  }
.detay-orta .yorumlar #baslik{position:relative;margin-bottom:15px; }
.detay-orta .yorumlar #baslikh3{ color: #111;font: 600 28px/1 Inter,Arial,Helvetica,sans-serif;padding: 0;margin: 0;letter-spacing: -.3px}
.detay-orta .yorumlar #baslikh3 i{ margin-right:5px; }
.detay-orta .yorumlar #baslikp{ color: #111;font: 300 15px/2 Inter,Arial,Helvetica,sans-serif;padding: 0;margin: 0;opacity:.5;}
.detay-orta .yorumlar #baslika{ background:#6b849dCC color:#F1F5F9;padding:5px 18px;border-radius:6px;border:0;font:14px/1.6 InterHelvetica,sans-serif;position:absolute;right:0;top: 50%;transform: translateY(-50%);}
.detay-orta .yorumlar #baslika span{ margin-right:5px; }
.detay-orta .yorumlar .fotograflar .row{gap:20px; }
.detay-orta .yorumlar .fotograflar .row #item{flex: 0 0 calc((100% - 5 * 20px) / 6); }
.detay-orta .yorumlar .fotograflar #img{width:100%;height:150px;text-align:center;position:relative;overflow:hidden;background:#fff;border-radius:10px;border:2px solid rgba(0,0,0,.1);transition: transform .7s;  }
.detay-orta .yorumlar .fotograflar #imgimg{ display: block;text-align: center;margin: 0 auto;margin: auto;max-width: 85%;position: absolute;bottom: 0;left: 0;right: 0;top: 0;height: auto;width: auto;z-index: 1;transition: transform .7s;transform: scale(1.5);cursor:pointer; }
.detay-orta .yorumlar .fotograflar #img:hover{ border:2px solid rgba(0,0,0,.6); }
.detay-orta .yorumlar .fotograflar #img:hover img{  transform: scale(1.75); }
.detay-orta .yorumlar .yorum-list{margin:20px 0;padding:50px;background:#fff;border-radius:10px; }
.detay-orta .yorumlar .yorum-listhr{ background:rgba(0,0,0,.051); }
.detay-orta .yorumlar .yorum-list .row{align-items: stretch;gap: 29px;flex-direction: row;flex-wrap: wrap;}
.detay-orta .yorumlar .yorum-listul{ padding:0;margin:0;list-style:none; }
.detay-orta .yorumlar .yorum-listul li{flex: 0 0 32%;background:#EEEEEE;border:1px solid #eee;overflow:hidden;border-radius:10px;}
.detay-orta .yorumlar .yorum-listul li #top{ background:#fff;padding:20px; }
.detay-orta .yorumlar .yorum-listul li span#pazaryeri{ display:block;font: 600 14px/2 Inter,Arial,Helvetica,sans-serif;color:#05CB9FCC; }
.detay-orta .yorumlar .yorum-listul li .detay-bilgi{} 
.detay-orta .yorumlar .yorum-listul li #yorum-baslik{ color: #FF9937CC;font: 600 18px/1.5 Inter,Arial,Helvetica,sans-serif;padding: 0;margin: 0;letter-spacing: -.3px}
.detay-orta .yorumlar .yorum-listul li #detay { padding: 20px;margin:0;font: 300 14px/1.5 Helvetica,sans-serif;height:144px;overflow:hidden;margin-bottom:30px;}
.detay-orta .yorumlar .yorum-listul li #detay p:first-child{ padding-top:0;margin-top:0; }
.detay-orta .yorumlar .yorum-listul li #detay p:last-child{ padding-bottom:0;margin-bottom:0; }
.detay-orta .yorumlar .yorum-listul li #satin-alim {  padding:10px 20px;font:11px/1 Arial,Helvetica,sans-serif;color:#999;background:#fff;}

 .yorum-kutusu {margin: 0 auto;display:flex;flex-wrap: wrap;gap: 5px;
    }
    
    .yorum-bilgi-top {color: #000;padding: 5px 0;line-height: 1;font-size: 13px;
    }

    .yorum-bilgi-top >div{
      display: flex;justify-content: flex-start;align-items: center;/* box-shadow: 0 1px 1px rgba(0,0,0,0.1); */align-content: center;gap:10px}
    .yorum-bilgi-topstrong{ font-weight:600; }
    .yorum-bilgi-top .ortalama-yildiz{display: block;}
    .yorum-bilgi-top .ortalama-yildizspan {
      font-size: 17px;color: #f5a623;
    }
    .yorum-bilgi {background: #e7f3ff;color: #007bff;padding: 15px 20px;border-radius: 10px;margin-bottom: 20px;font-size: 13px;display: flex;justify-content: space-between;align-items: center;box-shadow: 0 1px 5px rgba(0,0,0,0.1);
    }

    .yorum-bilgi .ortalama-yildizspan {
      font-size: 14px;color: #f5a623;
    }

     .yorum-bilgi-top .degerlendir-btn {background: #007bff;color: white;border: none;padding: 10px;font-size: 11px;line-height: 1;margin: 0;border-radius: 6px;cursor: pointer;transition: background 0.3s ease;
    }
    .degerlendir-btn {background: #007bff;color: white;border: none;padding: 10px 18px;font-size: 12px;border-radius: 6px;cursor: pointer;transition: background 0.3s ease;
    }

    .degerlendir-btn:hover {
      background: #0056b3;
    }
    
    .yorum {background: white;border-radius: 10px;padding: 20px;border: 1px solid #eee;flex: 0 0 calc(100% / 2 - 11px);font-family: 'Inter',Arial,Helvetica,sans-serif;
    }

    .yorum .isim {font-weight: bold;font-size: .81em;color: #333;margin-bottom: 5px;
    }

    .yorum .metin {color: #444;margin-bottom: 5px;font-size: .81em;font-weight: normal;
    }

    .yorum .yildizlar {color: #f5a623; /* yıldız rengi */
    }

    .yildizlarspan {
      font-size: 15px;margin-right: 2px;
    }
    
#tab-limit.active{height:100%;}
.product_Camp{display:inline-flex;margin-top:10px;margin-bottom:-10px;gap:7px;background:#eee;padding:5px;border-radius:10px; }
.product_Campa{ display:block; }
.product_Campa:hover{ opacity:0.8; }
.product_Campa img{ height:40px;display:block;}
.mark-list{padding: 60px 0px;background: #f9f9f9;margin: 60px 0;}
.mark-list #baslik{margin-bottom:20px;position:relative; }
.mark-list #baslikh3{ color: #111;font: 600 36px/1 Inter,Arial,Helvetica,sans-serif;padding: 0;margin: 0;letter-spacing: -.3px}
.mark-list #baslikp{ color: #111;font: 300 15px/2 Inter,Arial,Helvetica,sans-serif;padding: 0;margin: 0;opacity:.5;}
.mark-list #baslika{ background:#eee;color:#222;padding:7px 18px;border-radius:6px;border:0;font:13px/2 Inter,Helvetica,sans-serif;position:absolute;right:0;top: 50%;transform: translateY(-50%);}
.mark-list #baslika span{ margin-right:5px; }
.mark-listul{ margin:0;list-style:none;padding:0;gap:20px; }
.mark-listul li{width:calc(100% / 5);padding:10px;border:1px solid #dedede;background: #fff;border-radius:10px;}
.mark-listul li img{ display: block;max-width:100%; }

.bolum{padding:10px 20px;border-radius:50px;color:#fff;background:#003F3C;font: 600 14px/1.5 Inter,Arial,Helvetica,sans-serif;margin-bottom:30px; }

.login-page{background:#f4f4f4;padding:20px 0;}
.login-page .login-area{width:450px;margin:0 auto;}
.login-page .login-area .inner{background:#fff;border: 1px solid #e0e0e0;border-radius: 10px;overflow: hidden;}
.login-page .login-areah3{ margin-bottom:20px;display:block;text-align:center;font:16px/1 Inter,Arial,helvetica,sans-serif;}
.login-page .login-areah3 b{ font-weight:500;font-size:18px;margin-bottom:6px;display:block}
.login-page .login-area .l-tab{}
.login-page .login-area .l-tab .row{justify-content: space-between;background: #f2f2f2;/* flex: 0 1 25%; */}
.login-page .login-area .l-taba{display:block;text-align:center;font:600 14px Inter,Arial,helvetica,sans-serif;color:#222;padding: 15px;flex: 0 1 50%;}
.login-page .login-area .l-taba.aktif{background:#fff;color:#FF9937}
.login-page .login-area .l-area{padding: 20px;}
.login-page .login-area .l-form{padding: 10px 25px;}
.login-page .login-area  .pasge{display:flex;font:13px/2 Inter,Arial,Helvetica,sans-serif;color:#666;justify-content: flex-end;}
.login-page .login-area  .l-info{font:12px/2 Inter,Arial,Helvetica,sans-serif;color:#222;}

.l-check{font:12px Arial,Helvetica,sans-serif;margin:10px 0;}
.l-checklabel{display:flex;/* justify-content: center; */gap: 10px;}
.l-checkinput{vertical-align:middle;}
.login-page .login-area .l-input{display:flex;justify-content: center;padding: 5px 0px;flex-direction: column;flex-wrap: wrap;}
.login-page .login-area .l-inputlabel{width: 100px;font: 600 12px/3 Inter,Arial,Helvetica,sans-serif;color:#333}
.login-page .login-area .l-inputinput{border-radius: 6px;padding: 10px;border: 1px solid #ededed;font:13px/1.4 Inter,Arial,Helvetica,sans-serif;color:#222;}
.login-page .login-areabutton{ background:#FF9937CC;border-radius:6px;border:1px solid #FF9937CC;font:600 14px/2.7 Inter,Arial,Helvetica,sans-serif;color:#fff;display:block;width:100%;margin-top:30px; }
.login-page .login-areabutton:disabled{ background:#ddd;border-color:#ddd;}
.main.detay-page{background: #fff;}
.detay-page .area{border-radius:10px;/* border: 1px solid #f1f1f1; *//* background: #fff; */}
.detay-page .area > .row{gap: 0;padding: 0;align-items: flex-start;/* background: #F4F4F4; */border-radius:10px;align-items: stretch;}
.detay-page .area .detay{width: 50%;background: #fff;margin: 0;border-radius: 0;}
.detay-page .area .detayh1{color: #111;font: 600 18px/1.5 Inter,Arial,Helvetica,sans-serif;padding: 0;margin: 0;letter-spacing: -.3px}
.detay-page .area #photo {width: 50%;min-height: 450px;border-radius: 10px;/* overflow: hidden; *//* background: #f6f6f6; *//* position: sticky; *//* top: 10px; */}
.detay-page .area .gallery {width: 100%;margin: auto;font-family: sans-serif;background: #f7f7f7;padding: 20px 40px;border-radius: 10px;/* position: sticky; *//* top:0; */overflow: hidden;}

.detay-page #cargo-detayp#cargo {
    padding: 10px 15px;margin: 5px 0;border-radius: 10px;font: 11px/2 Inter,Arial,Helvetica,sans-serif;color: rgb(0 0 0 / .6)}

.detay-page #cargo-detayp#cargo span {
    margin-right: 5px}

.detay-page #cargo-detayp#cargo b {
    font-weight: 500}

.detay-page .area .detay {padding: 0 30px;/* background: #fff; */border-radius: 10px;/* border: 1px solid #eee; */margin-left: 0;/* margin: 10px 0 0 0; *//* padding-left: 0; */top: 0;/* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05); */
}
.dIblo{/* background:#ffff; *//* padding:10px 15px; */border-radius:6px;display: block;color: #707070;font: 12px/1.8 Arial,helvetica,sans-serif;/* border: 1px solid #dedede; */}
.dIbloa{color: #363636;text-decoration: underline;}
.dIbloi{ margin-right:3px}

.detay-page .area .detay #tag {display: flex;gap: 5px;margin-bottom:10px;
}

.detay-page .area .detay #tagspan {
    display: inline-block;padding: 7px 15px;background: #e7e7e7;color: #222;border-radius: 20px;font: 400 11px Inter,Arial,Helvetica,sans-serif;
}

.detay-page .area .detay #tagspan a {
    color: #222;
}

.detay-page .area .detay #tagspan#on {
    background: #e88a1bCC;color: #fff;
}

.detay-page .area .detayspan#mark{
    display: block;padding: 5px 0;color: #4285F4;border-radius: 20px;font: 500 12px/1 Inter,Arial,Helvetica,sans-serif;
    }
.detay-page .area .taDet{display: flex;flex-direction: column;gap: 10px;background: #fff;padding: 10px;border-radius: 10px;border: 1px solid #ededed;margin-bottom: 10px;}
.detay-page .area .taDet .taDet-detay{margin:0;font: 12px/1 Inter,Arial,Helvetica,sans-serif;}
.detay-page .area .taDet .taDet-detayp{/* Background: #122636; */padding: 0;border-radius:10px;margin:0;color: #122636;display: flex;justify-content: space-between;align-items: center;align-content: center;}
.detay-page .area .detayh1 {
    color: #111;font: 700 24px/1.3 Inter,Arial,Helvetica,sans-serif;padding: 0;margin: 0;/* letter-spacing: -.71px; */
}
.taDet-detay{margin-bottom:20px;}
.cokalazode{font: 500 12px/1 Inter,Arial,Helvetica,sans-serif;}
.cokalazodestrong{background: #05cb9f;color: #fff;margin-right:5px;padding: 5px;transform: rotate(357deg);display: inline-block;font: 900 10px/1 Inter,Arial,Helvetica,sans-serif;/* border-radius: 0 15px 0 15px; */text-shadow: 3px 2px rgba(255,255,255,.3);}
.cokalazodeb{border-bottom: 2px dashed #222;}

.detay-page .area .detay #more-phone_link{margin: 0;/* background: #fefefe; *//* border-radius: 10px; */padding: 0;font: 12px/1 Inter,Arial,Helvetica,sans-serif;color:#000;border-bottom: 1px solid #ededed;padding-bottom: 10px;
}
.detay-page .area .detay #more-phone_link .row{justify-content: space-between; }
.detay-page .area .detay #more-phone_linka{ color:#222;}
/*.detay-page .area .detay #more-phone_link a{
      background: #122636CC;
      color: white;
      border: none;
      padding: 10px;
      font-size: 11px;
      line-height: 1;
      margin: 0;
      border-radius: 6px;
      cursor: pointer;
      transition: background 0.3s ease;
}*/

.detay-page .area .detay #pricespan {
    color: #222;display: inline-block;font: 700 32px/1 Inter,Arial,Helvetica,sans-serif;line-height: 1;letter-spacing: -0.2px;padding: 0;/* margin: 10px 0; */
}
.detay-page .area .detay #pricespan#p-Info{color:#fff;font-size:11px;color: rgba(0,0,0,0.3);display: block;margin-top: 10px;}

.detay-page .area .detay #pricedel {margin-left: 0;font-size: 15px;display: block;line-height: 2;}
.detay-page .area .p-Ba{/* padding: 10px; */background: #f9f9f9;border-radius: 10px;color: #222;/* margin: 16px 0px; */display: flex;justify-content: space-between;/* gap: 20px; */flex-wrap: wrap;align-items: center;align-content: center;/* box-shadow: inset 0 0 1px 0px rgba(0, 0, 0, .3); *//* border: 1px solid #f1e9df; */}
.detay-page .area .detay #price{padding: 20px 0;/* padding-bottom: 0; */color: #222;margin-bottom: 0;}
.detay-page .area .detay #more_link_phone{ }
.detay-page .area .detay #more_link_phonea{color: #222;display:inline-block;background: #ffffff;padding: 10px 16px;border-radius:6px;font: 500 12px/1 Inter,Arial,Helvetica,sans-serif;margin-top:10px;border: 1px solid #eee;}
.detay-page .area .detay #price #indppi {color: #222;margin-right: 10px}

.detay-page #info-detay {display: flex;gap: 10px;flex: 100%;
}

.detay-page #info-detayp {
    gap: 5px;margin: 10px 0;display: flex;border: 1px solid #f0f0f0;align-items: center;background: #f9f9f9;padding: 10px 15px;width: 50%;border-radius: 6px;font: 11px /1 Inter,Arial, helvetica, sans-serif;color: #122636;
}

.detay-page #info-detayp span {
    margin-right: 3px;font-size: 17px;/* color: #fff; */
}
.detay-page #cargo-detayp#cargo {
    padding: 10px 15px;margin: 5px 0;border-radius: 10px;font: 11px/2 Inter,Arial,Helvetica,sans-serif;color: rgb(0 0 0 / .6)}

.detay-page #cargo-detayp#cargo span {
    margin-right: 5px}

.detay-page #cargo-detayp#cargo b {
    font-weight: 500}

.quantity-selector {display: flex;width: 90px;height: 40px;border-radius: 10px;overflow: hidden;box-shadow: inset 0 0 0 1px #e5e7eb, 0 1px 3px rgba(0, 0, 0, 0.05); /* iç kenar ve hafif dış gölge */background-color: #fafafa;font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Inter, Helvetica, Arial, sans-serif;
}

.quantity-value {flex: 1;display: flex;align-items: center;justify-content: center;font-size: 15px;font-weight: 500;background-color: #fcfcfc;color: #111827;
}

.quantity-controls {display: flex;flex-direction: column;width: 28px;border-left: 1px solid #e5e7eb;background-color: #ffffff;
}

.arrow {flex: 1;border: none;background: none;cursor: pointer;color: #111827;font-size: 10px;transition: background 0.2s;
}

.arrow:hover {
  background-color: #f3f4f6;
}


.detay-page .basket-adet {border-radius: 10px;background: #eee;box-shadow: 0 1px 2px rgb(18,18,18, .05);margin-top: 0;position:relative;width: 100%;overflow:hidden;
}

.detay-page .basket-adet .cargo-date{position:relative;padding:15px 25px;font:12px Inter,Arial,helvetica,sans-serif;color:#444;border-top:1px solid #ededed;}
.detay-page .basket-adet .cargo-date:before{ content: "";position: absolute;inset-inline: -2.6rem;top: 0;border-top: .2rem solid rgb(18,18,18, .05);
    }
.detay-page .basket-adet .row {gap: 0;padding: 0px;}
.detay-page .basket-adet .row .adet{margin: 8px 15px;}


.detay-page .basket {width: 100%;display: flex;gap: 5px;
}

.detay-page .basketbutton {
    background: #007bff;color: #fff;border: 0;/* flex: 50%; */margin: 0;border: 1px solid #007bff;font: 600 13px/4 Inter,Arial,Helvetica,sans-serif;border-radius:0 5px 5px 0;letter-spacing: -0.1px;cursor: pointer;flex: 75%;
}

.detay-page .basketbutton:hover{ filter: contrast(0.9)}

.detay-page .basketbutton span {
    font-size: .71em}


.detay-page #bottom-detay {display: flex;gap: 10px}

.detay-page #bottom-detayspan {
    width: calc(100% / 2);text-align: center;padding: 5px 10px;background: #f0f0f0;margin: 5px 0;min-height: 10px;border-radius: 10px;font: 600 12px/3 Poppins,Arial,Helvetica,sans-serif;color: rgb(0 0 0 / .82)}

.detay-page #bottom-detayspan i {
    margin-right: 5px;font-size: 18px;vertical-align: middle}

.detay-page .more-color {padding: 10px;margin-bottom: 10px;/* margin-top: 0; */border-radius: 9px;background: #f9f9f9;/* border: 1px solid #eee; *//* box-shadow: 0 1px 2px rgb(18, 18, 18, .05); */
}

.detay-page .more-color #color-title {margin: 0px 0;margin-bottom:10px;font: 500 13px/1 Inter,Arial,Helvetica,sans-serif;color: #444;
}

.detay-page .more-color #color-titlestrong {
    /* color: #666; */}

.detay-page .more-colorul {
    display: flex;margin: 0;padding: 0;list-style: none;gap: 5px;/* padding-bottom: 10px; */height: auto;flex-wrap: wrap;/* background: #fff; *//* padding: 20px; *//* border-radius: 10px; *//* border: 1px solid #ddddddcc; *//* flex: 100px; */flex-direction: row;/* flex-direction: column; *//* justify-content: flex-end; */
}
.detay-page .area .detay #havele-indirim {padding: 10px 15px;margin-bottom: 0px;border-radius: 10px;color: #008a09;display: inline-flex;justify-content: flex-start;gap: 9px;align-items: center;/* text-align: right; */align-content: center;background: #edfef1;margin: 10px 0px;/* letter-spacing: 0 !important; */border: 1px solid #b9ecbd;}

.detay-page .area .detay #havele-indirimspan{font: 12px /1  Arial, Helvetica, sans-serif !important;color: #008a09 !important;padding:0;margin:0 !important;letter-spacing: 0 !important;}
.detay-page .area .detay #havele-indirimspan b{ color:green; }
.detay-page .more-colorul li{ background:#fff;border-radius:6px;overflow: hidden; }
.detay-page .more-colorul li a .row{flex-direction: column;align-items: center;font: 400 13px / 1.5 Inter, Arial, Helvetica, sans-serif;/* align-content: flex-start; */}
.detay-page .more-colorul li a .row span{color:#888;display: none;}
.detay-page .more-colorul li {/* text-align: center; */flex: 0 0 calc(100% / 6 - 5px);position: relative;/* mix-blend-mode: multiply; *//* height: 100px; *//* display: flex; *//* aspect-ratio: 1 / 1; */border: 1px solid #ddd;padding: 0;cursor:pointer;}

.detay-page .more-colorul li.active{padding: 0;border-color: #007bff;background: #007bff;color: #fff;overflow: hidden;}
.detay-page .more-colorul li.active a strong{ color:#fff; }
.detay-page .more-colorul li.noStock {opacity: .4;order: 99}
.detay-page .more-colorul li.noStock img {filter: opacity(0.5);mix-blend-mode: multiply}

.detay-page .more-colorul li a {
    display: flex;padding: 0;/* border: 1px solid #ddd; *//* background: #222; */border-radius: inherit;/* align-items: center; */width: 100%;gap: 0;margin: 0;/* border-radius: 100%; *//* height: 100%; *//* flex-direction: column; */flex-wrap: wrap;text-align: center;justify-content: center;
}
.detay-page .more-colorul li:hover{border-color: #999;}
.detay-page .more-colorul li a .col{text-align: center;flex: 0 0 100%;/* margin-bottom: 10px; */}
.detay-page .more-colorul li a .text {margin: 0;padding: 10px;/* display: none; *//* color: #fff; */}
.detay-page .more-colorul li a #img {
    text-align: center;height: 100px;background: #f9f9f9;width: 100%;max-width: 100%;flex: 0 0 100%;position: relative;/* aspect-ratio:1/1; */border-bottom: 1px solid #eee;padding: 10px;
}

.detay-page .more-colorul li a #img img {
    display: block;text-align: center;margin: 0 auto;max-width:100%;margin: auto;position: relative;bottom: 0;left: 0;object-fit: cover;right: 0;top: 0;height: 105%;width: auto;max-height: 100%;z-index: 1;filter: brightness(1);mix-blend-mode: multiply;
}

.imgBoxModal{display:none;position:fixed;z-index:999;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,0.75);justify-content:center;align-items:center;}
.imgBoxModal .modal-content-img{background:#fff;width:95%;height:95%;border-radius:8px;display:flex;overflow:hidden;position:relative;flex-wrap:wrap;align-content: stretch;}
.imgBoxModal .left-thumbs{width:100px;background:#fff;padding:10px;overflow-y:auto;border-right:1px solid #ddd;}
.imgBoxModal .right-info .img{text-align:center;flex:0 0 calc(100% / 2 - 10px);position:relative;mix-blend-mode:multiply;height:100px;display:flex;aspect-ratio:1 / 1;border:1px solid #ddd;padding:10px;cursor:pointer;}
.imgBoxModal .right-info .imgimg{display:block;text-align:center;margin:0 auto;max-width:100%;margin:auto;position:relative;bottom:0;left:0;object-fit:cover;right:0;top:0;height:auto;width:auto;max-height:100%;z-index:1;filter:brightness(1);}
.imgBoxModal .right-info .img.active{border-color:#0073e6;}
.imgBoxModal .center-image{flex:1;display:flex;justify-content:center;align-items: flex-start;background:#fafafa;padding:20px;}
.imgBoxModal .center-imageimg{max-height:100%;max-width:100%;transition:opacity 0.3s ease-in-out;opacity:1;}
.fade-out {opacity: 0;transition: opacity 0.3s ease;
}

.fade-in {opacity: 1;transition: opacity 0.3s ease;
}
.imgBoxModal .right-info{width:300px;background:#fff;padding:20px;box-sizing:border-box;border-left:1px solid #ddd;}
.imgBoxModal .right-infoh3{font-size:16px;margin:0 0 10px;}
.imgBoxModal .right-infop{font-size:14px;margin:5px 0;}
.imgBoxModal .right-infobutton{background: #007bff;color: white;border: none;padding: 10px;width:100%;font-size: 11px;line-height: 1;margin: 0;border-radius: 6px;cursor: pointer;transition: background 0.3s ease;font:600 13px/1 Inter,Arial,Helvetica,sans-serif; }
.imgBoxModal .close-btn{position:absolute;top:10px;right:15px;font-size:26px;font-weight:bold;cursor:pointer;color:#333;}@media (max-width:768px){
.imgBoxModal .modal-content{flex-direction:column;}
.imgBoxModal .modal-content-img{height:95%;}
.imgBoxModal .left-thumbs{width:100%;height:80px;overflow-x:auto;overflow-y:hidden;display:flex;border-right:none;border-bottom:1px solid #ddd;}
.imgBoxModal .left-thumbs img{height:100%;width:auto;margin-right:10px;}
.imgBoxModal .center-image{height:50%;}
.imgBoxModal .right-info{width:100%;border-left:none;border-top:1px solid #ddd;}
}


.detay-page .more-colorul li a strong {
    font: 500 12px/1.2 Inter,Arial,Helvetica,sans-serif;color: #122636CC;/* text-align: center; *//* display: block; *//* white-space: nowrap; *//* overflow: hidden!important; *//* text-overflow: ellipsis; */-webkit-box-orient: vertical;-webkit-line-clamp: 1;color: #000;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;white-space: normal;
}

.kargo-kutusu {display: flex;justify-content: space-between;align-items: center;background: #f3fbf5;              /* ferah yeşil zemin */border: 1px solid #d0e6d8;        /* yumuşak sınır çizgisi */border-left: 5px solid #28a745;   /* güven veren yeşil çizgi */padding: 15px 0;border-radius: 10px;font-family: Inter,Arial,'Segoe UI', sans-serif;/* box-shadow: 0 2px 6px rgba(0,0,0,0.05); */gap: 10px;
}

.kargo-kutusu .sol-kisim {display: flex;align-items: center;gap: 12px;margin-left: 15px;
}
.kargo-kutusu .kargo-ikon{margin-right:10px}
.kargo-kutusu .kargo-ikoni {
  font-size:24px;--fa-primary-color: #28a745;--fa-secondary-color: #82bf92;/* padding: 10px; *//* border-radius: 50%; */
}

.kargo-kutusu .baslik {font-weight: bold;font-size: 13px;color: #1e4620;margin-bottom: 5px;
}

.kargo-kutusu .aciklama {color: #555;font-size: 11px;margin-top: 2px;
}

.kargo-kutusu .sag-kisim {text-align: right;margin-right: 15px;
}

.kargo-kutusu .teslimat-baslik {display: block;font-size: 12px;font-weight: 600;color: #333;
}

.kargo-kutusu .teslimat-tarih {font-size: 11px;color: #666;
}


.bilgi-kutusu{margin: 10px 0 0 0;padding:10px;background:#fff;font-family:Inter,Arial,Helvetica,sans-serif;border:1px solid #eee;border-radius:15px;}
.satir{display:flex;justify-content: flex-start;align-items: center;margin: 15px 0;flex-wrap: wrap;margin:15px 0;flex-wrap:wrap}
.sol{display:flex;align-items:center;flex:1;min-width:200px}
.ikon{color:#007bffcc;font-size:24px;margin-right:10px}
.metin{font-weight:600;color:#000;font-size:12px;}
.sag{font-size:11px;color:gray;margin-top:5px;white-space:nowrap}


.qty-input {color: #444;background: #eee;border: 1px solid #eee;display: inline-flex;align-items: center;overflow: hidden;border-radius: 10px;padding: 0;overflow: hidden}

.qty-input .product-qty,.qty-input .qty-count {background: 0;color: #444;font-weight: 500;font-size: inherit;font-family: Roboto,Arial,Helvetica,Sans-serif;border: 0;display: inline-block;min-width: 0;height: 2.25rem;line-height: 1}

.qty-input .product-qty:focus,.qty-input .qty-count:focus {
    outline: 0}

.qty-input .product-qty {width: 40px;height: 46px;min-width: 0;margin: 3px 0;display: inline-block;text-align: center;-webkit-appearance: textfield;-moz-appearance: textfield;appearance: textfield;background: #fff;
}

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

.qty-input .qty-count {padding: 0;cursor: pointer;width: 2rem;font-size: 1.25em;/* text-indent: -100px; */overflow: hidden;position: relative;color: #fff;
}

.qty-input .qty-count:after,.qty-input .qty-count:before {
    content: "";height: 2px;width: 10px;position: absolute;display: block;background: #FF9937CC;top: 0;bottom: 0;left: 0;right: 0;margin: auto}

.qty-input .qty-count--add:after {
    transform: rotate(90deg)}

.qty-input .qty-count:disabled {
    color: #ccc;cursor: not-allowed;border-color: #fff0}

.qty-input .qty-count:disabled:after,.qty-input .qty-count:disabled:before {
    background: #ccc}





    .gallery .main-image {position: relative;height: 650px;background: #f6f6f6;display: flex;align-items: center;align-content: center;
    }

    .gallery .main-imageimg {
  border-radius: 10px;display: block;text-align: center;margin: 0 auto;max-width: 100%;margin: auto;position: absolute;bottom: 0;left: 0;right: 0;top: 0;height: auto;width: auto;max-height: 100%;z-index: 1;object-fit: cover;opacity: 0.9; /* Çok az şeffaflık */mix-blend-mode: multiply;filter: brightness(1.02); /* Hafif parlaklık artır */background: #f6f6f6;
 }

    .gallery .arrow {position: absolute;top: 50%;transform: translateY(-50%);font-size: 20px;background: #fff;color: #222;padding: 15px 20px;cursor: pointer;line-height: 1;z-index: 3;border-radius: 100%;text-align: center;
    }

    .gallery .arrow.left {left: -20px;box-shadow: -4px 5px 0px 0px #eee;
    }

    .gallery .arrow.right {right: -20px;box-shadow: 5px 4px 0px 0px #eee;
    }

    .thumbnails-wrapper {overflow: hidden;margin-top: 10px;background: #fff;padding: 5px 0;border-radius: 10px;
    }

    .thumbnails {display: flex;transition: transform 0.3s ease;gap: 10px;justify-content: flex-start;
    }div#thumbContainer {
    text-align: center;
}
  .thumbnailsa {
   position: relative;width: 105px;height: 105px;flex-shrink: 0;overflow: hidden;border: 1px solid #ddd;border-radius: 6px;background: #f7f7f7;display: flex;align-items: center;padding: 0;justify-content: center;
 }

   .thumbnailsa img {
  display: block;text-align: center;margin: auto;max-width: 90%;position: relative;bottom: 0;left: 0;right: 0;top: 0;height: auto;object-fit: cover;width: auto;box-sizing: border-box;z-index: 1;max-height: 90%;cursor: pointer;opacity: 0.9; /* Çok az şeffaflık */mix-blend-mode: multiply;filter: brightness(1.02); /* Hafif parlaklık artır */background: #f6f6f6;
}

    .thumbnailsa.active {
      border-color: #FF9937CC;
    }


.bottom{padding:10px 0;margin: 10px 0;BACKGROUND: #f9f9f9;}

  .birlikMob{display:flex;width:100%;justify-content: space-between;align-items: center;cursor:pointer;background:#dddddd;padding:15px;color:#191919;border-radius:5px;border:0;font:600 13px/1 Inter,Arial,Helvetica,sans-serif;}
  .birlikMobspan:last-child{ font-size:11px; }
  .join-product{/* padding:30px 0px; *//* margin-top:10px; */}
  .join-producth3{ padding:0;margin:0;font:400 16px/1 Inter,Arial,Helvetica,sans-serif; }
  .join-producth4{ padding:0;margin:0;font:600 26px/1.5 Inter,Arial,Helvetica,sans-serif;margin-bottom:20px; }
  .join-product .inner{padding:40px;background:#fff;border-radius: 10px;border: 1px solid #eee;}
  .join-product .innerspan.plus{font-size: 44px;font-weight:700;display: flex;align-items: center;justify-content: center;display:none; }
  .join-product .inner > .row{gap:30px;}
  .join-product .inner .product_list > .row{gap:30px;align-items: stretch;}
  .join-product .inner .item{width:200px;cursor:pointer;position:relative;display:none}
  .join-product .inner .item#master{display:block}
  .join-product .inner .secBut{position: absolute;top: 5px;right: 5px; }
  .join-product .inner .item #img{text-align: center;width: 100%;height: 140px;position: relative;margin:0 auto;background:#F7F8F8;border-radius:5px;padding:10px; }
  .join-product .inner .item #imga{     display: block;background: #fff;padding: 10px;border-radius:5px;height: 100%; }
  .join-product .inner .item #imgimg {display:block;text-align:center;margin:auto;max-width:90%;position:absolute;bottom:0;left:0;right:0;top:0;height:auto;width:auto;max-height:90%;z-index:1}
  .join-product .inner span.plus.itemCiP(-n+3){ display:flex; }
  .join-product .inner .item.itemCi:nth-child(-n+7){ display:block; }
  .join-product .inner .item #text{padding:10px 0px; }
  .join-product .inner .item #textspan{height:44px;font:400 12px/1.7 Inter,Arial,Helvetica,sans-serif;margin-bottom:5px;-webkit-box-orient:vertical;-webkit-line-clamp:3;color:#000;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;white-space:normal}
  .join-product .inner .item #text .pricestrong{ font:700 18px/1.5 Inter,Arial,Helvetica,sans-serif;color:#000;display: block; }
  .join-product .inner .item #text .pricedel{ font:300 13px/1.5 Inter,Arial,Helvetica,sans-serif;color:#000; }
  .join-product .innerinput{ display:none; }
  .join-product .inner .secim{text-align:center;width:100%;cursor:pointer;Background:#1C89E3;padding:10px;color:#fff;border-radius:5px;border:0;font:600 18px/1 Inter,Arial,Helvetica,sans-serif;position:relative;z-index:99}
  .join-product .inner .secim#btS{background:#eee;color:#666; }
  .join-product .inner #btS.disabled{background:#eee;color:#222}
  .join-product .innerinput:not(:checked) ~ #btB{ display:none; }
  .join-product .innerinput:not(:checked) ~ #btS{ display:block; }
  .join-product .innerinput:checked ~ #btS{ display:none; }
  .join-product .innerinput:checked ~ #btB{ display:block; }
  .birlikMobA{padding:5px;color:#222;font: 12px/1 Arial,Helvetica,sans-serif;}

  .birlikClose{display: none;font-size:26px;color:#000;}
  .join-product.active{display:block;left: 50%;transform: translateX(-50%);margin: 0;position: fixed;z-index: 999;bottom: 10px;width: 1400px;margin: 0 auto;max-width: 97%; }
  .join-product.active .inner .item.itemCi{display:block; }
  .join-product.active .inner .product_list{white-space: nowrap;overflow: auto;width:100%;}
  .join-product.active .inner > .row{flex-direction: column;}
  .join-product.active .birlikMobA{display:none;}
  .join-product.active .title .row{justify-content: space-between;}
  .join-product.active .birlikClose{display: block;}
  .join-product.active .join-total .add_cart{padding:10px 20px;border-radius:10px;font-size:14px;line-height:2; }
  .join-product .join-total{text-align:center; }
  .join-product .join-total #total_j{margin-bottom:10px;font:400 13px/1.5 Inter,Arial,Helvetica,sans-serif; }
  .join-product .join-total .add_cart{text-align:center;width:100%;cursor:pointer;Background:#F07B3F;padding:6px 20px;color:#fff;border-radius:15px;border:0;font:400 13px/1.5 Inter,Arial,Helvetica,sans-serif;}@media (max-width:1024px) {
   /*.moreColorRenk{ display:flex; width:100%; justify-content: space-between;align-items: center; cursor:pointer; background:#FF0000; padding:15px; color:#fff; border-radius:5px; border:0;  font:600 13px/1 Inter,Arial,Helvetica,sans-serif;}
   .more-color{ display:none; } 
   .more-color.active{ display:block;background:#fff !important; width:95%; left: 50%;transform: translateX(-50%);padding:15px; border-radius:10px 10px 0 0; }
   .more-color .title{ position:relative;  }
   .more-color #color-title{ margin-top:20px; }
   .more-color .title .row{ justify-content: space-between;align-items: center;flex-direction: row; }
   .more-color .title .row h4{ padding:0; margin:0; font:600 21px/1.5 Inter,Arial,Helvetica,sans-serif; }
   .more-color .title .row h3{ padding:0; margin:0; font:600 16px/1 Inter,Arial,Helvetica,sans-serif;  }*/
   .colorClose{ display: block;font-size:26px;color:#000;}
   .birlikClose{display: block;}
   .join-product{margin: 0;position: fixed;z-index: 999;bottom: 0;width: 98%;display:none;left:0;margin:0 auto;}
   .join-product .title{position:relative;margin-bottom:20px; }
   .join-product .title .row{justify-content: space-between; }
   .join-product h4{margin-bottom:0; }
   .join-product .inner .secBut{position: relative;top: 5px;right: 5px; }
   .join-product.active{display:block;left: 50%;transform: translateX(-50%); /* Genişliğin yarısı kadar sola kaydır */}
   .join-product .product_list{height: 300px;overflow: auto;padding:0 10px; }
   .join-product .inner{padding:25px 15px;border-radius:10px 10px 0 0; }
   .join-product .inner > .row{gap:5px;}   
   .join-product .inner .item{width: 100%; }
   .join-product .inner > .row{display: block; }
   .join-product .inner .product_list > .row{gap:5px;flex-direction: column;  } 
   .join-product .inner .product_list  label{display: flex;gap:5px;align-items: center; }
   .join-product .inner .product_list > .row .item label div{order:2; }
   .join-product .inner .product_list > .row .item label div:nth-child(3){order:1;width:40px;overflow:hidden}
   .join-product .inner .item #img{height:80px;width:110px;margin-bottom:5px; }
   .join-product .inner .item #img img{max-height:75%;max-width:100%; }
   .join-product .inner .item #text{width:250px;padding:0;padding-left: 10px; }
   .join-product .inner .item #text span{-webkit-line-clamp: 2;height:40px;line-height: 1.5; }
   .join-product .inner .item #text .price {display:flex; }
   .join-product .inner .item #text .price strong{font-size:14px;line-height:1;order:2; }
   .join-product .inner .item #text .price del{font-size:11px;order:1;margin-right:6px; }
   .join-product .inner .secim{width:auto !important;padding:5px;font:500 18px/1 Inter,Arial,Helvetica,sans-serif}
   .join-product .inner input:not(:checked) ~ #btB{ display:none; }
   .join-product .inner input:not(:checked) ~ #btS{ display:inline-block !important; }
   .join-product .inner input:checked ~ #btS{ display:none; }
   .join-product .inner input:checked ~ #btB{ display:inline-block !important; }
   .join-product .inner span.plus{display:none; }
   .join-product .join-total{padding:20px; }
   .join-product .join-total .add_cart{padding:10px 20px;border-radius:10px;font-size:14px;line-height:2; }
   .join-product .join-total #total_j{font-size:15px;line-height:1.7; }
   
   .more-color-Mobile{position: fixed;bottom: 0;width: 100%;z-index: 999;left: 0;right: 0;margin: 0 !important; }
  }
  
.1product-info {
    padding: 20px;background: #fff;border-radius: 10px;margin: -13px 0 10px 0px;border: 1px solid #eee;border-top-width: 1px;
}

.list-main #logoimg {
    height: 40px}

.tabs {max-width: 100%;margin: auto;/* background: #fff; *//* padding: 0 10px; */border-radius: 10px;
}

.tab-links {/* display: flex; */list-style: none;padding: 10px 30px;margin: 0;background: #eee;/* gap: 20px; */border-radius: 10px 10px 0 0;/* width: calc(100%/4); */justify-content: flex-start;
}

.tab-linksli {
    text-align: center;/* width: calc(100% / 4); */
}

.tab-linksa {
    display: block;padding: 10px 20px;font: 600 12px/2 Inter,Arial,Helvetica,sans-serif;text-decoration: none;background: #eee;color: #555;border: 1px solid #eee;border-radius: 10px;
}

.tab-links .activea {
    background: #fff;color: #333;border-color: #333;
}

.tab-content {padding: 20px 30px;/* margin-top: 10px; */font: 16px/1.8 Inter,Arial,Helvetica,sans-serif;color: #000;background: #fff;
}

.tab-contenth3{ margin:0;padding:0; }
.tab {display: none}

.tab.active {display: block}

#tab-limit {max-height: 300px;overflow: hidden}

#tab-limit.active {max-height: 100%}

#tab-read {margin-bottom: 10px}

#tab-reada {
    display: block;text-align: center;border-bottom: 2px solid #ddd;color: #000;font: 500 12px/1.3 Inter,Arial,Sans-serif;padding: 15px;border-radius: 20px}

#tab-reada.active {
    background: #cecece}

#tab-reada i {
    vertical-align: middle;margin-right: 6px}


#product-phoneul {
    padding: 0;list-style: none;margin: 0}

#product-phoneul li .product-phone-inner {
    display: inline-flex;table-layout: auto;padding: 10px;border: 1px solid #ededed;border-radius: 6px;background:#f7f7f7;gap: 20px;align-items: center;width: auto}

#product-phoneul li .product-phone-inner #phone-photo {
    text-align: center;height: 100px;width: 100px;position: relative;border: 1px solid #ededed;border-radius: 6px;background:#fff;
}

#product-phoneul li .product-phone-inner #phone-photo img {
    display: block;text-align: center;margin: 0 auto;max-width: 90%;margin: auto;position: absolute;bottom: 0;left: 0;right: 0;top: 0;height: auto;width: auto;max-height: 100%;z-index: 1}

#product-phoneul li .product-phone-inner #phone-info {
    display: table-cell;vertical-align: middle;padding: 0 10px}

#product-phoneul li .product-phone-inner #phone-info #phone-title {
    font: 300 15px/1.5 Inter,Arial,Helvetica,Sans-serif;color: #111;letter-spacing: -.3px}

#product-phoneul li .product-phone-inner #phone-info #phone-title strong {
    font-weight: 500}

#product-phoneul li .product-phone-inner #phone-info p {
    padding: 0;margin: 5px 0;font: 12px/1 Inter,Arial,Helvetica,Sans-serif;color: #111}

#product-phoneul li .product-phone-inner #phone-info p a {
    text-decoration: underline;color: #111}

.desc-container {display: flex;flex-wrap: wrap;width: 100%;max-width: 100%;/* height: 400px; */align-items: flex-start;/* gap:20px; */margin:0 auto;flex-direction: column;font: 13px/2 -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Inter;
        }
        .desc-container .box {display: flex;justify-content: center;align-items: center;font: 17px/2 Inter,Arial,helvetica,sans-serif;flex: 1 1 47%;
        }
        .desc-container .image {background-color: #eee;color: white;
        }
        .desc-container .imageimg{ display: block;max-width:100%;mix-blend-mode: multiply;max-height:400px; }
        .desc-container .text {background-color: white;color: black;
        }@media (max-width: 480px) {
            .desc-container {
                flex-direction: column;height: auto;
            }
           .desc-container  .box {flex: 1 1 100%;height: auto;
            }
        }



/* Alışveriş */
.main.alisveris{background:#F5F5F5;  }
.alisveris .area {/* padding:15px 0; */position:relative;max-width: 100%;margin:0 auto;}
.alisveris .area > .row{/* gap:30px; */justify-content: flex-start;align-items: flex-start;align-content: flex-start;}
.alisveris .area > .row .a-l{width: 73%;padding-left: 14%;background: #fff;padding-right: 30px;padding-top:30px;padding-bottom:100px;/* border-right: 1px solid #e6e6e6; *//* border-top: 1px solid #ededed; */}
.alisveris .area > .row .a-r{position:sticky;top:20px;height:100%;width: 30%;/* border-radius:10px; */padding:30px 0px 0 30px;padding-right: 12%;background:#F5F5F5;}

.bank-details {
}

.bank {margin-bottom: 10px;background-color: #f9f9f9;padding: 15px;border-radius: 10px;font-size:14px;
}

.bankp {
    margin: 5px 0;
}

.bankbutton {
    background-color: #007bff;color: #fff;border: none;padding: 10px 20px;cursor: pointer;border-radius: 4px;font:12px Inter,Arial,Helvetica,sans-serif;margin-top:10px;display:inline-block;width:auto;
}

.bankbutton:hover {
    background-color: #0056b3;
}
.hidden{display:none;}@media (hover: none) {
  a:hover { color: inherit; }
}@media(max-width: 1100px) {
 .payment-methods {
  align-items: center;background-color: #e5e5e5;border: 1px solid rgb(0 0 0 / 3%);border-radius: 12px;box-shadow: inset 0 0 10px #00000008;display: flex;justify-content: center;overflow: hidden;
 }
 
 .payment-methods a{background:none; }
 
 .payment-methods a.active{background: linear-gradient(180deg, transparent 42.71%, rgba(0, 0, 0, .05)), #fff;background-color: #fff;border: 1px solid #e7e7e7;border-radius: 10px;box-shadow: 0 0 2px #0000001a, 0 1px 1px #00000026;color: #000;cursor: pointer;cursor: default;font: 600 13px Inter,Arial, sans-serif;line-height: 14px;margin: 2px;padding: 10px 20px;white-space: nowrap;
 }
 
}

.sepet-urun{padding-bottom:50px; }
.sepet-urun #item{padding:15px;border-radius:10px;background:#fff;border:1px solid #ededed;margin-bottom:10px;overflow:hidden;position:relative;}
.sepet-urun #item .info{display:flex;gap: 5px;color: #999;z-index:99;border-radius: 10px 0 0 0;text-align:center;font: 500 10px/1.1 Arial,Helvetica,sans-serif;letter-spacing:-.1px;margin-bottom:6px;}
.sepet-urun #item .infospan{ padding:0px 10px;background: #f0f0f0;border-radius:10px;}
.sepet-urun #item .infospan:nth-child(2){background: #122636CC;color: rgba(255,255,255,.8);}
.sepet-urun #item .row{gap: 20px;justify-content: space-around;display: flex;align-content: center;align-items: center;}
.sepet-urun #item #img{border: 1px solid #ededed;background:#eee;padding: 10px;border-radius: 10px;width:150px;height:150px;position:relative;}
.sepet-urun #item #imga{ aspect-ratio: 1;display: flex;align-items: center;justify-content: center; }
.sepet-urun #item #imgimg{display: block;text-align: center;margin: 0 auto;max-width: 85%;margin: auto;position: relative;bottom: 0;left: 0;object-fit:scale-down;right: 0;top: 0;height: auto;width: auto;max-height:85%;z-index: 1;opacity: 0.9; /* Çok az şeffaflık */mix-blend-mode: multiply;filter: brightness(1.02); /* Hafif parlaklık artır */background: #f6f6f6;}
.sepet-urun #item #text{width: 50%;font: 12px/1.5 Inter,Arial,helvetica,sans-serif;color: #444;}
.sepet-urun #item #texta > b{ display:block;font-weight:600;height:50px;}
.sepet-urun #item #textspan{ display:block;line-height:2;font-size:10px;  }
.sepet-urun #item #texta{ color:#222;}
.sepet-urun #item #adet{ }
.sepet-urun #item #adet .qty-input{border-radius: 10px;background: #fff;}
.sepet-urun #item #adet .qty-input .product-qty{height:35px}
.sepet-urun #item #islem{text-align: center;width: 5%;}
.sepet-urun #item #price{margin-top: 10px;font:600 18px Inter,Arial,Helvetica,sans-serif;color: #FF6000CC;}
.sepet-urun #item #pricedel{ color:#555;font-size:12px;font-weight:normal;margin-bottom:5px;display:block}
.sepet-urun #item #islem{border: 1px solid #ededed;padding: 10px;border-radius: 10px;}
.sepet-urun #item #islema{color: #ddd;}
.sepet-urun #item #bottom{padding:20px  10px;font: 13px/1.5 Inter,Arial,helvetica,sans-serif;color: #666;}

.a-r_Total{ }
.a-r_Totalh3{ font:700 26px/1 Inter,Arial,Helvetica,sans,serif;color:#222;padding:0;margin:0}
.a-r_Totalspan{ color:green;font:12px/3 Inter,Arial,Helvetica,sans-serif;padding-left:5px;display:block; }
.a-r_Pa{border-radius:10px;margin:10px 0}
.a-r_Pa #intem{display:flex;justify-content: space-between;font:13px/2 Inter,Arial,Helvetica,sans-serif; }
.a-r_Pa #intem.total{color:red;}
.a-r_Pa #info-t{background:#eee;border-radius:5px;padding:0 10px;font:12px/3 Inter,Arial,Helvetica,sans-serif;color:#444; }
.a-r_Pa #more_b{padding:10px 15px;background:#007af0CC;color:#fff;border:0;font:500 13px/1.7 Inter,Arial,Helvetica,sans-serif;display:block;border-radius:6px;margin-bottom:5px;width:100%;text-align:center;}
.a-r_Pa #more_b:disabled{ background:#ccc;color:#000;}
.a-r_Pa #more_b.return{background:#999;color:#fff;  }
.a-r_Pa #more_b.delete{background:#e0e0e0;color:#666}

.ozel_urunler{ }
.ozel_urunler .o-u_Area{padding:20px;background:#efefef;border-radius:5px;   }
.ozel_urunler .o-u_Area .list{display:flex;gap:10px;flex-wrap: wrap; }
.ozel_urunler .o-u_Area .list .item{width: calc(100% / 2 - 10px);background:#fff;padding:10px;border:1px solid #ededed;border-radius:5px;}
.ozel_urunler .o-u_Area .list .item .row{gap: 10px;justify-content: flex-start;/* display: flex; */flex-wrap: wrap;align-items: center;}
.ozel_urunler .o-u_Area .list .item #img{border: 1px solid #ededed;padding: 10px;border-radius: 5px;background: #f9f9f9;min-width: 150px;max-width: 150px;height: 150px;position:relative;text-align: center;/* aspect-ratio: 1 / 1; */}
.ozel_urunler .o-u_Area .list .item #imgimg{display: block;text-align: center;margin: 0 auto;max-width: 90%;margin: auto;position: relative;bottom: 0;left: 0;/* object-fit: cover; */right: 0;top: 0;height: auto;/* width: max-content; */max-height: 90%;z-index: 1;/* aspect-ratio: 1 / 1; */}
.ozel_urunler .o-u_Area .list .item #img.phone{border-color: #ff9937CC;width: 50%;}
.ozel_urunler .o-u_Area .list .item #text{font: 13px/1.5 Inter,Arial,helvetica,sans-serif;color: #444;width: 60%;}
.ozel_urunler .o-u_Area .list .item #text >b{ height: 38px;-webkit-box-orient: vertical;-webkit-line-clamp: 3;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;white-space: normal;margin-bottom: 5px;}
.ozel_urunler .o-u_Area .list .item #textspan{ display:block;line-height:2;font-size:11px;  }
.ozel_urunler .o-u_Area .list .item #texta{ color:#222;}
.ozel_urunler .o-u_Area .list .item #price{margin-top: 10px;font: 18px/1 Inter,Arial,Helvetica,sans-serif;color: #000;height: 55px;}
.ozel_urunler .o-u_Area .list .item #pricedel{font-size: 12px;line-height:1.5;display:block;color:#666}
.ozel_urunler .o-u_Area .list .item #islem{/* text-align: center; */width: 100%;/* text-align:center; */}
.ozel_urunler .o-u_Area .list .item #islembutton{border: 0;font: 600 12px/2.4 Inter,Arial,Helvetica,sans-serif;b;background: #122636;Color: #fff;padding: 0 20px;border-radius: 6px;width: 100%;}
.ozel_urunler .o-u_Area .list .item #islema{color: #ddd;}
.ozel_urunler .o-u_Area .list .item #bottom{padding:20px  10px;font: 13px/1.5 Inter,Arial,helvetica,sans-serif;color: #444;}

.a_link{margin-bottom:20px; }
.a_link .row{gap:30px;justify-content: space-evenly}
.a_linka{  background:#d9dad2CC;width:100%;text-align:center;padding:10px 15px;color:#4a4f52CC;border-radius:10px;font:500 13px/1.6 Inter,Arial,Helvetica,sans-serif;letter-spacing:-.3px}

.a_linka.aktif{ background:#4a4f52CC;color:#fff}
.a_linka:hover{ background:#999;color:#fff}
.a_adres_form{padding:15px 0; }
.a_adres_form .row{gap:20px; }
.a_adres_form .row > .inp{flex: 50%; }
.a_adres_form .inp{margin-bottom:20px}
.a_adres_form .inplabel{ display:block;font:500 14px/1.6 Inter,Arial,Helvetica,sans-serif;margin-bottom:3px; }
.a_adres_form .inpinput,
.a_adres_form .inp select,
.a_adres_form .inp textarea{ display:block;width:100%;padding:15px;font:13px/1 Inter,Arial,Helvetica,sans-serif;color:#444;border-radius:10px;border:1px solid #e0e0e0;}
.a_adres_form .inpbutton{  background:#fdfcfa;border:1px solid #999;width:100%;text-align:center;padding:10px 15px;color:#999;border-radius:10px;font:500 13px/1.6 Inter,Arial,Helvetica,sans-serif;letter-spacing:-.3px;}
.a_adres_form .inpbutton i{ margin-left:5px;}
.a_adres_form .inpbutton:disabled{ border-color:#ddd;background:#ddd;color:#fff;}

.pagination{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:30px 0;padding:0;list-style:none;font-family:sans-serif;}
.paginationa,.pagination strong,.pagination span{padding:6px 12px;border:1px solid #ccc;border-radius:6px;text-decoration:none;color:#333;font-size:14px;transition:background 0.2s,color 0.2s;}
.paginationa:hover{background-color:#f0f0f0;color:#000;}
.paginationstrong{background-color:#007bff;color:#fff;border-color:#007bff;}
.paginationspan{border:none;color:#999;cursor:default;}
/* 📱 Mobil uyum: butonlar küçülür, satıra sığar */@media (max-width:480px){
  .pagination a,
  .pagination strong,
  .pagination span{
    font-size:12px;padding:5px 8px;min-width:auto;
  }
}


.adresler{margin-bottom:20px;margin-left:-10px;overflow: hidden;/* width: 100%; */}
.adresler .row{gap: 10px;display: flex;flex-wrap: wrap;flex: 1;align-content: stretch;align-items: stretch;width: 100%;padding-right: 12px;}
.adresler .rowlabel{display:flex;gap:10px;flex: 0 0 32%;font-family:Inter,Arial,Helvetica,sans-serif;position:relative;align-content: stretch;}
.adresler .row .item {z-index:16;border:1px solid #ededed;padding:15px;border-radius:5px;position:relative;padding-left:40px;width: 100%;flex: 0 0 100%;background: #fff;}
.adresler .row .itemstrong,.adresler .row .item span{  display:block;font-size:13px;line-height:1.5; }
.adresler .row .itemp{display: block;white-space: pre-wrap;}
.adresler .rowlabel input[type=radio]{ display:none; }
.adresler .row .radio-mark {position: absolute;display:block;height: 20px;top:20px;left:20px;width: 20px;background-color: #fff;border: 1px solid #ddd;border-radius: 50%;z-index: 20;}
.radioB .radio-mark::after {
  content: "";position: absolute;top: 3px;left: 3px;width: 8px;height: 8px;border-radius: 50%;background: #fff;color:#fff;z-index:21;
}
.adresler .rowinput:checked + .radioB + .item{ border-color:green} 
.adresler .rowinput:checked + .radioB .radio-mark{ background-color:green;border-color:green}
.adresler .rowinput:checked + .radioB .radio-mark::after {
  content: "";position: absolute;top: 5px;left: 5px;width: 8px;height: 8px;border-radius: 50%;background: #fff;color:#fff;z-index:21;
}






.kampanya-banner {background-color: #122636CC;color: white;padding: 15px 30px;margin:20px 0;border-radius: 50px;font: 600 13px/1.5 Inter,Arial,Helvetica,sans-serif;margin-bottom:30px;display: flex;align-items: center;gap: 10px;max-width: 100%;overflow: hidden;height: 60px;position: relative;}
.kampanya-banneri{ margin-right:5px; }
.slider-wrapper {display: flex;width: fit-content;animation: slide 20s linear infinite;}
.slider-text {display: inline-block;font-size: 16px;margin: 0 50px;white-space: nowrap;animation: blink 1s infinite;}@keyframes slide {
      0% {
        transform: translateX(0);
      }
      100% {transform: translateX(-50%);
      }
    }@keyframes blink {
      0%, 100% { opacity: 1; }
      50% {opacity: 0.4; }
    }@media (max-width: 600px) {
      .slider-text {
        font-size: 14px;margin: 0 30px;
      }
    }
 

.footer-bar{background:#F8F8F8;padding:15px 10px;font-family:sans-serif}
.footer-bar__flex{max-width:100%;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;text-align:center}
.footer-bar__feature{font:700 14px/3 Inter,Arial,Helvetica,sans-serif;text-transform:uppercase;color:#444;position:relative;flex:1;text-align:center;}
.footer-bar__feature:not(:last-child)::after{content:"";position:absolute;top:50%;right:0;transform:translateY(-50%);height:60%;width:1px;background:#ccc}

.footer-area {background-color: #1d1d1d;color: white;font-family: 'Inter',Arial,Helvetica, sans-serif;padding: 20px 15%;
}

.footer-container {display: grid;grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));gap: 30px;margin-bottom: 40px;
}

.footer-column >b {
 display:block;font: 17px 'Inter',Arial,Helvetica, sans-serif;margin-bottom: 15px;font-weight: bold;
}

.footer-columnul {
  list-style: none;padding: 0;margin: 0;
}

.footer-columnul li {
  margin-bottom: 10px;
}

.footer-columnul li a {
  color: #ccc;text-decoration: none;font-size: 14px;transition: color 0.3s;
}

.footer-columnul li a:hover {
  color: white;
}

.newsletterp {
  font-size: 13px;margin-bottom: 10px;
}

.newsletter-form {display: flex;margin-bottom: 15px;
}

.newsletter-forminput {
  flex: 1;padding: 8px;border: 1px solid #555;background-color: transparent;color: white;font-size: 14px;
}

.newsletter-formbutton {
  padding: 8px 16px;border: none;background-color: white;color: black;font-weight: bold;cursor: pointer;
}

.social-icons {display: flex;gap: 10px;font-size: 18px;margin-top: 10px;
}

.social-iconsi {
  color: white;background-color: #333;padding: 10px 13px;border-radius: 50%;transition: background 0.3s;width:40px;height:40px;text-align:center;
}

.social-iconsi:hover {
  background-color: #555;
}

.footer-bottom {border-top: 1px solid #333;padding-top: 20px;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;font-size: 13px;
}
.alert {padding: 12px 20px;margin: 10px 0;border-radius: 10px;color: #fff;font-weight:400;font: 12px/1.5 Inter,Arial,sans-serif;align-items: center}span.alert {
    display: inline-block!important;margin: 5px 0;padding: 4px 10px;font: 11px/1.5 Inter,Arial,sans-serif!important}

.alertp {
    padding: 0;margin: 0;font-size: 13px}

.alert-success {background: #3dc03c}

.alert-warning {background: #FF6000CC;color: #fff}

.alert.l-gray {background: #f0f0f0;color: #222}

.alert-error {background: #f03637}

.alert-info {background: #FF9937}

.alerta {
    mix-blend-mode: difference;color: gray}

.alert-primary {background: #c2c9d1}

.alert-primaryp,.alert-primary span {
    mix-blend-mode: difference;color: gray}

.alert-gray {background: lightgray}

.alert-grayp,.alert-gray span {
    mix-blend-mode: difference;color: lightgray}
.alertb{ font-weight:600; }
.alert-secondary {background: #b57bff}

.alert-secondaryp {
    mix-blend-mode: difference;color: #b57bff}

.alert-icon {margin-right: 10px;font-size: 20px}

.alert-content {flex: 1}

.payment-iconsimg {
  height: 28px;
}

/* Ana kart */
.kart {border-radius: 6px;overflow: hidden;background-color: #fff;font-family: Inter,Arial, sans-serif;margin-bottom:10px;
}
.kart.info2{border:1px solid #eee;}

/* Oval header */
.kart-header {border-bottom: 1px solid #eee;padding: 15px 20px;font-size: 16px;line-height:1.2rem;font-weight: 600;color: #fff;
}
.kart-header.collapse{cursor:pointer; }
/* Renk varyantları */
.kart.info2 .kart-header  {background:#f9f9f9;color:#333}
.kart.primary .kart-header  {background-color: #0d6efd; }
.kart.success .kart-header {background-color: #198754; }
.kart.warning .kart-header {background-color: #ffc107;color: #212529; }
.kart.danger  .kart-header {background-color: #dc3545; }
.kart.info    .kart-header {background-color: #0dcaf0;color: #212529; }

/* İçerik */
.kart-body {padding: 15px;color: #333;font-size:13px}
.kart-body.decol {display:none; }

/* Alt kısım (isteğe bağlı) */
.kart-footer {padding: 10px 20px;border-top: 1px solid #eee;text-align: right;background-color: #fafafa;
}

/* Uyumlu buton */
.kart-btn {background-color: #f5f5f5;color: #333;padding: 10px 20px;border: none;border-radius: 6px;font: 12px Inter,Arial,Helvetica,sans-serif;font-weight:500;cursor: pointer;transition: background 0.2s ease;display: inline-block;margin-bottom: 20px;
}

.kart-btn:hover {
  background-color: #333;color:#f5f5f5}




.account-container{display:flex;margin:0 auto;gap:30px;padding:20px;}
.account-sidebar{width:250px;background:#fff;padding:20px;border-radius:10px;box-shadow:0 0 2px #ccc;font-family: Inter,Arial,Helvetica,sans-serif;}
.account-sidebarh2{ font:14px/1.5 Inter,Arial,Helvetica-sans-serif;color:#000;padding:15px;margin:0;background:#f9f9f9;border-radius:10px;margin-bottom:10px}
.account-sidebarul{list-style:none;padding:0;margin: 0;}
.account-sidebarul li{/* margin-bottom:10px; */}
.account-sidebarul li a{text-decoration:none;color:#333;display:block;padding:8px 10px;border-radius:6px;font-size: 12px;}
.account-sidebarul li a:hover{background:#ddd;}
.account-content{flex-grow:1;background:#fff;padding:20px;border-radius:10px;box-shadow:0 0 2px #ccc;}


.dashboard-header{background:#fff;padding:20px;border-radius:10px;box-shadow:0 2px 5px rgba(0,0,0,0.05);margin-bottom:20px;}
.dashboard-headerh2{margin:0;color:#333;font-size:16px;}
.dashboard-headerp{font-size:13px;}
.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;}
.dashboard-box{background:#fff;padding:20px;border-radius:10px;text-align:center;transition:0.3s ease;}
.dashboard-box:hover{transform:translateY(-3px);box-shadow:0 5px 10px rgba(0,0,0,0.1);}
.dashboard-boxh3{margin:10px 0 5px;font-size:18px;color:#444;}
.dashboard-boxp{margin:0;font-size:12px;color:#666;}
.dashboard-boxa{display:inline-block;margin-top:10px;color:#007bff;text-decoration:none;font-weight:bold;font-size:11px;padding:10px;background:#eee;border-radius:6px;}
.dashboard-boxa:hover{background:#222;color:#fff;}

.adres-list{padding:0 20px;font-family:Inter,Arial,Helvetica,sans-serif;}
.adres-listh2{font-size:24px;margin-bottom:20px;color:#333;}
.adres-list .adres-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px;}
.adres-list .adres-kart{background:#fff;border:1px solid #ddd;border-radius:12px;padding:20px;box-shadow:0 1px 3px rgba(0,0,0,0.05);}
.adres-list .adres-baslik{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;}
.adres-list .etiket{background-color:#28a745;color:#fff;font-size:12px;padding:4px 8px;border-radius:6px;}
.adres-listp{font-size:13px;color:#444;line-height:1.5;margin:0 0 10px 0;}
.adres-list .adres-islem{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px;}
.adres-list .btn{padding:8px 14px;font:600 12px Inter,Arial,Helvetica,sans-serif;border-radius:5px;text-decoration:none;display:inline-block;transition:0.3s ease;border:0;}
.adres-list .btn.duzenle{background:#007bff;color:#fff;}
.adres-list .btn.duzenle:hover{background:#0056b3;}
.adres-list .btn.sil{background:#dc3545;color:#fff;}
.adres-list .btn.sil:hover{background:#a71d2a;}
.adres-list .btn.yeni-adres{background:#28a745;color:#fff;font-weight:bold;display:inline-block;margin-bottom:20px;}
.adres-list .btn.yeni-adres:hover{background:#1e7e34;}

.siparis-list{margin:40px auto;width:100%}
.siparis-listh2{font-size:28px;margin-bottom:30px;color:#222;}
.siparis-list .siparis-grid{display:grid;grid-template-columns: repeat(2, 1fr);gap:30px;}
.siparis-list .siparis-kart{background:#fff;border:1px solid #e2e2e2;border-radius:10px;padding:25px;box-shadow:0 2px 5px rgba(0,0,0,0.03);}
.siparis-list .siparis-ust{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;}
.siparis-list .siparis-usth3{margin:0;font-size:18px;color:#333;}
.siparis-list .tarih{font-size:12px;color:#888;margin-top:5px;}
.siparis-list .siparis-durum{padding:6px 14px;border-radius:30px;font-size:12px;color:#fff;font-weight:500;}
.siparis-list .siparis-durum.beklemede{background:#C3C3C2;}
.siparis-list .siparis-durum.kargoda{background:#ffc107cc;}
.siparis-list .siparis-durum.teslim{background:#28a745cc;}
.siparis-list .siparis-durum.iptal{background:#FF0000cc;}
.siparis-list .siparis-durum.tamamlandi{background:#222;}
.siparis-list .siparis-detaylarp{margin:6px 0;font-size:13px;color:#444;}
.siparis-list .siparis-butons{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px;}
.siparis-list .btn{padding:10px 16px;font-size:12px;border-radius:8px;text-decoration:none;display:inline-block;transition:0.3s ease;font-weight:500;}
.siparis-list .btn.detay{background:#007bff;color:#fff;}
.siparis-list .btn.detay:hover{background:#0056b3;}
.siparis-list .btn.fatura{background:#6c757d;color:#fff;}
.siparis-list .btn.fatura:hover{background:#343a40;}
.siparis-list .btn.destek{background:#17a2b8;color:#fff;}
.siparis-list .btn.destek:hover{background:#11707f;}

.sipaDeta.order-container{max-width:1100px;margin:30px auto;padding:20px;background:#fff;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,0.05);font-family:Inter,Arial,Helvetica,sans-serif;}
.sipaDeta .order-header{display:flex;justify-content:space-between;flex-wrap:wrap;margin-bottom:30px;gap:20px;padding: 20px;background: #f9f9f9;border-radius: 10px;}
.sipaDeta .order-header .left,.sipaDeta .order-header .right{flex:1;min-width:260px;}
.sipaDeta .order-headerh3{margin-bottom:10px;font-size:16px;color:#333;}
.sipaDeta .order-headerp{margin:4px 0;font-size:12px;color:#555;}
.sipaDeta .progress-bar{display:flex;justify-content:space-between;counter-reset:step;margin:30px 0;position:relative;}
.sipaDeta .progress-step{position:relative;text-align:center;flex:1;font-size:12px;display:flex;flex-direction:column;align-items:center;}
.sipaDeta .progress-step::before{content:counter(step);counter-increment:step;width:30px;height:30px;line-height:30px;border:2px solid #ccc;border-radius:50%;display:inline-block;background:#fff;color:#666;position:relative;z-index:1;margin-bottom:6px;}
.sipaDeta .progress-step::after{content:"";position:absolute;top:15px;left:50%;height:2px;width:calc(100% + 20px);background:#ccc;z-index:0;transform:translateX(-50%);}
.sipaDeta .progress-step:first-child::after{ border-radius:100px}
.sipaDeta .progress-step:last-child::after{ border-radius:100px}
.sipaDeta .progress-step.active::before{background:#007bff;color:#fff;border-color:#007bff;}
.sipaDeta .progress-step.active::after{background:#007bff;}
.sipaDeta .product-list{margin:20px 0;}
.sipaDeta .product-lista{color:#222}
.sipaDeta .product-item{display:flex;gap:15px;align-items:center;margin-bottom:15px;background:#fafafa;border-radius:8px;padding:10px;}
.sipaDeta .product-item .img{position:relative;width:80px;height:80px;border-radius:8px;overflow:hidden;padding: 10px;background:#eee;}
.sipaDeta .product-item .imgimg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:100%;max-height:100%;padding: 10px;}
.sipaDeta .product-info{  }
.sipaDeta .product-infoh4{margin:0 0 5px;font-size: 12px;}
.sipaDeta .product-infop{margin:0;font-size:11px;color:#444;}
.sipaDeta .order-summary{margin-top:20px;border-top:1px solid #eee;padding-top:15px;font-size:12px;}
.sipaDeta .order-summaryp{margin:6px 0;}
.sipaDeta .order-summary .coupon,.sipaDeta .order-summary .discount{color:#d9534f;}
.sipaDeta .order-summaryp strong{float:right;}
.sipaDeta .actions{margin-top:20px;}
.sipaDeta .actionsa{display:inline-block;margin:5px 5px 0 0;padding:8px 15px;border-radius:6px;background:#007bff;color:#fff;font-size:12px;text-decoration:none;}
.sipaDeta .actionsa.ora{ background:orange;}
.sipaDeta .actionsa.no{ background:red;}
.sipaDeta .actionsa.yes{ background:green;}
.sipaDeta .actionsa:hover{opacity:.7;}@media(max-width:768px){
.sipaDeta .order-header{flex-direction:column;}
.hesapBilgi .form-container{margin:20px;}
}


.hesapBilgi .form-container{max-width:600px;margin:40px auto;background:#fff;padding:25px;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,0.05);}
  .hesapBilgih2{font-size:22px;margin-bottom:20px;color:#333;}
  .hesapBilgi .form-group{margin-bottom:15px;}
  .hesapBilgilabel{display:block;margin-bottom:5px;font-weight:600;color:#444;font-size:14px;}
  .hesapBilgiinput[type="text"],
  .hesapBilgi input[type="email"],
  .hesapBilgi input[type="password"],
  .hesapBilgi input[type="tel"]{width:100%;padding:10px 12px;border:1px solid #ccc;border-radius:6px;font-size:14px;}
  .hesapBilgiinput:focus{border-color:#007bff;outline:none;}
  .hesapBilgi .submit-btn{background:#007bff;color:#fff;padding:10px 20px;border:none;border-radius:6px;font-size:14px;cursor:pointer;}
  .hesapBilgi .submit-btn:hover{background:#0056b3;}
 






.sticky-add-to-cart{position:fixed;bottom:0;width:100%;background: #fff;box-shadow: 1px 3px 10px rgba(0, 0, 0, 0.3);padding: 0 10px;display:none;z-index:999;Padding-bottom: constant (safe area inset bottom);Padding-bottom: env (safe area inset bottom);
  } 
.sticky-content{max-width: 95%;width: 1200px;margin:auto;display:flex;align-items: stretch;justify-content: space-between;flex-wrap:wrap;} 
.sticky-content .left{display:flex;align-items:center;gap:10px;padding: 5px 0;} 
.sticky-content .left #img{background: #f9f9f9;padding: 3px;border-radius: 10px;height: 50px;width: 50px;position:relative;border: 1px solid #ededed;}
.sticky-content .leftimg{display: block;text-align: center;margin: 0 auto;/* padding:10px; */margin: auto;max-width: 100%;position: absolute;bottom: 0;left: 0;right: 0;top: 0;max-height: 100%;width: auto;z-index: 1;transition: transform .4s;mix-blend-mode: multiply;}
.sticky-content .title{font: 12px Inter,Arial,Helvetica,sans-serif;font-weight:600;width: 50%;color: #111;} 
.sticky-content .right{display:flex;align-items: center;gap:15px;flex-wrap:wrap;color: #fff;height: 70px;} 
.sticky-content .price{font: 16px Inter,Arial,Helvetica,sans-serif;font-weight:bold;color: #000;letter-spacing: -0.3px;} 
.sticky-content .old-price{font-size:14px;color:#999;text-decoration:line-through;} 
.sticky-content .fiyat-alani{display:flex;flex-direction:column;} 
.sticky-content .add-to-cart-btn{background: #222;color:white;padding: 10px 38px;border:none;font: bold 12px/1 Inter,Arial,Helvetica,sans-serif;border-radius: 6px;height: 40px;cursor:pointer;}@media (max-width:768px){.sticky-content{flex-direction:column;align-items:flex-start;gap:10px;} 
.sticky-content .right{width:100%;justify-content:space-between;} 
.sticky-content .right .add-to-cart-btn{ }
.sticky-content .left{width:100%;display:none;}
.sticky-content .title{width: 100%;}      
.sticky-content .left img{width:50px;height:50px; }   
}@media(max-width: 1100px) {
    body {
        padding-bottom:100px}
    .site .alisveris {margin-top: 10px}

.sticky{position:relative;top:inherit; }

    #menu {position: absolute!important;left: 0;width: 100%}

    #menu a {display: none}
 
 
 .home-control{height:350px; } 
 .home-control .search {width:90%; }
 .home-control .search #form{width:100%;margin:20px auto; }
 .home-control .search h3{font-size:28px; }
 .home-control .search p{font-size:14px; }
 .home-control .search #form #fi input{font-size:13px; }
 .home-control .search #form #fi button{font-size:13px; }
 
 .product-list .row{gap:10px; }
 .product-list #item{width: calc(100% / 2);flex: 0 0 calc((100% - 10px ) / 2); }
 
 .detay-ust{border-top:5px solid #eee; }
 .detay-ust .site > .row{flex-direction: column}
 .detay-bilgi span{display: flex;align-items: center;justify-content: space-between;gap:4px;} 
 .detay-bilgi span i{margin-right: 0; }
 .detay-ust #text{width:100%; }
 .detay-orta .yorumlar .fotograflar .row {gap:10px; }
 .detay-orta .yorumlar .fotograflar .row #item{flex: 0 0 calc((100% - 10px ) / 2); }
 .detay-orta .yorumlar .yorum-list{padding: 20px;}
 .detay-orta .yorumlar .yorum-list ul li{flex: 0 0 100%; }
 .detay-ust #img{width:100%; }

}@media only screen and (max-width:768px){
.header-top{text-align:center;}
.header{padding:0;}
.site{max-width: 95%;}
.header .site{max-width:100%;}

.header .colTop{width:calc(100% / 3 - 10px) !important;}
.header .colTop#logo{width:50% !important;}

.header #link.mobile{width:10% !important;}

.header-menu{display:none;}
.promo__overlay{left:0;padding:20px; }
.header>.site>.row{overflow:hidden;gap:0px;padding:0px 10px;flex-wrap:wrap;max-width:100%;}

.header #link a{background: #f7f7f7CC;border: 0;color: #222;}
.header #link a span + *,.header #link a span + text{display:none;}
.header #link a span{margin:0;}
.header #link a.oner{background: lemonchiffon;}
.header #search{order:3;width:100% !important;margin:0;margin-bottom:10px;}

.header #logo{text-align:center;}
.header #logo a img{max-width: 50%;margin: 0 15px;}

.detay-page .area #photo{width:100%;}
.detay-page .area .detay{width:100%;padding: 10px 8px;background: none;}
.detay-page .area .detay h1{font-size: 22px;line-height: 1.3;letter-spacing: 0;}
.detay-page .area .taDet{display: flex;flex-direction: column;gap: 10px;background: #fff;padding: 10px;border-radius: 10px;border: 1px solid #ededed;margin-bottom: 10px;}
.detay-page .area > .row{flex-wrap:wrap;}
.detay-page .more-color ul li{flex: 0 0 calc((100% - 3 * 10px) / 3);}
.detay-page .more-color ul li a .text{display: block;margin-bottom:0;}
.detay-page .more-color ul li a #img {aspect-ratio:inherit;width:105px;height:105px;}
.detay-page .more-color ul li a #img img{max-height:95%;width:auto;}
.detay-page .more-color ul li a strong {display: block;font:500 12px/2 Inter,Arial,Helvetica,sans-serif}
.product-list #item .img{height: 230px !important;background: #f9f9f9;border-radius: 0;border: 0;}

.detay-page .area .detay #more-phone_link,.yorum-bilgi-top
    {}
.tab-links{/* flex-wrap:wrap; */flex-direction: row;gap:10px;*/justify-content: center;*/justify-content: center;*/justify-content: center;justify-content: flex-start;}
.tab-links li{/* width:100%; */border-radius:10px;flex: 0 0 0;width: auto;order:2}
.tab-links li.active{order:1;}
.tab-links a,.tab-links li:first-child a{border-radius:10px;500 12px/2Inter,Arial,Helvetica,font-family: sans-serif;padding: 5px 10px !important;}
.tab-content{padding:10px;}

.bottom .site{max-width:100%;}
.bottom .diger-urunler{padding:10px}

.diger-urunler{border-radius:0;padding:10px 0;}
.diger-urunler .site{background:#fff;padding:10px 0;}

.categories-full{display:none;}
.product-list #baslik{margin-bottom:20px;}
.product-list #baslik h3{font:600 28px/1 Inter,Arial,Helvetica,sans-serif}
.product-list #baslik p{font:300 13px/2 Inter,Arial,Helvetica,sans-serif}
.mark-list ul{gap:20px !important; }
.product-list #baslik a,
.mark-list #baslik a{position:relative;}
.mark-list #baslik a{margin-top:10px;display:inline-block;top:0;transform:translateY(0%)}
.home-control{height:auto;min-height:auto;}
.main.category-page .home-control .site{max-width:100%;}
.mark-list ul{padding-bottom:10px;}
.mark-list ul li{flex:1 0 calc(100%/2 - 20px);}
.alisveris .area > .row .a-r{box-shadow: 0 -2px 4px 0 rgba(0, 0, 0, .1);background:#fff}
.moDi{display:flex;justify-content: space-between;align-items: center;}
.moDi .a-r_Pa{margin:0;}
.moDi .a-r_Pa #more_b{font:600 13px/1.5 Inter,Arial,Helvetica,sans-serif}
.moDi .a-r_Total .row{gap:20px;align-items: center;}
.moDi .a-r_Total .moDi-Left span{line-height:1 !important;font:12px/1 Inter,Arial,Helvetica,sans-serif;color:#222}
.moDi .a-r_Total .moDi-Left span.active:after{}
.moDi .a-r_Total .moDi-Left i{font-size:18px;}
.moDi .a-r_Total b{font-size:13px;font-weight:normal}
.moDi .a-r_Total h3{font-size:15px;font-weight:600}
.moDi .a-r_Total span{line-height:2; }
.moDi-detay{display:none;padding:10px;background:#f5f5f5;border-radius:10px;margin-top:5px;}
.moDi-detay.active{display:block;}
.anasayfa .home-control .home-left{display:none;}
.anasayfa .home-control .home-right{/* display:none; */width: 100%;/* height: 100vh; */padding: 0;}
.anasayfa .home-control .row{/* flex-wrap:wrap; */display:flex;/* flex-direction:column; */}
.main.category-page .home-control .site > .row{flex-wrap:wrap;}
.category-page .home-control .home-left{display:block;}
.category-page .home-control .home-right{display:block;}
.category-page .home-control > .row{flex-wrap:nowrap; }
.phone-select .title #info p{padding:0;-webkit-line-clamp: 1;font: 11px / 1.9 Inter, Arial, Helvetica, sans-serif;}
.main.category-page .home-control > .row{flex-wrap:wrap; }
.main.category-page .home-control .home-right{width:100%;padding: 10px 10px 30px 10px;}
.new-product{background:#fff;padding:20px;border-radius:10px;margin-bottom:10px;}
.new-product .product-list #item{width:calc(100% / 2 - 10px);flex: 0 0 calc((100% - 2 * 10px) / 2);}
.phone-select .title #phone img{height: 75px;}
.phone-select .title h1{white-space:normal;font-size:13px;}

.mobile-filter{margin-top:10px;padding: 5px 7px;border-top: 1px solid #ededed;border-bottom: 1px solid #ededed;}
.mobile-filter span{display: flex;padding: 15px;color: #222;/* border-radius:10px; */font: 13px Inter,Arial,helvetica,sans-serif;justify-content: space-between;background: #f9f9f9;border: 1px solid  #eee;}

.category-page .home-control .row .home-left{width:100%;display:none;position:fixed;bottom:0;left:5px;right:5px;width:calc(100% - 10px);z-index:9;max-height: 70%;border-radius:10px 10px 0 0 /* Yeni nesil güvenli yükseklik */}
.category-page .home-control .row .home-left.active{display:block;z-index: 9999;max-height: none;height: 75%;top: unset;overflow: auto;}
.detay-page .more-color ul{padding: 10px;}
.product-list.category-list{ }
.product-list.category-list #item{flex: 0 0 calc((100%) / 2);border: 0;border-radius: 0;border-left: 1px solid #fff;}
.product-list.category-list #item:first-child{ border-left:0; }
.product-list.category-list #item:nth-child(2n+1){border-left:0; }
.product-list.gN #item #color_list{display:none;}
 .product-list #item .text{padding: 15px;}
.product-list #item .text strong{font: 500 13px/1.4 Inter,Arial,Helvetica,sans-serif;-webkit-line-clamp: 3;letter-spacing: 0;}

#color_list{height:38px;overflow:hidden;margin-bottom:10px;}
.detay-page .area .detay #havele-indirim{/* padding-top:15px; *//* justify-content: center; */}
.product-list #item #color_list .row{flex-direction:row;flex-wrap:wrap;}
.gallery{padding:20px;}
.detay-page .area .gallery{padding:20px; }
.gallery .main-image{height:350px;}
.gallery .thumbnails a{height:60px;width:60px;}
.detay-page .more-color{padding: 0;}
.new-product .inner{padding: 10px 0;margin:0;box-shadow:0 0 0}

.product-info{padding:0 5px;background:none;  }
.tab-links{border-radius: inherit;background: #222;width: auto;padding: 10px;}
.tab-content{/* padding: 20px 0; */font-size:13px;background:#fff;margin-top:0;border-radius:0 0 10px 10px}
.tab-content h3{font:600 16px Inter,Arial,Helvetica,sans-serif;padding:0;margin:0;margin-bottom:20px;}
.alisveris .area > .row{display:block !important;flex-wrap:wrap !important;flex-direction:column !important;}
.alisveris .area > .row .a-l{display:block;flex:100% !important;width:100% !important;padding:10px;}
.alisveris .area > .row .a-r{display:block;flex:100% !important;width:100% !important;overflow: hidden;padding:10px;position: fixed;bottom: 0;height: auto;z-index: 99;top: auto;}
.adresler .row label{flex:0 0 calc(100%  - 10px); }
.sepet-urun #item .row{flex-wrap: wrap;gap: 10px;}
.sepet-urun #item .item-col {flex: 0 1 calc(50% - 15px) !important;box-sizing: border-box;}
.sepet-urun #item #img{/* width: 100px; *//* height:100px; */}
.sepet-urun #item #text a > b{overflow:hidden;margin-bottom:10px;height:auto; }
.sepet-urun #item #img img{height:230px;width: auto;object-fit: cover;}

.a-r_Total + .a-r_Pa{display:flex}

.product-list.category-list .row{gap: 0;}

.gallery .thumbnails{justify-content:flex-start;}

.mark_area .liste .row .item{width:calc(100% / 2 - 10px);}
.cihaz_area .liste .row .item{width:calc(100% / 2 - 10px);}
.cihaz_area .liste .row .item a .text{padding:15px;}
.cihaz_area .liste .row .item a .text strong{font-size:16px;}

.aiText{/* background:#f4f4f4; */}
.detay-page .area .p-Ba{flex-wrap:wrap;flex-direction:column;gap:0;align-items: flex-start;padding: 10px;align-content: flex-start;background: #f4f4f4;}
.detay-page .area .detay #price{/* background: #f9f9f9; */margin: 10px 0 10px 0;border-radius: 10px;/* display: inline-block; */margin-bottom: 0;padding-bottom: 0;}
.detay-page .area .detay #price del{margin-top:7px;line-height:1}
.detay-page .basket-adet{width:100%;}
.detay-page #info-detay{display: flex;flex-wrap: wrap;gap: 0;margin-top: 10px;}
.detay-page #info-detay p{width:100%;margin: 0;margin-bottom: 5px;} 
.a_link .row{gap:5px;}
.a_link a{padding: 10px;font-size: 12px;}

.phone-select .title{padding:10px 0;}

.detay-bilgi .Bi{font:12px/1.5 Inter,Arial,Helvetica,sans-serif;padding:5px 10px;}

.main.alisveris #t-baslik {display:none;}
#logo-alisveris + hr{margin-bottom: 3px; }
.ozel_urunler .o-u_Area .list .item .row{flex-wrap:wrap;}
.ozel_urunler .o-u_Area .list .item > .row >  div{flex: 1 1 calc(50% - 5px); /* 2'li yan yana kutular */}
.ozel_urunler .o-u_Area .list .item #islem{flex: 1 1 100%;width: 100%;}
.ozel_urunler .o-u_Area .list .item #islem button{width:100%; }
.ozel_urunler .o-u_Area .list .item #img{width:75px;height:75px;}

.mark-list{padding:20px 0;margin:20px 0;}

.sepet-urun #item .row div{flex:1 0 50%;}

.modal-row{flex-wrap:wrap;}

.detay-ust #img{width:100% !important;}
.detay-ust #text{width:100% !important;}

.modal-row .detay-bilgi .row{flex-wrap:wrap;}
.modal-row .detay-bilgi .Bi{width:100% !important;text-align:center;}

.sag-kisim{margin-top:10px; }
.kargo-ikon{display: none; }
.product-list #item .text .price{display:block;height:auto;font: 600 16px/1.5 Inter,Arial,Helvetica,sans-serif;}
.product-list #item .text .price del{display:block;font-size: 13px;}
/*
.footer-container{ grid-template-columns: repeat(auto-fit, minmax(calc(100% / 2 - 30px), 0fr)); }
.newsletter-form input{ width:100%; }*/
.footer-area{padding:20px 5%; }
.footer-bar__flex{align-items:flex-start;text-align:center;flex-direction:column;gap:20px;}
.footer-bar__feature{padding-left:15px;}

.account-container{flex-wrap:wrap;padding:20px  0;}
.account-sidebar,.account-content {width:100%; }
.account-sidebar ul{display:none;}
.account-sidebar ul.active{display:block;}
.siparis-list .siparis-grid{grid-template-columns: 100%; }
.account-sidebar h2{padding:0;margin:0;font:14px Inter,Arial,Helvetica,sans-serif}
.dashboard-header{padding:0;border-radius:0;box-shadow:0 0 0}
.siparis-list{margin-top:0;}
.adres-list{padding:0;}
.account-content{padding:20px 10px;}
.dashboard-grid{grid-template-columns: repeat(auto-fit, minmax(120px, 2fr));}

/* Sidebar buton */
.sidebar-toggle{}

/* Arkaplan karartma */
.sidebar-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:1000;}
.sidebar-overlay.active{display:block;}

/* Sidebar */
.mobile-sidebar{position:fixed;top:0;left:-100%;width:80%;max-width:300px;height:100vh;background-color:white;z-index:1002;transition:left 0.3s ease;box-shadow:2px 0 10px rgba(0,0,0,0.2);overflow-y:auto;padding:20px;font-family:Inter,Arial,Helvetica,sans-serif; }
.mobile-sidebar.active{left:0;}
.sidebar-content #search{position:relative;padding:5px 10px;background:#fff;border:1px solid #e1e1e1;border-radius:20px;width:100%;height:auto;}
.sidebar-content #search.active{display:block;width:90%;margin-top:10px;}
.sidebar-content #search input{padding:10px;width:88%;background:#fff;font:normal 13px/1 Instrument Sans,Helvetica,sans-serif;border:0;color:#000;}
.sidebar-content #search button{padding:10px;font-size:16px;line-height:1;border:0;background:#fff;color:#333;position:absolute;right:10px;}
.sidebar-logo img{max-width:120px;margin-bottom:20px;}
.sidebar-section{margin-bottom:20px;font-family:Inter,Arial,Helvetica,sans-serif;}
.sidebar-section ul{height:40vh;overflow:auto;list-style:none;padding-left:0;}
.sidebar-section h3{margin-bottom:10px;font-size:18px;color:#333;}
.sidebar-section a{color:#333;font-size:12px;}
.sidebar-section ul li{padding:8px 0;border-bottom:1px solid #eee;}

.login-page .login-area{max-width:100%; }

};}
.category_bottom ul{ display:flex; gap:10px; list-style:none;  padding:0; margin:0;}
.category_bottom ul li {}
.category_bottom ul li a {display:block;border:1px solid #eee;border-radius:10px;background: #fff;padding: 10px 15px;color: #646464;letter-spacing: -0.5px;font: 500 13px Inter,Arial,helvetica,sans-serif;}
.category_bottom ul li a.active{background: #222;color: #fff;}

#t-baslik{padding: 12px 0;position:relative;}
#t-baslik h3{color: #122636CC;font: 600 24px/1 Inter,Arial,Helvetica,sans-serif;padding: 0;margin: 0;letter-spacing: -.3px}
#t-baslik p{color: #29475e;font: 300 12px/2 Inter,Arial,Helvetica,sans-serif;padding: 0;margin: 0;opacity:.5;}
#t-baslik a{background:#eee;color: #122636CC;padding:7px 18px;border-radius:6px;border:0;font:13px/2 Inter,Helvetica,sans-serif;position:absolute;right:0;top: 50%;transform: translateY(-50%);}
#t-baslik a span{ margin-right:5px; }

.product-list{position:relative;z-index: 99;}
.product-list.gN .row{flex-wrap: wrap;align-items: stretch;}
.product-list #baslik{ margin:40px 0; position:relative; }
.product-list #baslik h3{color: #122636CC;font: 600 36px/1 Inter,Arial,Helvetica,sans-serif;padding: 0;margin: 0;letter-spacing: -.3px}
.product-list #baslik p{color: #29475e;font: 300 15px/2 Inter,Arial,Helvetica,sans-serif;padding: 0;margin: 0;opacity:.5;}
.product-list #baslik a{background:#eee;color: #122636CC;padding:7px 18px;border-radius:6px;border:0;font:13px/2 Inter,Helvetica,sans-serif;position:absolute;right:0;top: 50%;transform: translateY(-50%);}
.product-list #baslik a span{ margin-right:5px; }
.product-list .row{gap: 5px;}
.grid.product-list .row{flex-wrap: wrap;}
.product-list #item{position:relative;background: #FFFFFF;/* border:1px solid transparent; *//* border-radius: 10px; */padding: 0;margin-bottom: 10px;transition: box-shadow 0.3s ease-out;/* width: calc(100% / 5 - 7px); */flex: 0 0 calc((100% - 5 * 5px) / 5);height:auto;}
.product-list #item .slogan{ position:absolute; display:none; top:25px; left:25px; z-index:2; displasy:flex; flex-direction: column; gap:5px;align-items: flex-start }
.product-list #item .slogan span{ display:inline-block; padding:5px 10px; border-radius:50px; background:#EA004B; color:#fff;font:600 11px/1.5 Inter,Arial,Helvetica,sans-serif; }
.product-list #item .slogan span#not{ background:#6A33D8; color:#fff;}
.product-list #item .slogan span#in{ background:#14854E; }
.product-list #item .img{height: 300px;background: #f7f7f7;border-radius: 10px;text-align:center;position:relative;overflow:hidden;display: flex;/* border: 1px solid rgb(231, 232, 235); */align-items: center;justify-content: center;}
.product-list #item .img img{display: block;text-align: center;margin: 0 auto;padding:10px;margin: auto;box-sizing: border-box;max-width: 100%;/* position: absolute; */bottom: 0;left: 0;object-fit: cover;right: 0;top: 0;max-height: 95%;width: auto;z-index: 1;transition: transform .4s;mix-blend-mode: multiply; /* üst-sağ-alt-sol boşlukları keser */}
.product-list #item .img:hover img{  transform: scale(1.09); }
.product-list #item .cargo{/* background:rgba(0,0,0,.041); */padding:10px 15px;position: absolute;z-index: 1;color:rgba(0,0,0,.4);border-radius: 0;font: 11px/1 Arial,Helvetica,sans-serif;/* border-bottom: 1px solid #f0f0f0; */opacity: 1;top: 0;display: none;width: 100%;}
.product-list #item .cargo .row{ justify-content: space-between; }
.product-list #item .text{/* padding:10px 0px; */padding: 10px 15px;}
.product-list #item .text > span{display:block;font: 500 13px/1.6 Inter,Arial,Helvetica,sans-serif;color: #999;}
.product-list #item .text strong{font: 600 13px/1.6 Inter,Arial,Helvetica,sans-serif;color: #393939;/* height: 38px; */-webkit-box-orient: vertical;-webkit-line-clamp: 2;display: -webkit-box;overflow: hidden;letter-spacing: -0.2px;text-overflow: ellipsis;white-space: break-spaces;/* margin-bottom:5px; */}
.product-list #item .text .price{font: 700 16px/1.6 Inter,Arial,Helvetica,sans-serif;color: #000;padding: 5px 0px;/* height: 50px; */overflow:hidden;letter-spacing: -0.3px;}
.product-list #item .text .price del{order: 1;color:#666;/* font-size:14px; */font-weight:400; margin-right:10px;}
.product-list #item .text .price span{ order:2; }
.product-list.category-list .row{gap: 5px;justify-content: flex-start;}
.product-list.category-list #item{flex: 0 0 calc((100% - 3 * 4px) / 3);/* border-radius: 0; */padding: 0;/* border: 0; */overflow: hidden;}
.product-list.category-list #item .text strong{/* height: 69px; */}
.product-list #item:hover .text strongA{ -webkit-line-clamp: 3; background:#fff; height:40px}
.product-list #item:hover .text #starA{ display:none}
.product-list.gN #item .slogan{ display:block; }
.product-list.gN #item:hover{ bordser:1px solid #eee; }
.product-list.gN #item:hover .img{ bacskground:rgb(231, 232, 235); border-radius: 10px 10px 0 0}
.product-list. #item #star{/* height:30px; */font:13px Inter,Arial,Helvetica,sans-serif;color:#222;}
.product-list #item #star{display:flex;align-items: center;justify-content: flex-start;gap: 5px;}
.product-list #item #star span{ font-size:13px;color:#f5a623;cursor:pointer;transition:color 0.2s ease;}
.product-list #item #star b{ font-size:11px; font-weight:normal; vertical-align:middle; color:#444}
.product-list #item #star p{ font:13px Inter,Arial,Helvetica,sans-serif; padding:0; margin:0; color:#222; }
.product-list.gN #item span.poBi{background:#6b849dCC color:#fff; padding:5px 10px; border-radius:6px; border:0; font:12px/1.4 Inter,Arial,Helvetica,sans-serif; display:inline-block }	
.product-list.gN #item span.poBi i{ margin-right:0px;}
.product-list.gN #item span#Positive{ background:#FBBC03CC; color:#444 }
.product-list.gN #item span#inStock{ background:#d9dad2CC; color:#4a4f52CC }
.product-list.gN #item .img{height: 350px;/* box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.02); */display: flex;align-items: center;justify-content: center;border-bottom: 1px solid #ddd;}
.product-list.gN #item .price{height: 33px;display: flex;}

.sepet-list{padding:20px;background:#eee;border-radius: 10px;}
.sepet-list #item{flex: 0 0 calc((100% - 3 * 8px) / 3);border-radius: 10px;overflow: hidden;}
.sepet-list .row{gap: 10px;}
.sepet-list.gN #item .img{height: 200px;border-radius:0;padding: 10px;background: #f7f7f7;}
.sepet-list.gN #item .text strong{-webkit-line-clamp: 2;background:inherit;height: 42px; position:relative;}
.sepet-list.gN #item .text #star{ display:flex}
.sepet-list.gN #item button{padding: 10px 15px;margin-top:10px;background:#007af0CC;color:#fff;border:0;font: 600 12px/1 Inter,Arial,Helvetica,sans-serif;display:none;border-radius:6px;margin-bottom:5px;width:100%;text-align:center;} 
.sepet-list.gN #item:hover button{ display:block;}
.sepet-list.gN #item .price{height:50px;align-items: center;}

.diger-urunler{background:#fff;padding: 20px 40px;border-radius:10px;margin-bottom:10px;}
.diger-urunler #item{flex: 0 0 calc((100% - 5 * 5px) / 5);box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.02);border-radius: 10px;padding: 0;}
.diger-urunler #item .img{height: 250px;}

#color_list{padding: 0;text-align: center;}
.product-list #item #color_list .row{gap:3px;justify-content: center;align-items: center;/* background: #f9f9f9; */margin: 0 auto;border-radius: 10px;padding: 10px;margin: 0 auto;/* width: 200px; */text-align: center;}
.product-list #item #color_list a,
.product-list #item #color_list span{display:inline-block;width: 20px;height: 20px;border-radius:100%;border:1px solid #ccc;box-shadow: 0px 0px 0px 2px rgba(255,255,255,1) inset;}
.product-list #item #color_list a.more,
.product-list #item #color_list span.more{ width:auto; border-radius:10px; border:0; margin-left:3px; background:none;  height:auto; font:12px/1 Inter,Arial,Helvetica,sans-serif; color:#999;}
.product-list #item #color_list a.active,
.product-list #item #color_list span.active{width: 24px;height: 24px;}
.new-product .inner{padding: 30px;background: #f2f2f2;margin-bottom:10px;border-radius:10px;/* box-shadow: inset 0 0 1px 0px rgba(0, 0, 0, .3); *//* border: 1px solid #e0e0e0; */}
.new-product .product-list .row{gap: 10px;}
.new-product .product-list #baslik{margin: 0;margin-bottom: 15px;}
.new-product .product-list #baslik h3{ font-size:24px;}
.new-product .product-list #item{flex: 0 0 calc((100% - 5 * 8px) / 5);}
.new-product .product-list #item .img{height: 175px;background: #fff;}
.new-product .product-list #item .text{ padding:5px 10px;}
.new-product .product-list #item .text strong{font: 400 13px/1.5 Inter,Arial,Helvetica,sans-serif;height: 57px;-webkit-line-clamp: 3;}
.new-product .product-list #item .text .price{ line-height:1; height:auto; }
.tt {
  position: relative;
  cursor: pointer;
  z-index:999
}

/* Tooltip kutusunu oluşturmak için before pseudo-element */
.tt:hover::after {
  content: attr(title);
  position: absolute;
  font:12px Inter,Arial,Helvetica,sans-serif;
  bottom: 125%; /* Üstünde çıkması için */
  left: 50%;
  transform: translateX(-50%);
  background-color: #333;
  text-align:center;
  color: #fff;
  padding: 6px 12px;
  border-radius: 4px;
  white-space: nowrap;
  z-index: 100;
  opacity: 1;
  pointer-events: none;
  transition: opacity 0.3s;
}

/* Tooltip okunu yapmak istersen (isteğe bağlı) */
.tt:hover::before {
  content: '';
  position: absolute;
  bottom: 115%;
  left: 50%;
  transform: translateX(-50%);
  border-width: 6px;
  border-style: solid;
  border-color: #333 transparent transparent transparent;
}


.tooltip {
  position: relative;
  cursor: pointer;
}

.tooltip::after {
  content: attr(title);
  position: absolute;
  bottom: 125%;
  left: 50%;
  transform: translateX(-50%);
  background-color: #000;
  color: #fff;
  padding: 6px 8px;
  border-radius: 4px;
  white-space: nowrap;
  font-size: 13px;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s;
  z-index: 99;
}

.tooltip:hover::after {
  opacity: 1;
}

/* Varsayılan title balonunu devre dışı bırakmak için title'ı JS ile silmek gerekebilir */


.main.cihaz{ padding:0; }
.mark_area{ padding:20px 0;}
.mark_area .liste{}
.mark_area .liste .row{gap: 15px;flex-wrap: wrap}
.mark_area .liste .row .item {width: calc(100%  / 5 - 12px);} 
.mark_area .liste .row .item a{display:flex;align-items: center;gap:0;background:#fff;color:#333;padding:0;border-radius:10px;flex-wrap:wrap;border:1px solid #ededed;overflow: hidden;}
.mark_area .liste .row .item a .ma-col{ width:100%;}
.mark_area .liste .row .item a .img{position:relative;height: 105px;background: #f5f5f5;padding:0px;border-bottom: 0px solid #e1e1e1;border-radius:5px 5px 0 0;}
.mark_area .liste .row .item a .img img{display: block;text-align: center;margin: 0 auto;padding:10px;margin: auto;max-width: 100%;position: absolute;bottom: 0;left: 0;right: 0;top: 0;max-height: 100%;width: auto;z-index: 1;transition: transform .4s;}
.mark_area .liste .row .item a .text{font-family:Inter,Arial,Helvetica,sans-serif;text-align:center;padding: 10px 0;display: block;}
.mark_area .liste .row .item a .text strong{display:block;font-weight:600;font-size: 14px;line-height: 2;}
.mark_area .liste .row .item a .text span{display:block;font-weight:400;font-size: 11px;color: #666666d6;margin-bottom: 6px;}
.mark_area .liste .row .item a:hover,
.mark_area .liste .row .item a:hover .img{ border-color:#ddd;}
.mark_area .liste .row .item a:hover .img{ background:#f9f9f9; }


.cihaz_area{ padding:20px 0;}
.cihaz_area .liste{}
.cihaz_area .liste .row{gap: 10px;flex-wrap: wrap;/* justify-content: flex-start; */align-items: stretch;align-content: stretch;}
.cihaz_area .liste .row .item {width: calc(100%  / 4 - 16px);/* height: 100%; */background: #fff;border: 1px solid #ededed;border-radius: 10px;overflow: hidden;} 
.cihaz_area .liste .row .item a{display:flex;gap: 0;color:#333;padding: 0;flex-wrap: wrap;flex-direction: column;overflow: hidden;}
.cihaz_area .liste .row .item a .img{position:relative;height: 175px;width: 100%;background: #f9f9f9;padding: 15px;border-bottom: 1px solid #ededed;border-radius: 5px 5px 0 0;}
.cihaz_area .liste .row .item a .img img{display: block;text-align: center;margin: 0 auto;padding:10px;margin: auto;max-width: 100%;position: absolute;bottom: 0;left: 0;right: 0;top: 0;max-height: 85%;width: auto;z-index: 1;transition: transform .4s;}
.cihaz_area .liste .row .item a .text{font-family:Inter,Arial,Helvetica,sans-serif;letter-spacing: -.5px;text-align: center;padding: 20px 0;}
.cihaz_area .liste .row .item a .text strong{display:block;font-weight:600;font-size: 15px;line-height:1.6rem}
.cihaz_area .liste .row .item a .text span{display:block;font-weight:400;line-height: 1.5rem;font-size: 12px;}
.cihaz_area .liste .row .item a:hover,
.cihaz_area .liste .row .item a:hover .img{ border-color:#eee;}
.cihaz_area .liste .row .item a:hover .img{ background:#fff; }

.detay-ust{ background:#fff; padding:30px 0px; }
.detay-ust .site > .row{ gap:20px; align-items: flex-start; }
.detay-ust #img{ width:200px; height:200px; background:#F7F7F7; padding:10px; text-align:center; position:relative; overflow:hidden; border-radius:10px; }
.detay-ust #img img{ display: block;text-align: center;margin: 0 auto;margin: auto;max-width: 85%;position: absolute;bottom: 0;left: 0;right: 0;top: 0;height: auto;width: auto;z-index: 1; max-height:85%; }
.detay-ust #text{ width:50%; }
.detay-ust #text .baslik h1{color: #111;font: 600 18px/1.5 Inter,Arial,Helvetica,sans-serif;padding: 0;margin: 0;letter-spacing: -.3px }
.detay-ust #text .baslik span#pazaryeri{ display:block; font: 600 14px/2 Inter,Arial,Helvetica,sans-serif; color:#05CB9FCC; }
.detay-bilgi{ margin-top:7px; }
.detay-bilgi .row{gap:5px;display: flex;justify-content: flex-start;}
.detay-bilgi a{ color:#fff; }
.detay-bilgi .Bi{background: #6b849dCC;color:#fff;padding:5px 18px;border-radius:6px;border:0;font: 12px/1.6 Arial,Helvetica,sans-serif;display: block;}	
.detay-bilgi .Bi i{ margin-right:5px; }
.detay-bilgi .Bi#notStock{ background:#EA004BCC }
.detay-bilgi .Bi#inStock{background: #007bff;}
.detay-bilgi .Bi#Positive{ background:#4285F4CC }
.detay-bilgi .Bi#Negative{ background:#FBBC03CC; color:#444; }
.detay-bilgi .Bi#count{background:#ededed;color: #646464;}
.detay-ust #text #degerlendir { margin-top:7px;}	
.detay-ust #text #degerlendir a{background:#05CB9FCC; display:inline-block; margin-top:7px; color:#fff; padding:5px 18px; border-radius:6px; border:0; font:13px/1.6 Inter,Arial,Helvetica,sans-serif; }	
.detay-ust #text #degerlendir p{ padding:0; margin:0; font:12px/2 Inter,Arial,Helvetica,sans-serif; opacity:.6; }	
.detay-orta{ min-height:700px; }
.detay-orta .yorumlar{ padding:40px 0; }
.detay-orta .yorumlar .fotograflar{ position:relative; padding:30px 40px; background:#fff; border-radius:10px; margin-bottom:35px;  }
.detay-orta .yorumlar #baslik{ position:relative; margin-bottom:15px; }
.detay-orta .yorumlar #baslik h3{ color: #111;font: 600 28px/1 Inter,Arial,Helvetica,sans-serif;padding: 0;margin: 0;letter-spacing: -.3px }
.detay-orta .yorumlar #baslik h3 i{ margin-right:5px; }
.detay-orta .yorumlar #baslik p{ color: #111;font: 300 15px/2 Inter,Arial,Helvetica,sans-serif;padding: 0;margin: 0; opacity:.5;}
.detay-orta .yorumlar #baslik a{ background:#6b849dCC color:#F1F5F9; padding:5px 18px; border-radius:6px; border:0; font:14px/1.6 InterHelvetica,sans-serif; position:absolute; right:0;top: 50%;transform: translateY(-50%);}
.detay-orta .yorumlar #baslik a span{ margin-right:5px; }
.detay-orta .yorumlar .fotograflar .row{ gap:20px; }
.detay-orta .yorumlar .fotograflar .row #item{ flex: 0 0 calc((100% - 5 * 20px) / 6); }
.detay-orta .yorumlar .fotograflar #img{ width:100%; height:150px; text-align:center; position:relative; overflow:hidden; background:#fff; border-radius:10px; border:2px solid rgba(0,0,0,.1);transition: transform .7s;  }
.detay-orta .yorumlar .fotograflar #img img{ display: block;text-align: center;margin: 0 auto;margin: auto;max-width: 85%;position: absolute;bottom: 0;left: 0;right: 0;top: 0;height: auto;width: auto;z-index: 1; transition: transform .7s;  transform: scale(1.5); cursor:pointer; }
.detay-orta .yorumlar .fotograflar #img:hover{ border:2px solid rgba(0,0,0,.6); }
.detay-orta .yorumlar .fotograflar #img:hover img{  transform: scale(1.75); }
.detay-orta .yorumlar .yorum-list{ margin:20px 0; padding:50px; background:#fff; border-radius:10px; }
.detay-orta .yorumlar .yorum-list hr{ background:rgba(0,0,0,.051); }
.detay-orta .yorumlar .yorum-list .row{align-items: stretch;gap: 29px;flex-direction: row;flex-wrap: wrap;}
.detay-orta .yorumlar .yorum-list ul{ padding:0; margin:0; list-style:none; }
.detay-orta .yorumlar .yorum-list ul li{flex: 0 0 32%;background:#EEEEEE;border:1px solid #eee;overflow:hidden;border-radius:10px;}
.detay-orta .yorumlar .yorum-list ul li #top{ background:#fff; padding:20px; }
.detay-orta .yorumlar .yorum-list ul li span#pazaryeri{ display:block; font: 600 14px/2 Inter,Arial,Helvetica,sans-serif; color:#05CB9FCC; }
.detay-orta .yorumlar .yorum-list ul li .detay-bilgi{}	
.detay-orta .yorumlar .yorum-list ul li #yorum-baslik{ color: #FF9937CC;font: 600 18px/1.5 Inter,Arial,Helvetica,sans-serif;padding: 0;margin: 0;letter-spacing: -.3px }
.detay-orta .yorumlar .yorum-list ul li #detay { padding: 20px; margin:0; font: 300 14px/1.5 Helvetica,sans-serif; height:144px; overflow:hidden; margin-bottom:30px;}
.detay-orta .yorumlar .yorum-list ul li #detay p:first-child{ padding-top:0; margin-top:0; }
.detay-orta .yorumlar .yorum-list ul li #detay p:last-child{ padding-bottom:0; margin-bottom:0; }
.detay-orta .yorumlar .yorum-list ul li #satin-alim {  padding:10px 20px;  font:11px/1 Arial,Helvetica,sans-serif; color:#999; background:#fff;}

 .yorum-kutusu {
      margin: 0 auto;
      display:flex;
      flex-wrap: wrap;
      gap: 5px;
    }
    
    .yorum-bilgi-top {
      color: #000;
      padding: 5px 0;
      line-height: 1;
      font-size: 11px;
    }

    .yorum-bilgi-top > div{
      display: flex;
      justify-content: flex-start;
      align-items: center;
      /* box-shadow: 0 1px 1px rgba(0,0,0,0.1); */
      align-content: center;gap:10px }
    .yorum-bilgi-top strong{font-weight:600;font-size: 11px;}
    .yorum-bilgi-top .ortalama-yildiz{display: block;}
    .yorum-bilgi-top .ortalama-yildiz span {
      font-size: 13px;
      color: #444;
    }
    .yorum-bilgi {
      background: #e7f3ff;
      color: #007bff;
      padding: 15px 20px;
      border-radius: 10px;
      margin-bottom: 20px;
      font-size: 13px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      box-shadow: 0 1px 5px rgba(0,0,0,0.1);
    }

    .yorum-bilgi .ortalama-yildiz span {
      font-size: 14px;
      color: #f5a623;
    }

     .yorum-bilgi-top .degerlendir-btn {
      background: #007bff;
      color: white;
      border: none;
      padding: 10px;
      font-size: 11px;
      line-height: 1;
      margin: 0;
      border-radius: 6px;
      cursor: pointer;
      transition: background 0.3s ease;
    }
    .degerlendir-btn {
      background: #007bff;
      color: white;
      border: none;
      padding: 10px 18px;
      font-size: 12px;
      border-radius: 6px;
      cursor: pointer;
      transition: background 0.3s ease;
    }

    .degerlendir-btn:hover {
      background: #0056b3;
    }
    
    .yorum {
      background: white;
      border-radius: 10px;
      padding: 20px;
      border: 1px solid #eee;
      flex: 0 0 calc(100% / 2 - 11px);
      font-family: 'Inter',Arial,Helvetica,sans-serif;
    }

    .yorum .isim {
      font-weight: bold;
      font-size: .81em;
      color: #333;
      margin-bottom: 5px;
    }

    .yorum .metin {
      color: #444;
      margin-bottom: 5px;
      font-size: .81em;
      font-weight: normal;
    }

    .yorum .yildizlar {
      color: #f5a623; /* yıldız rengi */
    }

    .yildizlar span {
      font-size: 15px;
      margin-right: 2px;
    }
    
#tab-limit.active{ height:100%;}
.product_Camp{ display:inline-flex; margin-top:10px; margin-bottom:-10px; gap:7px; background:#eee; padding:5px; border-radius:10px; }
.product_Camp a{ display:block; }
.product_Camp a:hover{ opacity:0.8; }
.product_Camp a img{ height:40px;display:block;}
.mark-list{padding: 60px 0px;background: #f9f9f9;margin: 60px 0;}
.mark-list #baslik{ margin-bottom:20px; position:relative; }
.mark-list #baslik h3{ color: #111;font: 600 36px/1 Inter,Arial,Helvetica,sans-serif;padding: 0;margin: 0;letter-spacing: -.3px }
.mark-list #baslik p{ color: #111;font: 300 15px/2 Inter,Arial,Helvetica,sans-serif;padding: 0;margin: 0; opacity:.5;}
.mark-list #baslik a{ background:#eee; color:#222; padding:7px 18px; border-radius:6px; border:0; font:13px/2 Inter,Helvetica,sans-serif; position:absolute; right:0;top: 50%;transform: translateY(-50%);}
.mark-list #baslik a span{ margin-right:5px; }
.mark-list ul{ margin:0; list-style:none; padding:0; gap:20px; }
.mark-list ul li{width:calc(100% / 5);padding:10px;border:1px solid #dedede;background: #fff;border-radius:10px;}
.mark-list ul li img{ display: block; max-width:100%; }

.bolum{ padding:10px 20px; border-radius:50px; color:#fff; background:#003F3C; font: 600 14px/1.5 Inter,Arial,Helvetica,sans-serif; margin-bottom:30px; }

.login-page{ background:#f4f4f4; padding:20px 0;}
.login-page .login-area{width:450px;margin:0 auto;}
.login-page .login-area .inner{background:#fff;border: 1px solid #e0e0e0;border-radius: 10px;overflow: hidden;}
.login-page .login-area h3{ margin-bottom:20px; display:block; text-align:center; font:16px/1 Inter,Arial,helvetica,sans-serif;}
.login-page .login-area h3 b{ font-weight:500; font-size:18px; margin-bottom:6px; display:block }
.login-page .login-area .l-tab{}
.login-page .login-area .l-tab .row{justify-content: space-between;background: #f2f2f2;/* flex: 0 1 25%; */}
.login-page .login-area .l-tab a{display:block;text-align:center;font:600 14px Inter,Arial,helvetica,sans-serif;color:#222;padding: 15px;flex: 0 1 50%;}
.login-page .login-area .l-tab a.aktif{background:#fff;color:#FF9937}
.login-page .login-area .l-area{padding: 20px;}
.login-page .login-area .l-form{padding: 10px 25px;}
.login-page .login-area  .pasge{ display:flex; font:13px/2 Inter,Arial,Helvetica,sans-serif; color:#666;justify-content: flex-end;}
.login-page .login-area  .l-info{ font:12px/2 Inter,Arial,Helvetica,sans-serif; color:#222;}

.l-check{ font:12px Arial,Helvetica,sans-serif; margin:10px 0;}
.l-check label{display:flex;/* justify-content: center; */gap: 10px;}
.l-check input{vertical-align:middle;}
.login-page .login-area .l-input{display:flex;justify-content: center;padding: 5px 0px;flex-direction: column;flex-wrap: wrap;}
.login-page .login-area .l-input label{width: 100px;font: 600 12px/3 Inter,Arial,Helvetica,sans-serif;color:#333}
.login-page .login-area .l-input input{border-radius: 6px;padding: 10px;border: 1px solid #ededed;font:13px/1.4 Inter,Arial,Helvetica,sans-serif; color:#222;}
.login-page .login-area button{ background:#FF9937CC; border-radius:6px; border:1px solid #FF9937CC; font:600 14px/2.7 Inter,Arial,Helvetica,sans-serif; color:#fff; display:block; width:100%; margin-top:30px; }
.login-page .login-area button:disabled{ background:#ddd;border-color:#ddd;}
.main.detay-page{background: #fff;}
.detay-page .area{border-radius:10px;/* border: 1px solid #f1f1f1; *//* background: #fff; */}
.detay-page .area > .row{gap: 0;padding: 0;align-items: flex-start;/* background: #F4F4F4; */border-radius:10px;align-items: stretch;}
.detay-page .area .detay{width: 50%;background: #fff;margin: 0;border-radius: 0;}
.detay-page .area .detay h1{color: #111;font: 600 18px/1.5 Inter,Arial,Helvetica,sans-serif;padding: 0;margin: 0;letter-spacing: -.3px }
.detay-page .area #photo {width: 50%;min-height: 450px;border-radius: 10px;/* overflow: hidden; *//* background: #f6f6f6; *//* position: sticky; *//* top: 10px; */}
.detay-page .area .gallery {width: 100%;margin: auto;font-family: sans-serif;background: #f7f7f7;padding: 20px 40px;border-radius: 10px;/* position: sticky; *//* top:0; */overflow: hidden;}

.detay-page #cargo-detay p#cargo {
    padding: 10px 15px;
    margin: 5px 0;
    border-radius: 10px;
    font: 11px/2 Inter,Arial,Helvetica,sans-serif;
    color: rgb(0 0 0 / .6)
}

.detay-page #cargo-detay p#cargo span {
    margin-right: 5px
}

.detay-page #cargo-detay p#cargo b {
    font-weight: 500
}

.detay-page .area .detay {
  padding: 0 30px;
  /* background: #fff; */
  border-radius: 10px;
  /* border: 1px solid #eee; */
  margin-left: 0;
  /* margin: 10px 0 0 0; */
  /* padding-left: 0; */
  top: 0;
  /* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05); */
}
.dIblo{/* background:#ffff; *//* padding:10px 15px; */border-radius:6px;display: block;color: #707070;font: 12px/1.8 Arial,helvetica,sans-serif;/* border: 1px solid #dedede; */}
.dIblo a{color: #363636;text-decoration: underline;}
.dIblo i{ margin-right:3px }

.detay-page .area .detay #tag {
    display: flex;
    gap: 5px;
    margin-bottom:10px;
}

.detay-page .area .detay #tag span {
    display: inline-block;
    padding: 7px 15px;
    background: #e7e7e7;
    color: #222;
    border-radius: 20px;
    font: 400 11px Inter,Arial,Helvetica,sans-serif;
}

.detay-page .area .detay #tag span a {
    color: #222;
}

.detay-page .area .detay #tag span#on {
    background: #e88a1bCC;
    color: #fff;
}

.detay-page .area .detay span#mark{
    display: block;
    padding: 5px 0;
    color: #007bff;
    border-radius: 20px;
    font: 600 13px/1 Inter,Arial,Helvetica,sans-serif;
    }
.detay-page .area .taDet{display: flex;flex-direction: column;gap: 10px;background: #fff;padding: 10px;border-radius: 10px;border: 1px solid #ededed;margin-bottom: 10px;}
.detay-page .area .taDet .taDet-detay{ margin:0; font: 12px/1 Inter,Arial,Helvetica,sans-serif;}
.detay-page .area .taDet .taDet-detay p{/* Background: #122636; */padding: 0;border-radius:10px;margin:0;color: #122636;display: flex;justify-content: space-between;align-items: center;align-content: center;}
.detay-page .area .detay h1 {
    color: #383838;
    font: 700 24px/1.3 Inter,Arial,Helvetica,sans-serif;
    padding: 0;
    margin: 0;
    /* letter-spacing: -.71px; */
}
.taDet-detay{ margin-bottom:20px;}
.cokalazode{font: 500 12px/1 Inter,Arial,Helvetica,sans-serif;}
.cokalazode strong{background: #05cb9f;
    color: #fff;
    margin-right:5px;
    padding: 5px;
    transform: rotate(357deg);
    display: inline-block;
    font: 900 10px/1 Inter,Arial,Helvetica,sans-serif;
    /* border-radius: 0 15px 0 15px; */
    text-shadow: 3px 2px rgba(255,255,255,.3);}
.cokalazode b{border-bottom: 2px dashed #222;}

.detay-page .area .detay #more-phone_link{
    margin: 0;
    padding: 10px 15px;
    font: 12px/1.5 Inter,Arial,Helvetica,sans-serif;
    color: #111;
    border-bottom: 1px solid #ededed;
    background: #fafafa;
    display: inline-block;
    margin-top: 10px;
    border-radius: 5px;
}
.detay-page .area .detay #more-phone_link .row{     justify-content: space-between; }
.detay-page .area .detay #more-phone_link a{color: #646464;}
/*.detay-page .area .detay #more-phone_link a{
      background: #122636CC;
      color: white;
      border: none;
      padding: 10px;
      font-size: 11px;
      line-height: 1;
      margin: 0;
      border-radius: 6px;
      cursor: pointer;
      transition: background 0.3s ease;
}*/

.detay-page .area .detay #price span {
    color: #222;
    display: inline-block;
    font: 700 32px/1 Inter,Arial,Helvetica,sans-serif;
    line-height: 1;
    letter-spacing: -0.2px;
    padding: 0;
    /* margin: 10px 0; */
}
.detay-page .area .detay #price span#p-Info{color:#fff;font-size:11px;color: rgba(0,0,0,0.3);display: block;margin-top: 10px;}

.detay-page .area .detay #price del {margin-left: 0;font-size: 15px;display: block;line-height: 2;}
.detay-page .area .p-Ba{padding: 10px;background: #f9f9f9;border-radius: 10px;color: #222;/* margin: 16px 0px; */display: flex;justify-content: space-between;/* gap: 20px; */flex-wrap: wrap;align-items: center;align-content: center;/* box-shadow: inset 0 0 1px 0px rgba(0, 0, 0, .3); *//* border: 1px solid #f1e9df; */}
.detay-page .area .detay #price{padding: 20px 0;/* padding-bottom: 0; */color: #222;margin-bottom: 0;}
.detay-page .area .detay #more_link_phone{ }
.detay-page .area .detay #more_link_phone a{color: #222;display:inline-block;background: #ffffff;padding: 10px 16px;border-radius:6px;font: 500 12px/1 Inter,Arial,Helvetica,sans-serif;margin-top:10px;border: 1px solid #eee;}
.detay-page .area .detay #price #indppi {color: #222;margin-right: 10px}

.detay-page #info-detay {
    display: flex;
    gap: 10px;
    flex: 100%;
}

.detay-page #info-detay p {
    gap: 5px;
    margin: 10px 0;
    display: flex;
    border: 1px solid #f0f0f0;
    align-items: center;
    background: #f9f9f9;
    padding: 10px 15px;
    width: 50%;
    border-radius: 6px;
    font: 11px /1 Inter,Arial, helvetica, sans-serif;
    color: #646464;
}

.detay-page #info-detay p span {
    margin-right: 3px;
    font-size: 17px;
    /* color: #fff; */
}
.detay-page #cargo-detay p#cargo {
    padding: 10px 15px;
    margin: 5px 0;
    border-radius: 10px;
    font: 11px/2 Inter,Arial,Helvetica,sans-serif;
    color: rgb(0 0 0 / .6)
}

.detay-page #cargo-detay p#cargo span {
    margin-right: 5px
}

.detay-page #cargo-detay p#cargo b {
    font-weight: 500
}

.quantity-selector {
  display: flex;
  width: 90px;
  height: 100%;
  border-radius: 5px;
  overflow: hidden;
  box-shadow: inset 0 0 0 1px #e5e7eb, 0 1px 3px rgba(0, 0, 0, 0.05); /* iç kenar ve hafif dış gölge */
  background-color: #fafafa;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Inter, Helvetica, Arial, sans-serif;
  align-items: stretch;
}

.quantity-value {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  font-weight: 500;
  background-color: #fff;
  color: #111827;
  height: 100%;
}

.quantity-controls {
  display: flex;
  flex-direction: column;
  width: 28px;
  border-left: 1px solid #e5e7eb;
  background-color: #ffffff;
}

.arrow {
  flex: 1;
  border: none;
  background: none;
  cursor: pointer;
  color: #111827;
  font-size: 10px;
  transition: background 0.2s;
}

.arrow:hover {
  background-color: #f3f4f6;
}


.detay-page .basket-adet {
    /* border-radius: 10px; */
    /* background: #eee; */
    /* box-shadow: 0 1px 2px rgb(18,18,18, .05); */
    margin-top: 0;
    position:relative;
    width: 100%;
    overflow:hidden;
}

.detay-page .basket-adet .cargo-date{ position:relative; padding:15px 25px; font:12px Inter,Arial,helvetica,sans-serif; color:#444; border-top:1px solid #ededed;}
.detay-page .basket-adet .cargo-date:before{ content: "";
    position: absolute;
    inset-inline: -2.6rem;
    top: 0;
    border-top: .2rem solid rgb(18,18,18, .05);
    }
.detay-page .basket-adet .row {gap: 10px;padding: 0px;display: flex;align-items: stretch;}
.detay-page .basket-adet .row .adet{margin: 0;/* padding: 5px; */height: inherit;background: #f9f9f9;border-radius: 5px;}


.detay-page .basket {
    width: 100%;
    display: flex;
    gap: 5px;
}

.detay-page .basket button {
    background: #007bff;
    color: #fff;
    border: 0;
    /* flex: 50%; */
    margin: 0;
    border: 1px solid #007bff;
    font: 600 14px/3 Inter,Arial,Helvetica,sans-serif;
    border-radius:5px;
    letter-spacing: -0.5px;
    cursor: pointer;
    flex: 75%;
}

.detay-page .basket button:hover{ filter: contrast(0.9)  }

.detay-page .basket button span {
    font-size: .71em
}


.detay-page .favori {
    display: flex;
    gap: 5px;
}

.detay-page .favori button {
    background: #fff;
    color: #646464;
    border: 0;
    /* flex: 50%; */
    margin: 0;
    padding:0 10px;
    border: 1px solid #ccc;
    font: 600 13px/3.2 Inter,Arial,Helvetica,sans-serif;
    border-radius:5px;
    letter-spacing: -0.1px;
    cursor: pointer;
    flex: 100%;
}
.detay-page #bottom-detay {
    display: flex;
    gap: 10px
}

.detay-page #bottom-detay span {
    width: calc(100% / 2);
    text-align: center;
    padding: 5px 10px;
    background: #f0f0f0;
    margin: 5px 0;
    min-height: 10px;
    border-radius: 10px;
    font: 600 12px/3 Poppins,Arial,Helvetica,sans-serif;
    color: rgb(0 0 0 / .82)
}

.detay-page #bottom-detay span i {
    margin-right: 5px;
    font-size: 18px;
    vertical-align: middle
}

.detay-page .more-color {
	padding: 10px;
	margin-bottom: 10px;
	/* margin-top: 0; */
	border-radius: 9px;
	background: #f9f9f9;
	/* border: 1px solid #eee; */
	/* box-shadow: 0 1px 2px rgb(18, 18, 18, .05); */
}

.detay-page .more-color #color-title {
    margin: 0px 0;
    margin-bottom:10px;
    font: 500 13px/1 Inter,Arial,Helvetica,sans-serif;
    color: #444;
}

.detay-page .more-color #color-title strong {
    /* color: #666; */
}

.detay-page .more-color ul {
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none;
    gap: 5px;
    /* padding-bottom: 10px; */
    height: auto;
    flex-wrap: wrap;
    /* background: #fff; */
    /* padding: 20px; */
    /* border-radius: 10px; */
    /* border: 1px solid #ddddddcc; */
    /* flex: 100px; */
    flex-direction: row;
    /* flex-direction: column; */
    /* justify-content: flex-end; */
}
.detay-page .area .detay #havele-indirim {padding: 10px 15px;margin-bottom: 0px;border-radius: 10px;color: #008a09;display: inline-flex;justify-content: flex-start;gap: 9px;align-items: center;/* text-align: right; */align-content: center;background: #edfef1;margin: 10px 0px;/* letter-spacing: 0 !important; */border: 1px solid #b9ecbd;}

.detay-page .area .detay #havele-indirim span{font: 12px /1  Arial, Helvetica, sans-serif !important;color: #008a09 !important;padding:0;margin:0 !important;letter-spacing: 0 !important;}
.detay-page .area .detay #havele-indirim span b{ color:green; }
.detay-page .more-color ul li{ background:#fff;border-radius:6px;overflow: hidden; }
.detay-page .more-color ul li a .row{flex-direction: column;align-items: center;font: 400 13px / 1.5 Inter, Arial, Helvetica, sans-serif;/* align-content: flex-start; */}
.detay-page .more-color ul li a .row span{color:#888;display: none;}
.detay-page .more-color ul li {/* text-align: center; */flex: 0 0 calc(100% / 6 - 5px);position: relative;/* mix-blend-mode: multiply; *//* height: 100px; *//* display: flex; *//* aspect-ratio: 1 / 1; */border: 1px solid #ddd;padding: 0;cursor:pointer;}

.detay-page .more-color ul li.active{padding: 0;border-color: #ccc;background: #007bff;color: #fff;overflow: hidden;}
.detay-page .more-color ul li.active a strong{color: #fff;}
.detay-page .more-color ul li.noStock {opacity: .4;order: 99}
.detay-page .more-color ul li.noStock img {filter: opacity(0.5);mix-blend-mode: multiply}

.detay-page .more-color ul li a {
    display: flex;
    padding: 0;
    /* border: 1px solid #ddd; */
    /* background: #222; */
    border-radius: inherit;
    /* align-items: center; */
    width: 100%;
    gap: 0;
    margin: 0;
    /* border-radius: 100%; */
    /* height: 100%; */
    /* flex-direction: column; */
    flex-wrap: wrap;
    text-align: center;
    justify-content: center;
}
.detay-page .more-color ul li:hover{border-color: #999;}
.detay-page .more-color ul li a .col{text-align: center;flex: 0 0 100%;/* margin-bottom: 10px; */}
.detay-page .more-color ul li a .text {margin: 0;padding: 10px;/* display: none; *//* color: #fff; */}
.detay-page .more-color ul li a #img {
    text-align: center;
    height: 100px;
    background: #fff;
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
    position: relative;
    display: flex;
    /* aspect-ratio:1/1; */
    border-bottom: 1px solid #eee;
    padding: 10px;
    align-items: center;
}

.detay-page .more-color ul li a #img img {
    display: block;
    text-align: center;
    margin: 0 auto;
    max-width:100%;
    margin: auto;
    position: relative;
    bottom: 0;
    left: 0;
    display: flex;
    object-fit: cover;
    right: 0;
    top: 0;
    height: auto;
    width: auto;
    max-height: 100%;
    z-index: 1;
    filter: brightness(1);
    mix-blend-mode: multiply;
    align-items: center;
}

.imgBoxModal{display:none;position:fixed;z-index:999;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,0.75);justify-content:center;align-items:center;}
.imgBoxModal .modal-content-img{background:#fff;width:95%;height:95%;border-radius:8px;display:flex;overflow:hidden;position:relative;flex-wrap:wrap;align-content: stretch;}
.imgBoxModal .left-thumbs{width:100px;background:#fff;padding:10px;overflow-y:auto;border-right:1px solid #ddd;}
.imgBoxModal .right-info .img{text-align:center;flex:0 0 calc(100% / 2 - 10px);position:relative;mix-blend-mode:multiply;height:100px;display:flex;aspect-ratio:1 / 1;border:1px solid #ddd;padding:10px;cursor:pointer;}
.imgBoxModal .right-info .img img{display:block;text-align:center;margin:0 auto;max-width:100%;margin:auto;position:relative;bottom:0;left:0;object-fit:cover;right:0;top:0;height:auto;width:auto;max-height:100%;z-index:1;filter:brightness(1);}
.imgBoxModal .right-info .img.active{border-color:#0073e6;}
.imgBoxModal .center-image{flex:1;display:flex;justify-content:center;align-items: flex-start;background:#fafafa;padding:20px;}
.imgBoxModal .center-image img{max-height:100%;max-width:100%;transition:opacity 0.3s ease-in-out;opacity:1;}
.fade-out {
  opacity: 0;
  transition: opacity 0.3s ease;
}

.fade-in {
  opacity: 1;
  transition: opacity 0.3s ease;
}
.imgBoxModal .right-info{width:300px;background:#fff;padding:20px;box-sizing:border-box;border-left:1px solid #ddd;}
.imgBoxModal .right-info h3{font-size:16px;margin:0 0 10px;}
.imgBoxModal .right-info p{font-size:14px;margin:5px 0;}
.imgBoxModal .right-info button{background: #007bff;color: white;border: none;padding: 10px;width:100%;font-size: 11px;line-height: 1;margin: 0;border-radius: 6px;cursor: pointer;transition: background 0.3s ease;font:600 13px/1 Inter,Arial,Helvetica,sans-serif; }
.imgBoxModal .close-btn{position:absolute;top:10px;right:15px;font-size:26px;font-weight:bold;cursor:pointer;color:#333;}
@media (max-width:768px){
.imgBoxModal .modal-content{flex-direction:column;}
.imgBoxModal .modal-content-img{height:95%;}
.imgBoxModal .left-thumbs{width:100%;height:80px;overflow-x:auto;overflow-y:hidden;display:flex;border-right:none;border-bottom:1px solid #ddd;}
.imgBoxModal .left-thumbs img{height:100%;width:auto;margin-right:10px;}
.imgBoxModal .center-image{height:50%;}
.imgBoxModal .right-info{width:100%;border-left:none;border-top:1px solid #ddd;}
}


.detay-page .more-color ul li a strong {
    font: 500 12px/1.2 Inter,Arial,Helvetica,sans-serif;
    color: #122636CC;
    /* text-align: center; */
    /* display: block; */
    /* white-space: nowrap; */
    /* overflow: hidden!important; */
    /* text-overflow: ellipsis; */
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    color: #000;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
}

.kargo-kutusu {
  display: flex;
  justify-content: space-between;
  align-items: center;
background: #f3fbf5;              /* ferah yeşil zemin */
  border: 1px solid #d0e6d8;        /* yumuşak sınır çizgisi */
  border-left: 5px solid #28a745;   /* güven veren yeşil çizgi */
  padding: 15px 0;
  border-radius: 10px;
  font-family: Inter,Arial,'Segoe UI', sans-serif;
  /* box-shadow: 0 2px 6px rgba(0,0,0,0.05); */
  gap: 10px;
}

.kargo-kutusu .sol-kisim {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-left: 15px;
}
.kargo-kutusu .kargo-ikon{ margin-right:10px }
.kargo-kutusu .kargo-ikon i {
  font-size:24px;
  --fa-primary-color: #28a745;
  --fa-secondary-color: #82bf92;
  /* padding: 10px; */
  /* border-radius: 50%; */
}

.kargo-kutusu .baslik {
  font-weight: bold;
  font-size: 13px;
  color: #1e4620;
  margin-bottom: 5px;
}

.kargo-kutusu .aciklama {
  color: #555;
  font-size: 11px;
  margin-top: 2px;
}

.kargo-kutusu .sag-kisim {
  text-align: right;
  margin-right: 15px;
}

.kargo-kutusu .teslimat-baslik {
  display: block;
  font-size: 12px;
  font-weight: 600;
  color: #333;
}

.kargo-kutusu .teslimat-tarih {
  font-size: 11px;
  color: #666;
}


.bilgi-kutusu{margin: 10px 0 0 0;padding:10px;background:#fff;font-family:Inter,Arial,Helvetica,sans-serif;border:1px solid #eee;border-radius:15px;}
.satir{display:flex;justify-content: flex-start;align-items: center;margin: 15px 0;flex-wrap: wrap;margin:15px 0;flex-wrap:wrap}
.sol{display:flex;align-items:center;flex:1;min-width:200px}
.ikon{color:#007bffcc;font-size:24px;margin-right:10px}
.metin{font-weight:600;color:#000; font-size:12px;}
.sag{font-size:11px;color:gray;margin-top:5px;white-space:nowrap}


.qty-input {
    color: #444;
    background: #eee;
    border: 1px solid #eee;
    display: inline-flex;
    align-items: center;
    overflow: hidden;
    border-radius: 10px;
    padding: 0;
    overflow: hidden
}

.qty-input .product-qty,.qty-input .qty-count {
    background: 0;
    color: #444;
    font-weight: 500;
    font-size: inherit;
    font-family: Roboto,Arial,Helvetica,Sans-serif;
    border: 0;
    display: inline-block;
    min-width: 0;
    height: 2.25rem;
    line-height: 1
}

.qty-input .product-qty:focus,.qty-input .qty-count:focus {
    outline: 0
}

.qty-input .product-qty {
    width: 40px;
    height: 46px;
    min-width: 0;
    margin: 3px 0;
    display: inline-block;
    text-align: center;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
    background: #fff;
}

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

.qty-input .qty-count {
    padding: 0;
    cursor: pointer;
    width: 2rem;
    font-size: 1.25em;
    /* text-indent: -100px; */
    overflow: hidden;
    position: relative;
    color: #fff;
}

.qty-input .qty-count:after,.qty-input .qty-count:before {
    content: "";
    height: 2px;
    width: 10px;
    position: absolute;
    display: block;
    background: #FF9937CC;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto
}

.qty-input .qty-count--add:after {
    transform: rotate(90deg)
}

.qty-input .qty-count:disabled {
    color: #ccc;
    cursor: not-allowed;
    border-color: #fff0
}

.qty-input .qty-count:disabled:after,.qty-input .qty-count:disabled:before {
    background: #ccc
}





    .gallery .main-image {
      position: relative;
      height: 650px;
      background: #f6f6f6;
      display: flex;
      align-items: center;
      align-content: center;
    }

    .gallery .main-image img {
		border-radius: 10px;
		display: block;
		text-align: center;
		margin: 0 auto;
		max-width: 100%;
		margin: auto;
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		top: 0;
		height: auto;
		width: auto;
		max-height: 100%;
		z-index: 1;
		object-fit: cover;
		opacity: 0.9; /* Çok az şeffaflık */
		mix-blend-mode: multiply;
		filter: brightness(1.02); /* Hafif parlaklık artır */
		background: #f6f6f6;
	}

    .gallery .arrow {
      position: absolute;
	  top: 50%;
	  transform: translateY(-50%);
	  font-size: 20px;
	  background: #fff;
	  color: #222;
	  padding: 15px 20px;
	  cursor: pointer;
	  line-height: 1;
	  z-index: 3;
	  border-radius: 100%;
	  text-align: center;
    }

    .gallery .arrow.left {
		left: -20px;
		box-shadow: -4px 5px 0px 0px #eee;
    }

    .gallery .arrow.right {
		right: -20px;
		box-shadow: 5px 4px 0px 0px #eee;
    }

    .thumbnails-wrapper {
      overflow: hidden;
      margin-top: 10px;
      background: #fff;
      padding: 5px 0;
      border-radius: 10px;
    }

    .thumbnails {
      display: flex;
      transition: transform 0.3s ease;
      gap: 10px;
      justify-content: flex-start;
    }

div#thumbContainer {
    text-align: center;
}
	 .thumbnails a {
	  position: relative;
	  width: 105px;
	  height: 105px;
	  flex-shrink: 0;
	  overflow: hidden;
	  border: 1px solid #ddd;
	  border-radius: 6px;
	  background: #f7f7f7;
	  display: flex;
	  align-items: center;
	  padding: 0;
	  justify-content: center;
	}

   .thumbnails a img {
  display: block;
  text-align: center;
  margin: auto;
  max-width: 90%;
  position: relative;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  height: auto;
  object-fit: cover;
  width: auto;
  box-sizing: border-box;
  z-index: 1;
  max-height: 90%;
  cursor: pointer;
		opacity: 0.9; /* Çok az şeffaflık */
		mix-blend-mode: multiply;
		filter: brightness(1.02); /* Hafif parlaklık artır */
		background: #f6f6f6;
}

    .thumbnails a.active {
      border-color: #FF9937CC;
    }


.bottom{padding:10px 0;margin: 10px 0;BACKGROUND: #f9f9f9;}

		.birlikMob{ display:flex; width:100%; justify-content: space-between;align-items: center; cursor:pointer; background:#dddddd; padding:15px; color:#191919; border-radius:5px; border:0;  font:600 13px/1 Inter,Arial,Helvetica,sans-serif;}
		.birlikMob span:last-child{ font-size:11px; }
		.join-product{/* padding:30px 0px; *//* margin-top:10px; */}
		.join-product h3{ padding:0; margin:0; font:400 16px/1 Inter,Arial,Helvetica,sans-serif; }
		.join-product h4{ padding:0; margin:0; font:600 26px/1.5 Inter,Arial,Helvetica,sans-serif; margin-bottom:20px; }
		.join-product .inner{padding:40px;background:#fff;border-radius: 10px;border: 1px solid #eee;}
		.join-product .inner span.plus{font-size: 44px; font-weight:700; display: flex;align-items: center;justify-content: center; display:none; }
		.join-product .inner > .row{ gap:30px;}
		.join-product .inner .product_list > .row{ gap:30px;align-items: stretch;}
		.join-product .inner .item{ width:200px; cursor:pointer; position:relative; display:none }
		.join-product .inner .item#master{ display:block}
		.join-product .inner .secBut{ position: absolute;top: 5px;right: 5px; }
		.join-product .inner .item #img{ text-align: center;width: 100%;height: 140px;position: relative; margin:0 auto; background:#F7F8F8; border-radius:5px; padding:10px; }
		.join-product .inner .item #img a{     display: block;background: #fff;padding: 10px; border-radius:5px;height: 100%; }
		.join-product .inner .item #img img {display:block;text-align:center;margin:auto;max-width:90%;position:absolute;bottom:0;left:0;right:0;top:0;height:auto;width:auto;max-height:90%;z-index:1}
		.join-product .inner span.plus.itemCiP(-n+3){ display:flex; }
		.join-product .inner .item.itemCi:nth-child(-n+7){ display:block; }
		.join-product .inner .item #text{ padding:10px 0px; }
		.join-product .inner .item #text span{height:44px;font:400 12px/1.7 Inter,Arial,Helvetica,sans-serif;margin-bottom:5px;-webkit-box-orient:vertical;-webkit-line-clamp:3;color:#000;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;white-space:normal}
		.join-product .inner .item #text .price strong{ font:700 18px/1.5 Inter,Arial,Helvetica,sans-serif; color:#000; display: block; }
		.join-product .inner .item #text .price del{ font:300 13px/1.5 Inter,Arial,Helvetica,sans-serif; color:#000; }
		.join-product .inner input{ display:none; }
		.join-product .inner .secim{  text-align:center; width:100%; cursor:pointer; Background:#1C89E3; padding:10px ; color:#fff; border-radius:5px; border:0;  font:600 18px/1 Inter,Arial,Helvetica,sans-serif; position:relative; z-index:99}
		.join-product .inner .secim#btS{ background:#eee; color:#666; }
		.join-product .inner #btS.disabled{ background:#eee; color:#222 }
		.join-product .inner input:not(:checked) ~ #btB{ display:none; }
		.join-product .inner input:not(:checked) ~ #btS{ display:block; }
		.join-product .inner input:checked ~ #btS{ display:none; }
		.join-product .inner input:checked ~ #btB{ display:block; }
		.birlikMobA{  padding:5px; color:#222; font: 12px/1 Arial,Helvetica,sans-serif;}

		.birlikClose{ display: none;font-size:26px; color:#000;}
		.join-product.active{ display:block; left: 50%;transform: translateX(-50%);margin: 0;position: fixed; z-index: 999; bottom: 10px; width: 1400px;margin: 0 auto;max-width: 97%; }
		.join-product.active .inner .item.itemCi{ display:block; }
		.join-product.active .inner .product_list{white-space: nowrap;overflow: auto; width:100%;}
		.join-product.active .inner > .row{ flex-direction: column;}
		.join-product.active .birlikMobA{ display:none;}
		.join-product.active .title .row{ justify-content: space-between;}
		.join-product.active .birlikClose{ display: block;}
		.join-product.active .join-total .add_cart{ padding:10px 20px; border-radius:10px; font-size:14px; line-height:2; }
		.join-product .join-total{ text-align:center; }
		.join-product .join-total #total_j{ margin-bottom:10px; font:400 13px/1.5 Inter,Arial,Helvetica,sans-serif; }
		.join-product .join-total .add_cart{ text-align:center; width:100%; cursor:pointer; Background:#F07B3F; padding:6px 20px; color:#fff; border-radius:15px; border:0; font:400 13px/1.5 Inter,Arial,Helvetica,sans-serif;}
		@media (max-width:1024px) {
			/*.moreColorRenk{ display:flex; width:100%; justify-content: space-between;align-items: center; cursor:pointer; background:#FF0000; padding:15px; color:#fff; border-radius:5px; border:0;  font:600 13px/1 Inter,Arial,Helvetica,sans-serif;}
			.more-color{ display:none; } 
			.more-color.active{ display:block;background:#fff !important; width:95%; left: 50%;transform: translateX(-50%);padding:15px; border-radius:10px 10px 0 0; }
			.more-color .title{ position:relative;  }
			.more-color #color-title{ margin-top:20px; }
			.more-color .title .row{ justify-content: space-between;align-items: center;flex-direction: row; }
			.more-color .title .row h4{ padding:0; margin:0; font:600 21px/1.5 Inter,Arial,Helvetica,sans-serif; }
			.more-color .title .row h3{ padding:0; margin:0; font:600 16px/1 Inter,Arial,Helvetica,sans-serif;  }*/
			.colorClose{ display: block;font-size:26px; color:#000;}
			.birlikClose{ display: block;}
			.join-product{ margin: 0;position: fixed;z-index: 999;bottom: 0;width: 98%; display:none; left:0; margin:0 auto;}
			.join-product .title{ position:relative; margin-bottom:20px; }
			.join-product .title .row{ justify-content: space-between; }
			.join-product h4{ margin-bottom:0; }
			.join-product .inner .secBut{ position: relative;top: 5px;right: 5px; }
			.join-product.active{ display:block; left: 50%;transform: translateX(-50%); /* Genişliğin yarısı kadar sola kaydır */}
			.join-product .product_list{ height: 300px;overflow: auto; padding:0 10px; }
			.join-product .inner{ padding:25px 15px; border-radius:10px 10px 0 0; }
			.join-product .inner > .row{ gap:5px;}			
			.join-product .inner .item{ width: 100%; }
			.join-product .inner > .row{ display: block; }
			.join-product .inner .product_list > .row{ gap:5px; flex-direction: column;  } 
			.join-product .inner .product_list  label{ display: flex; gap:5px;        align-items: center; }
			.join-product .inner .product_list > .row .item label div{ order:2; }
			.join-product .inner .product_list > .row .item label div:nth-child(3){ order:1; width:40px; overflow:hidden }
			.join-product .inner .item #img{ height:80px; width:110px; margin-bottom:5px; }
			.join-product .inner .item #img img{ max-height:75%; max-width:100%; }
			.join-product .inner .item #text{ width:250px; padding:0;padding-left: 10px; }
			.join-product .inner .item #text span{ -webkit-line-clamp: 2; height:40px;        line-height: 1.5; }
			.join-product .inner .item #text .price { display:flex; }
			.join-product .inner .item #text .price strong{ font-size:14px; line-height:1; order:2; }
			.join-product .inner .item #text .price del{  font-size:11px; order:1; margin-right:6px; }
			.join-product .inner .secim{ width:auto !important; padding:5px; font:500 18px/1 Inter,Arial,Helvetica,sans-serif}
			.join-product .inner input:not(:checked) ~ #btB{ display:none; }
			.join-product .inner input:not(:checked) ~ #btS{ display:inline-block !important; }
			.join-product .inner input:checked ~ #btS{ display:none; }
			.join-product .inner input:checked ~ #btB{ display:inline-block !important; }
			.join-product .inner span.plus{ display:none; }
			.join-product .join-total{ padding:20px; }
			.join-product .join-total .add_cart{ padding:10px 20px; border-radius:10px; font-size:14px; line-height:2; }
			.join-product .join-total #total_j{ font-size:15px; line-height:1.7; }
			
			.more-color-Mobile{ position: fixed;bottom: 0;width: 100%;z-index: 999;left: 0;right: 0;margin: 0 !important; }
		}
		
.1product-info {
    padding: 20px;
    background: #fff;
    border-radius: 10px;
    margin: -13px 0 10px 0px;
    border: 1px solid #eee;
    border-top-width: 1px;
}

.list-main #logo img {
    height: 40px
}

.tabs {
    max-width: 100%;
    margin: auto;
    /* background: #fff; */
    /* padding: 0 10px; */
    border-radius: 10px;
}

.tab-links {
    /* display: flex; */
    list-style: none;
    padding: 10px 30px;
    margin: 0;
    background: #eee;
    /* gap: 20px; */
    border-radius: 10px 10px 0 0;
    /* width: calc(100%/4); */
    justify-content: flex-start;
}

.tab-links li {
    text-align: center;
    /* width: calc(100% / 4); */
}

.tab-links a {
    display: block;
    padding: 10px 20px;
    font: 600 12px/2 Inter,Arial,Helvetica,sans-serif;
    text-decoration: none;
    background: #eee;
    color: #646464;
    border: 1px solid #eee;
    border-radius: 10px;
}

.tab-links .active a {
    background: #fff;
    color: #646464;
    border-color: #ccc;
}

.tab-content {
    padding: 20px 30px;
    /* margin-top: 10px; */
    font: 16px/1.8 Inter,Arial,Helvetica,sans-serif;
    color: #000;
    background: #fff;
}

.tab-content h3{ margin:0; padding:0; }
.tab {
    display: none
}

.tab.active {
    display: block
}

#tab-limit {
    max-height: 300px;
    overflow: hidden
}

#tab-limit.active {
    max-height: 100%
}

#tab-read {
    margin-bottom: 10px
}

#tab-read a {
    display: block;
    text-align: center;
    border-bottom: 2px solid #ddd;
    color: #000;
    font: 500 12px/1.3 Inter,Arial,Sans-serif;
    padding: 15px;
    border-radius: 20px
}

.gIndi{padding:5px;margin-bottom:10px;margin-top:-15px;color:#646464;border-radius:10px;border:1px solid #eee;}
.gIndi .row{gap:10px;align-items:stretch;}
.gIndi .row span#icon{padding:0 15px;border-right:1px solid #eee;font-size:17px;color:#122636;background:#f9f9f9;border-radius:10px 0 0 10px;margin:-5px 0 -5px -5px;display:flex;align-items:center;}
.gIndi .row span#text{padding:5px 0;font-family:Inter,Arial,Helvetica,sans-serif;}
.gIndi .row span#text strong{font-size:13px;margin-bottom:3px;display:block;}
.gIndi .row span#text p{font-size:11px;line-height:1.5;margin:0;padding:0;}



#tab-read a.active {
    background: #cecece
}

#tab-read a i {
    vertical-align: middle;
    margin-right: 6px
}


#product-phone ul {
    padding: 0;
    list-style: none;
    margin: 0
}

#product-phone ul li .product-phone-inner {
    display: inline-flex;
    table-layout: auto;
    padding: 10px;
    border: 1px solid #ededed;
    border-radius: 6px;
	background:#f7f7f7;
    gap: 20px;
    align-items: center;
    width: auto
}

#product-phone ul li .product-phone-inner #phone-photo {
    text-align: center;
    height: 100px;
    width: 100px;
    position: relative;
    border: 1px solid #ededed;
    border-radius: 6px;
	background:#fff;
}

#product-phone ul li .product-phone-inner #phone-photo img {
    display: block;
    text-align: center;
    margin: 0 auto;
    max-width: 90%;
    margin: auto;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    height: auto;
    width: auto;
    max-height: 100%;
    z-index: 1
}

#product-phone ul li .product-phone-inner #phone-info {
    display: table-cell;
    vertical-align: middle;
    padding: 0 10px
}

#product-phone ul li .product-phone-inner #phone-info #phone-title {
    font: 300 15px/1.5 Inter,Arial,Helvetica,Sans-serif;
    color: #111;
    letter-spacing: -.3px
}

#product-phone ul li .product-phone-inner #phone-info #phone-title strong {
    font-weight: 500
}

#product-phone ul li .product-phone-inner #phone-info p {
    padding: 0;
    margin: 5px 0;
    font: 12px/1 Inter,Arial,Helvetica,Sans-serif;
    color: #111
}

#product-phone ul li .product-phone-inner #phone-info p a {
    text-decoration: underline;
    color: #111
}

.desc-container {
            display: flex;
            flex-wrap: wrap;
            width: 100%;
            max-width: 100%;
            /* height: 400px; */
            align-items: flex-start;
            /* gap:20px; */
            margin:0 auto;
            flex-direction: column;
            font: 13px/2 -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Inter;
        }
        .desc-container .box {
            display: flex;
            justify-content: center;
            align-items: center;
            font: 17px/2 Inter,Arial,helvetica,sans-serif;
            flex: 1 1 47%;
        }
        .desc-container .image {
            background-color: #eee;
            color: white;
        }
        .desc-container .image img{ display: block; max-width:100%;mix-blend-mode: multiply; max-height:400px; }
        .desc-container .text {
            background-color: white;
            color: black;
        }

        @media (max-width: 480px) {
            .desc-container {
                flex-direction: column;
                height: auto;
            }
           .desc-container  .box {
                flex: 1 1 100%;
                height: auto;
            }
        }



/* Alışveriş */
.main.alisveris{background:#F5F5F5;  }
.alisveris .area {/* padding:15px 0; */position:relative;max-width: 100%;margin:0 auto;}
.alisveris .area > .row{/* gap:30px; */justify-content: flex-start;align-items: flex-start;align-content: flex-start;}
.alisveris .area > .row .a-l{width: 73%;padding-left: 14%;background: #fff;padding-right: 30px;padding-top:30px;padding-bottom:100px;/* border-right: 1px solid #e6e6e6; *//* border-top: 1px solid #ededed; */}
.alisveris .area > .row .a-r{position:sticky;top:20px;height:100%;width: 30%;/* border-radius:10px; */padding:30px 0px 0 30px;padding-right: 12%;background:#F5F5F5;}

.bank-details {
}

.bank {
    margin-bottom: 10px;
    background-color: #f9f9f9;
    padding: 15px;
    border-radius: 10px;
    font-size:14px;
}

.bank p {
    margin: 5px 0;
}

.bank button {
    background-color: #007bff;
    color: #fff;
    border: none;
    padding: 10px 20px;
    cursor: pointer;
    border-radius: 4px;
    font:12px Inter,Arial,Helvetica,sans-serif;
    margin-top:10px;
    display:inline-block;
    width:auto;
}

.bank button:hover {
    background-color: #0056b3;
}
.hidden{ display:none;}

@media (hover: none) {
  a:hover { color: inherit; }
}
@media(max-width: 1100px) {
	.payment-methods {
		align-items: center;
		background-color: #e5e5e5;
		border: 1px solid rgb(0 0 0 / 3%);
		border-radius: 12px;
		box-shadow: inset 0 0 10px #00000008;
		display: flex;
		justify-content: center;
		overflow: hidden;
	}
	
	.payment-methods a{ background:none; }
	
	.payment-methods a.active{ background: linear-gradient(180deg, transparent 42.71%, rgba(0, 0, 0, .05)), #fff;
    background-color: #fff;
    border: 1px solid #e7e7e7;
    border-radius: 10px;
    box-shadow: 0 0 2px #0000001a, 0 1px 1px #00000026;
    color: #000;
    cursor: pointer;
    cursor: default;
    font: 600 13px Inter,Arial, sans-serif;
    line-height: 14px;
    margin: 2px;
    padding: 10px 20px;
    white-space: nowrap;
	}
	
}

.sepet-urun{ padding-bottom:50px; }
.sepet-urun #item{ padding:15px; border-radius:10px; background:#fff; border:1px solid #ededed; margin-bottom:10px; overflow:hidden; position:relative;}
.sepet-urun #item .info{display:flex;gap: 5px;color: #999;z-index:99;border-radius: 10px 0 0 0;text-align:center;font: 500 10px/1.1 Arial,Helvetica,sans-serif;letter-spacing:-.1px; margin-bottom:6px;}
.sepet-urun #item .info span{ padding:0px 10px;background: #f0f0f0; border-radius:10px;}
.sepet-urun #item .info span:nth-child(2){background: #122636CC;color: rgba(255,255,255,.8);}
.sepet-urun #item .row{gap: 20px;display: flex;align-content: stretch;justify-content: space-between;align-items: center;}
.sepet-urun #item .item-col{/* flex: 1 0 calc(100% /  4 - 21px ) !important; */}
.sepet-urun #item #img{border: 1px solid #ededed;background:#eee;padding: 10px;border-radius: 10px;max-width: 100%;max-height: 100%;position:relative;flex: 1 0 20%;overflow: hidden;}
.sepet-urun #item #img a{aspect-ratio: 1;display: flex;align-items: center;justify-content: center;width: 100%;height: 150px;}
.sepet-urun #item #img img{
	display: flex;
	text-align: center;
	margin: 0 auto;
	max-width: 85%;
	margin: auto;
	position: relative;
	bottom: 0;
	left: 0;
	object-fit:scale-down;
	right: 0;
	top: 0;
	height: auto;
	width: auto;
	max-height:85%;
	z-index: 1;
	opacity: 0.9; /* Çok az şeffaflık */
	mix-blend-mode: multiply;
	filter: brightness(1.02); /* Hafif parlaklık artır */
	background: #f6f6f6;
	align-items: center;
	justify-content: center;
	}
.sepet-urun #item #text{width: 50%;font: 12px/1.5 Inter,Arial,helvetica,sans-serif;color: #444;flex: 1 0 50%;padding: 28px;}
.sepet-urun #item #text a > b{display:block;font-weight:600;/* height:50px; */}
.sepet-urun #item #text span{ display:block; line-height:2; font-size:10px;  }
.sepet-urun #item #text a{ color:#222;}
.sepet-urun #item #adet{flex: 0 1 15%;}
.sepet-urun #item #adet .qty-input{border-radius: 10px;background: #fff;}
.sepet-urun #item #adet .qty-input .product-qty{ height:35px }
.sepet-urun #item #islem{text-align: center;width: 5%;}
.sepet-urun #item #price{margin-top: 10px;font:600 18px Inter,Arial,Helvetica,sans-serif;color: #FF6000CC;}
.sepet-urun #item #price del{ color:#555; font-size:12px; font-weight:normal; margin-bottom:5px; display:block}
.sepet-urun #item #islem{border: 1px solid #ededed;padding: 10px;border-radius: 10px;flex: 0 1 15%;}
.sepet-urun #item #islem a{color: #ddd;}
.sepet-urun #item #bottom{padding:20px  10px;font: 13px/1.5 Inter,Arial,helvetica,sans-serif;color: #666;}

.a-r_Total{ }
.a-r_Total h3{ font:700 26px/1 Inter,Arial,Helvetica,sans,serif; color:#222; padding:0; margin:0}
.a-r_Total span{ color:green; font:12px/3 Inter,Arial,Helvetica,sans-serif; padding-left:5px; display:block; }
.a-r_Pa{ border-radius:10px; margin:10px 0 }
.a-r_Pa #intem{ display:flex; justify-content: space-between; font:13px/2 Inter,Arial,Helvetica,sans-serif; }
.a-r_Pa #intem.total{ color:red;}
.a-r_Pa #info-t{ background:#eee; border-radius:5px; padding:0 10px; font:12px/3 Inter,Arial,Helvetica,sans-serif; color:#444; }
.a-r_Pa #more_b{ padding:10px 15px; background:#007af0CC; color:#fff; border:0; font:500 13px/1.7 Inter,Arial,Helvetica,sans-serif; display:block; border-radius:6px; margin-bottom:5px; width:100%;  text-align:center;}
.a-r_Pa #more_b:disabled{ background:#ccc; color:#000;}
.a-r_Pa #more_b.return{  background:#999; color:#fff;  }
.a-r_Pa #more_b.delete{ background:#e0e0e0; color:#666}

.ozel_urunler{ }
.ozel_urunler .o-u_Area{ padding:20px; background:#efefef; border-radius:5px;   }
.ozel_urunler .o-u_Area .list{ display:flex; gap:10px; flex-wrap: wrap; }
.ozel_urunler .o-u_Area .list .item{width: calc(100% / 2 - 10px);background:#fff;padding:10px;border:1px solid #ededed;border-radius:5px;}
.ozel_urunler .o-u_Area .list .item .row{gap: 10px;justify-content: flex-start;/* display: flex; */flex-wrap: wrap;align-items: center;}
.ozel_urunler .o-u_Area .list .item #img{border: 1px solid #ededed;padding: 10px;border-radius: 5px;background: #f9f9f9;min-width: 150px;max-width: 150px;height: 150px;position:relative;text-align: center;/* aspect-ratio: 1 / 1; */}
.ozel_urunler .o-u_Area .list .item #img img{display: block;text-align: center;margin: 0 auto;max-width: 90%;margin: auto;position: relative;bottom: 0;left: 0;/* object-fit: cover; */right: 0;top: 0;height: auto;/* width: max-content; */max-height: 90%;z-index: 1;/* aspect-ratio: 1 / 1; */}
.ozel_urunler .o-u_Area .list .item #img.phone{border-color: #ff9937CC;width: 50%;}
.ozel_urunler .o-u_Area .list .item #text{font: 13px/1.5 Inter,Arial,helvetica,sans-serif;color: #444;width: 60%;}
.ozel_urunler .o-u_Area .list .item #text > b{ height: 38px;-webkit-box-orient: vertical;-webkit-line-clamp: 3;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;white-space: normal;margin-bottom: 5px;}
.ozel_urunler .o-u_Area .list .item #text span{ display:block; line-height:2; font-size:11px;  }
.ozel_urunler .o-u_Area .list .item #text a{ color:#222;}
.ozel_urunler .o-u_Area .list .item #price{margin-top: 10px;font: 18px/1 Inter,Arial,Helvetica,sans-serif;color: #000;height: 55px;}
.ozel_urunler .o-u_Area .list .item #price del{font-size: 12px;line-height:1.5;display:block;color:#666}
.ozel_urunler .o-u_Area .list .item #islem{/* text-align: center; */width: 100%;/* text-align:center; */}
.ozel_urunler .o-u_Area .list .item #islem button{border: 0;font: 600 12px/2.4 Inter,Arial,Helvetica,sans-serif;b;background: #122636;Color: #fff;padding: 0 20px;border-radius: 6px;width: 100%;}
.ozel_urunler .o-u_Area .list .item #islem a{color: #ddd;}
.ozel_urunler .o-u_Area .list .item #bottom{padding:20px  10px;font: 13px/1.5 Inter,Arial,helvetica,sans-serif;color: #444;}

.a_link{ margin-bottom:20px; }
.a_link .row{ gap:30px;justify-content: space-evenly }
.a_link a{  background:#d9dad2CC; width:100%; text-align:center; padding:10px 15px; color:#4a4f52CC; border-radius:10px;  font:500 13px/1.6 Inter,Arial,Helvetica,sans-serif; letter-spacing:-.3px}

.a_link a.aktif{ background:#4a4f52CC; color:#fff}
.a_link a:hover{ background:#999; color:#fff}
.a_adres_form{  padding:15px 0; }
.a_adres_form .row{gap:20px; }
.a_adres_form .row > .inp{ flex: 50%; }
.a_adres_form .inp{ margin-bottom:20px }
.a_adres_form .inp label{ display:block; font:500 14px/1.6 Inter,Arial,Helvetica,sans-serif; margin-bottom:3px; }
.a_adres_form .inp input,
.a_adres_form .inp select,
.a_adres_form .inp textarea{ display:block; width:100%; padding:15px; font:13px/1 Inter,Arial,Helvetica,sans-serif; color:#444; border-radius:10px; border:1px solid #e0e0e0;}
.a_adres_form .inp button{  background:#fdfcfa; border:1px solid #999;   width:100%; text-align:center; padding:10px 15px; color:#999; border-radius:10px;  font:500 13px/1.6 Inter,Arial,Helvetica,sans-serif; letter-spacing:-.3px;}
.a_adres_form .inp button i{ margin-left:5px;}
.a_adres_form .inp button:disabled{ border-color:#ddd; background:#ddd; color:#fff;}

.pagination{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:30px 0;padding:0;list-style:none;font-family:sans-serif;}
.pagination a,.pagination strong,.pagination span{padding:6px 12px;border:1px solid #ccc;border-radius:6px;text-decoration:none;color:#333;font-size:14px;transition:background 0.2s,color 0.2s;}
.pagination a:hover{background-color:#f0f0f0;color:#000;}
.pagination strong{background-color:#007bff;color:#fff;border-color:#007bff;}
.pagination span{border:none;color:#999;cursor:default;}
/* 📱 Mobil uyum: butonlar küçülür, satıra sığar */
@media (max-width:480px){
  .pagination a,
  .pagination strong,
  .pagination span{
    font-size:12px;
    padding:5px 8px;
    min-width:auto;
  }
}


.adresler{margin-bottom:20px;margin-left:-10px;overflow: hidden;/* width: 100%; */}
.adresler .row{gap: 10px;display: flex;flex-wrap: wrap;flex: 1;align-content: stretch;align-items: stretch;width: 100%;padding-right: 12px;}
.adresler .row label{display:flex;gap:10px;flex: 0 0 32%;font-family:Inter,Arial,Helvetica,sans-serif;position:relative;align-content: stretch;}
.adresler .row .item {z-index:16;border:1px solid #ededed;padding:15px;border-radius:5px;position:relative;padding-left:40px;width: 100%;flex: 0 0 100%;background: #fff;}
.adresler .row .item strong,.adresler .row .item span{  display:block; font-size:13px; line-height:1.5; }
.adresler .row .item p{display: block;white-space: pre-wrap;}
.adresler .row label input[type=radio]{ display:none; }
.adresler .row .radio-mark {
  position: absolute;
  display:block;
  height: 20px;
  top:20px;
  left:20px;
  width: 20px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 50%;
   z-index: 20;}
.radioB .radio-mark::after {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #fff;
  color:#fff;
  z-index:21;
}
.adresler .row input:checked + .radioB + .item{ border-color:green} 
.adresler .row input:checked + .radioB .radio-mark{ background-color:green; border-color:green}
.adresler .row input:checked + .radioB .radio-mark::after {
  content: "";
  position: absolute;
  top: 5px;
  left: 5px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #fff;
  color:#fff;
  z-index:21;
}






.kampanya-banner {background-color: #122636CC;color: white;padding: 15px 30px;margin:20px 0;border-radius: 50px;font: 600 13px/1.5 Inter,Arial,Helvetica,sans-serif;margin-bottom:30px;display: flex;align-items: center;gap: 10px;max-width: 100%;overflow: hidden;height: 60px;position: relative;}
.kampanya-banner i{ margin-right:5px; }
.slider-wrapper {display: flex;width: fit-content;animation: slide 20s linear infinite;}
.slider-text {display: inline-block;font-size: 16px;margin: 0 50px;white-space: nowrap;animation: blink 1s infinite;}
 @keyframes slide {
      0% {
        transform: translateX(0);
      }
      100% {
        transform: translateX(-50%);
      }
    }

    @keyframes blink {
      0%, 100% { opacity: 1; }
      50% { opacity: 0.4; }
    }

    @media (max-width: 600px) {
      .slider-text {
        font-size: 14px;
        margin: 0 30px;
      }
    }
	

.footer-bar{background:#F8F8F8;padding:15px 10px;font-family:sans-serif}
.footer-bar__flex{max-width:100%;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;text-align:center}
.footer-bar__feature{font:700 14px/3 Inter,Arial,Helvetica,sans-serif; text-transform:uppercase; color:#444;position:relative;flex:1;text-align:center;}
.footer-bar__feature:not(:last-child)::after{content:"";position:absolute;top:50%;right:0;transform:translateY(-50%);height:60%;width:1px;background:#ccc}

.footer-area {
  background-color: #1d1d1d;
  color: white;
  font-family: 'Inter',Arial,Helvetica, sans-serif;
  padding: 20px 15%;
}

.footer-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 30px;
  margin-bottom: 40px;
}

.footer-column > b {
	display:block;
  font: 17px 'Inter',Arial,Helvetica, sans-serif;
  margin-bottom: 15px;
  font-weight: bold;
}

.footer-column ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.footer-column ul li {
  margin-bottom: 10px;
}

.footer-column ul li a {
  color: #ccc;
  text-decoration: none;
  font-size: 14px;
  transition: color 0.3s;
}

.footer-column ul li a:hover {
  color: white;
}

.newsletter p {
  font-size: 13px;
  margin-bottom: 10px;
}

.newsletter-form {
  display: flex;
  margin-bottom: 15px;
}

.newsletter-form input {
  flex: 1;
  padding: 8px;
  border: 1px solid #555;
  background-color: transparent;
  color: white;
  font-size: 14px;
}

.newsletter-form button {
  padding: 8px 16px;
  border: none;
  background-color: white;
  color: black;
  font-weight: bold;
  cursor: pointer;
}

.social-icons {
  display: flex;
  gap: 10px;
  font-size: 18px;
  margin-top: 10px;
}

.social-icons i {
  color: white;
  background-color: #333;
  padding: 10px 13px;
  border-radius: 50%;
  transition: background 0.3s;
  width:40px;
  height:40px;
  text-align:center;
}

.social-icons i:hover {
  background-color: #555;
}

.footer-bottom {
  border-top: 1px solid #333;
  padding-top: 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  font-size: 13px;
}
.alert {
    padding: 12px 20px;
    margin: 10px 0;
    border-radius: 10px;
    color: #fff;
	font-weight:400;
    font: 12px/1.5 Inter,Arial,sans-serif;
    align-items: center
}

span.alert {
    display: inline-block!important;
    margin: 5px 0;
    padding: 4px 10px;
    font: 11px/1.5 Inter,Arial,sans-serif!important
}

.alert p {
    padding: 0;
    margin: 0;
    font-size: 13px
}

.alert-success {
    background: #3dc03c
}

.alert-warning {
    background: #FF6000CC;
    color: #fff
}

.alert.l-gray {
    background: #f0f0f0;
    color: #222
}

.alert-error {
    background: #f03637
}

.alert-info {
    background: #FF9937
}

.alert a {
    mix-blend-mode: difference;
    color: gray
}

.alert-primary {
    background: #c2c9d1
}

.alert-primary p,.alert-primary span {
    mix-blend-mode: difference;
    color: gray
}

.alert-gray {
    background: lightgray
}

.alert-gray p,.alert-gray span {
    mix-blend-mode: difference;
    color: lightgray
}
.alert b{ font-weight:600; }
.alert-secondary {
    background: #b57bff
}

.alert-secondary p {
    mix-blend-mode: difference;
    color: #b57bff
}

.alert-icon {
    margin-right: 10px;
    font-size: 20px
}

.alert-content {
    flex: 1
}

.payment-icons img {
  height: 28px;
}

/* Ana kart */
.kart {
  border-radius: 6px;
  overflow: hidden;
  background-color: #fff;
  font-family: Inter,Arial, sans-serif;
  margin-bottom:10px;
}
.kart.info2{ border:1px solid #eee;}

/* Oval header */
.kart-header {
  border-bottom: 1px solid #eee;
  padding: 15px 20px;
  font-size: 16px;
  line-height:1.2rem;
  font-weight: 600;
  color: #fff;
}
.kart-header.collapse{ cursor:pointer; }
/* Renk varyantları */
.kart.info2 .kart-header  { background:#f9f9f9; color:#333}
.kart.primary .kart-header  { background-color: #0d6efd; }
.kart.success .kart-header { background-color: #198754; }
.kart.warning .kart-header { background-color: #ffc107; color: #212529; }
.kart.danger  .kart-header { background-color: #dc3545; }
.kart.info    .kart-header { background-color: #0dcaf0; color: #212529; }

/* İçerik */
.kart-body {
  padding: 15px;
  color: #333;
  font-size:13px
}
.kart-body.decol { display:none; }

/* Alt kısım (isteğe bağlı) */
.kart-footer {
  padding: 10px 20px;
  border-top: 1px solid #eee;
  text-align: right;
  background-color: #fafafa;
}

/* Uyumlu buton */
.kart-btn {
  background-color: #f5f5f5;
  color: #333;
  padding: 10px 20px;
  border: none;
  border-radius: 6px;
  font: 12px Inter,Arial,Helvetica,sans-serif;
  font-weight:500;
  cursor: pointer;
  transition: background 0.2s ease;
  display: inline-block;
  margin-bottom: 20px;
}

.kart-btn:hover {
  background-color: #333;
  color:#f5f5f5
}




.account-container{display:flex;margin:0 auto;gap:30px;padding:20px;}
.account-sidebar{width:250px;background:#fff;padding:20px;border-radius:10px;box-shadow:0 0 2px #ccc;font-family: Inter,Arial,Helvetica,sans-serif;}
.account-sidebar h2{ font:14px/1.5 Inter,Arial,Helvetica-sans-serif; color:#000; padding:15px; margin:0; background:#f9f9f9; border-radius:10px; margin-bottom:10px }
.account-sidebar ul{list-style:none;padding:0;margin: 0;}
.account-sidebar ul li{/* margin-bottom:10px; */}
.account-sidebar ul li a{text-decoration:none;color:#333;display:block;padding:8px 10px;border-radius:6px;font: 13px Inter,Arial,Helvetica,sans-serif;}
.account-sidebar ul li a:hover{background:#ddd;}
.account-content{flex-grow:1;background:#fff;padding:20px;border-radius:10px;box-shadow:0 0 2px #ccc;}


.dashboard-header{background:#fff;padding:20px;border-radius:10px;box-shadow:0 2px 5px rgba(0,0,0,0.05);margin-bottom:20px;}
.dashboard-header h2{margin:0;color:#333;font-size:16px;}
.dashboard-header p{font-size:13px;}
.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;}
.dashboard-box{background:#fff;padding:20px;border-radius:10px;text-align:center;transition:0.3s ease;}
.dashboard-box:hover{transform:translateY(-3px);box-shadow:0 5px 10px rgba(0,0,0,0.1);}
.dashboard-box h3{margin:10px 0 5px;font-size:18px;color:#444;}
.dashboard-box p{margin:0;font-size:12px;color:#666;}
.dashboard-box a{display:inline-block;margin-top:10px;color:#007bff;text-decoration:none;font-weight:bold;font-size:11px;padding:10px;background:#eee;border-radius:6px;}
.dashboard-box a:hover{background:#222;color:#fff;}

.adres-list{padding:0 20px;font-family:Inter,Arial,Helvetica,sans-serif;}
.adres-list h2{font-size:24px;margin-bottom:20px;color:#333;}
.adres-list .adres-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px;}
.adres-list .adres-kart{background:#fff;border:1px solid #ddd;border-radius:12px;padding:20px;box-shadow:0 1px 3px rgba(0,0,0,0.05);}
.adres-list .adres-baslik{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;}
.adres-list .etiket{background-color:#28a745;color:#fff;font-size:12px;padding:4px 8px;border-radius:6px;}
.adres-list p{font-size:13px;color:#444;line-height:1.5;margin:0 0 10px 0;}
.adres-list .adres-islem{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px;}
.adres-list .btn{padding:8px 14px;font:600 12px Inter,Arial,Helvetica,sans-serif;border-radius:5px;text-decoration:none;display:inline-block;transition:0.3s ease;border:0;}
.adres-list .btn.duzenle{background:#007bff;color:#fff;}
.adres-list .btn.duzenle:hover{background:#0056b3;}
.adres-list .btn.sil{background:#dc3545;color:#fff;}
.adres-list .btn.sil:hover{background:#a71d2a;}
.adres-list .btn.yeni-adres{background:#28a745;color:#fff;font-weight:bold;display:inline-block;margin-bottom:20px;}
.adres-list .btn.yeni-adres:hover{background:#1e7e34;}

.siparis-list{margin:40px auto; width:100%}
.siparis-list h2{font-size:28px;margin-bottom:30px;color:#222;}
.siparis-list .siparis-grid{display:grid;grid-template-columns: repeat(2, 1fr);gap:30px;}
.siparis-list .siparis-kart{background:#fff;border:1px solid #e2e2e2;border-radius:10px;padding:25px;box-shadow:0 2px 5px rgba(0,0,0,0.03);}
.siparis-list .siparis-ust{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;}
.siparis-list .siparis-ust h3{margin:0;font-size:18px;color:#333;}
.siparis-list .tarih{font-size:12px;color:#888;margin-top:5px;}
.siparis-list .siparis-durum{padding:6px 14px;border-radius:30px;font-size:12px;color:#fff;font-weight:500;}
.siparis-list .siparis-durum.beklemede{background:#C3C3C2;}
.siparis-list .siparis-durum.kargoda{background:#ffc107cc;}
.siparis-list .siparis-durum.teslim{background:#28a745cc;}
.siparis-list .siparis-durum.iptal{background:#FF0000cc;}
.siparis-list .siparis-durum.tamamlandi{background:#222;}
.siparis-list .siparis-detaylar p{margin:6px 0;font-size:13px;color:#444;}
.siparis-list .siparis-butons{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px;}
.siparis-list .btn{padding:10px 16px;font-size:12px;border-radius:8px;text-decoration:none;display:inline-block;transition:0.3s ease;font-weight:500;}
.siparis-list .btn.detay{background:#007bff;color:#fff;}
.siparis-list .btn.detay:hover{background:#0056b3;}
.siparis-list .btn.fatura{background:#6c757d;color:#fff;}
.siparis-list .btn.fatura:hover{background:#343a40;}
.siparis-list .btn.destek{background:#17a2b8;color:#fff;}
.siparis-list .btn.destek:hover{background:#11707f;}

.sipaDeta.order-container{max-width:1100px;margin:30px auto;padding:20px;background:#fff;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,0.05);font-family:Inter,Arial,Helvetica,sans-serif;}
.sipaDeta .order-header{display:flex;justify-content:space-between;flex-wrap:wrap;margin-bottom:30px;gap:20px;padding: 20px;background: #f9f9f9;border-radius: 10px;}
.sipaDeta .order-header .left,.sipaDeta .order-header .right{flex:1;min-width:260px;}
.sipaDeta .order-header h3{margin-bottom:10px;font-size:16px;color:#333;}
.sipaDeta .order-header p{margin:4px 0;font-size:12px;color:#555;}
.sipaDeta .progress-bar{display:flex;justify-content:space-between;counter-reset:step;margin:30px 0;position:relative;}
.sipaDeta .progress-step{position:relative;text-align:center;flex:1;font-size:12px;display:flex;flex-direction:column;align-items:center;}
.sipaDeta .progress-step::before{content:counter(step);counter-increment:step;width:30px;height:30px;line-height:30px;border:2px solid #ccc;border-radius:50%;display:inline-block;background:#fff;color:#666;position:relative;z-index:1;margin-bottom:6px;}
.sipaDeta .progress-step::after{content:"";position:absolute;top:15px;left:50%;height:2px;width:calc(100% + 20px);background:#ccc;z-index:0;transform:translateX(-50%);}
.sipaDeta .progress-step:first-child::after{ border-radius:100px}
.sipaDeta .progress-step:last-child::after{ border-radius:100px}
.sipaDeta .progress-step.active::before{background:#007bff;color:#fff;border-color:#007bff;}
.sipaDeta .progress-step.active::after{background:#007bff;}
.sipaDeta .product-list{margin:20px 0;}
.sipaDeta .product-list a{color:#222}
.sipaDeta .product-item{display:flex;gap:15px;align-items:center;margin-bottom:15px;background:#fafafa;border-radius:8px;padding:10px;}
.sipaDeta .product-item .img{position:relative;width:80px;height:80px;border-radius:8px;overflow:hidden;padding: 10px;background:#eee;}
.sipaDeta .product-item .img img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:100%;max-height:100%;padding: 10px;}
.sipaDeta .product-info{  }
.sipaDeta .product-info h4{margin:0 0 5px;font-size: 12px;}
.sipaDeta .product-info p{margin:0;font-size:11px;color:#444;}
.sipaDeta .order-summary{margin-top:20px;border-top:1px solid #eee;padding-top:15px;font-size:12px;}
.sipaDeta .order-summary p{margin:6px 0;}
.sipaDeta .order-summary .coupon,.sipaDeta .order-summary .discount{color:#d9534f;}
.sipaDeta .order-summary p strong{float:right;}
.sipaDeta .actions{margin-top:20px;}
.sipaDeta .actions a{display:inline-block;margin:5px 5px 0 0;padding:8px 15px;border-radius:6px;background:#007bff;color:#fff;font-size:12px;text-decoration:none;}
.sipaDeta .actions a.ora{ background:orange;}
.sipaDeta .actions a.no{ background:red;}
.sipaDeta .actions a.yes{ background:green;}
.sipaDeta .actions a:hover{opacity:.7;}
@media(max-width:768px){
.sipaDeta .order-header{flex-direction:column;}
.hesapBilgi .form-container{margin:20px;}
}


.hesapBilgi .form-container{max-width:600px;margin:40px auto;background:#fff;padding:25px;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,0.05);}
  .hesapBilgi h2{font-size:22px;margin-bottom:20px;color:#333;}
  .hesapBilgi .form-group{margin-bottom:15px;}
  .hesapBilgi label{display:block;margin-bottom:5px;font-weight:600;color:#444;font-size:14px;}
  .hesapBilgi input[type="text"],
  .hesapBilgi input[type="email"],
  .hesapBilgi input[type="password"],
  .hesapBilgi input[type="tel"]{width:100%;padding:10px 12px;border:1px solid #ccc;border-radius:6px;font-size:14px;}
  .hesapBilgi input:focus{border-color:#007bff;outline:none;}
  .hesapBilgi .submit-btn{background:#007bff;color:#fff;padding:10px 20px;border:none;border-radius:6px;font-size:14px;cursor:pointer;}
  .hesapBilgi .submit-btn:hover{background:#0056b3;}
 






.sticky-add-to-cart{
  position:fixed;
  bottom:0;
  width:100%;
  background: #fff;
  box-shadow: 1px 3px 10px rgba(0, 0, 0, 0.3);
  padding: 0 10px;
  display:none;
  z-index:999;
  Padding-bottom: constant (safe area inset bottom);
  Padding-bottom: env (safe area inset bottom);
  } 
.sticky-content{max-width: 95%;width: 1200px;margin:auto;display:flex;align-items: stretch;justify-content: space-between;flex-wrap:wrap;} 
.sticky-content .left{display:flex;align-items:center;gap:10px;padding: 5px 0;} 
.sticky-content .left #img{background: #f9f9f9;padding: 3px;border-radius: 10px;height: 50px;width: 50px;position:relative;border: 1px solid #ededed;}
.sticky-content .left img{display: block;text-align: center;margin: 0 auto;/* padding:10px; */margin: auto;max-width: 100%;position: absolute;bottom: 0;left: 0;right: 0;top: 0;max-height: 100%;width: auto;z-index: 1;transition: transform .4s;mix-blend-mode: multiply;}
.sticky-content .title{font: 12px Inter,Arial,Helvetica,sans-serif;font-weight:600;width: 50%;color: #111;} 
.sticky-content .right{display:flex;align-items: center;gap:15px;flex-wrap:wrap;color: #fff;height: 70px;} 
.sticky-content .price{font: 16px Inter,Arial,Helvetica,sans-serif;font-weight:bold;color: #000;letter-spacing: -0.3px;} 
.sticky-content .old-price{font-size:14px;color:#999;text-decoration:line-through;} 
.sticky-content .fiyat-alani{display:flex;flex-direction:column;} 
.sticky-content .add-to-cart-btn{background: #222;color:white;padding: 10px 38px;border:none;font: bold 12px/1 Inter,Arial,Helvetica,sans-serif;border-radius: 6px;height: 40px;cursor:pointer;} 
@media (max-width: 768px){
.sticky-add-to-cart{bottom: 10px;width: 95%;margin: 0 auto;display: none;justify-content: center;left: 2.5%;border-radius: 10px;background: #122636;box-shadow: 0 0 0;}	
.sticky-content{flex-direction:column;align-items:flex-start;gap:10px;} 
.sticky-content .right{width:100%;justify-content:space-between;} 
	.sticky-content .price{ color:#fff;}
.sticky-content .right .add-to-cart-btn{background: #f9f9f9;color: #646464;}
.sticky-content .left{width:100%;display:none;}
.sticky-content .title{width: 100%;color: #fff;}						
.sticky-content .left img{ width:50px; height:50px; }			
} 


@media(max-width: 1100px) {
    body {
        padding-bottom:100px
    }
    .site .alisveris {
        margin-top: 10px
    }

.sticky{ position:relative; top:inherit; }

    #menu {
        position: absolute!important;
        left: 0;
        width: 100%
    }

    #menu a {
        display: none
    }
	
	
	.home-control{ min-height:350px; }	
	.home-control .search { width:90%; }
	.home-control .search #form{ width:100%; margin:20px auto; }
	.home-control .search h3{ font-size:28px; }
	.home-control .search p{ font-size:14px; }
	.home-control .search #form #fi input{ font-size:13px; }
	.home-control .search #form #fi button{ font-size:13px; }

	.product-list .row{ gap:10px; }
	.sepet-list{ padding:5px; }
	.sepet-list .row{gap: 5px;}
	.product-list #item{     width: calc(100% / 2); flex: 0 0 calc((100% - 10px ) / 2); }
	.sepet-list #item{flex: 0 0 calc((100% - 5px ) / 2);border-radius: 0;margin: 0;}
	.sepet-list.gN #item .text strong{ height:auto; }
	.detay-ust{ border-top:5px solid #eee; }
	.detay-ust .site > .row{  flex-direction: column }
	.detay-bilgi span{ display: flex;align-items: center;justify-content: space-between; gap:4px;} 
	.detay-bilgi span i{ margin-right: 0; }
	.detay-ust #text{ width:100%; }
	.detay-orta .yorumlar .fotograflar .row { gap:10px; }
	.detay-orta .yorumlar .fotograflar .row #item{ flex: 0 0 calc((100% - 10px ) / 2); }
	.detay-orta .yorumlar .yorum-list{padding: 20px;}
	.detay-orta .yorumlar .yorum-list ul li{ flex: 0 0 100%; }
	.detay-ust #img{ width:100%; }

}

@media only screen and (max-width:768px){
.header-top{text-align:center;}
.header{padding:0;}
.site{max-width: 95%;}
.header .site{max-width:100%;}

.header .colTop{width:calc(100% / 3 - 10px) !important;}
.header .colTop#logo{width:50% !important;padding: 0;}

.header #link.mobile{width:10% !important;}

.header-menu{display:none;}
.promo__overlay{ left:0; padding:20px; }
.header>.site>.row{overflow:hidden;gap:0px;padding:0px 10px;flex-wrap:wrap;max-width:100%;}

.header #link a{background: #f7f7f7CC;border: 0;color: #222;}
.header #link a span + *,.header #link a span + text{display:none;}
.header #link a span{margin:0;}
.header #link a.oner{background: lemonchiffon;}
.header #search{order:3;width:100% !important;margin:0; margin-bottom:10px;}

.header #logo{text-align:center;}
.header #logo a img{max-width: 70%;margin: 0 15px;}
.thumbnails a{ height:75px; width:100px}
.detay-page .area #photo{width:100%;min-height: 200px;}
.detay-page .area .detay{width:100%;padding: 10px 8px;background: none;}
.detay-page .area .detay h1{font-size: 21px;line-height: 1.3;letter-spacing: 0;}
.detay-page .area .taDet{    display: flex
;
    flex-direction: column;
    gap: 10px;
    background: #fff;
    padding: 10px;
    border-radius: 10px;
    border: 1px solid #ededed;
    margin-bottom: 10px;}
.detay-page .area > .row{flex-wrap:wrap;}
.detay-page .more-color ul li{flex: 0 0 calc((100% - 3 * 10px) / 3);}
.detay-page .more-color ul li a .text{display: block;margin-bottom:0;}
.detay-page .more-color ul li a #img { aspect-ratio:inherit; width:105px; height:105px;}
.detay-page .more-color ul li a #img img{max-height:95%;width:auto;}
.detay-page .more-color ul li a strong {display: block;font:500 12px/2 Inter,Arial,Helvetica,sans-serif}
.product-list #item .img{height: 230px !important;background: #f9f9f9;border-radius: 0;border: 0;}

.detay-page .area .detay #more-phone_link,.yorum-bilgi-top
    {}
.tab-links{/* flex-wrap:wrap; */flex-direction: row;gap:10px;*/justify-content: center;*/justify-content: center;*/justify-content: center;justify-content: flex-start;}
.tab-links li{/* width:100%; */border-radius:10px;flex: 0 0 0;width: auto;order:2}
.tab-links li.active{ order:1;}
.tab-links a,.tab-links li:first-child a{border-radius:10px;500 12px/2Inter,Arial,Helvetica,font-family: sans-serif;padding: 5px 10px !important;}
.tab-content{padding:10px;}

.bottom .site{ max-width:100%;}
.bottom .diger-urunler{ padding:10px}

.diger-urunler{border-radius:0;padding:10px 0;}
.diger-urunler .site{background:#fff;padding:10px 0;}

.categories-full{display:none;}
.product-list #baslik{ margin-bottom:20px;}
.product-list #baslik h3{ font:600 28px/1 Inter,Arial,Helvetica,sans-serif}
.product-list #baslik p{ font:300 13px/2 Inter,Arial,Helvetica,sans-serif}
.mark-list ul{ gap:20px !important; }
.product-list #baslik a,
.mark-list #baslik a{ position:relative;}
.mark-list #baslik a{ margin-top:10px;display:inline-block; top:0; transform:translateY(0%)}
.home-control{height:auto;min-height:auto;}
.main.category-page .home-control .site{ max-width:100%;}
.mark-list ul{ padding-bottom:10px;}
.mark-list ul li{ flex:1 0 calc(100%/2 - 20px);}
.alisveris .area > .row .a-r{ box-shadow: 0 -2px 4px 0 rgba(0, 0, 0, .1); background:#fff}
.moDi{ display:flex;justify-content: space-between;align-items: center;}
.moDi .a-r_Pa{ margin:0;}
.moDi .a-r_Pa #more_b{ font:600 13px/1.5 Inter,Arial,Helvetica,sans-serif}
.moDi .a-r_Total .row{ gap:20px; align-items: center;}
.moDi .a-r_Total .moDi-Left span{ line-height:1 !important; font:12px/1 Inter,Arial,Helvetica,sans-serif; color:#222 }
.moDi .a-r_Total .moDi-Left span.active:after{ }
.moDi .a-r_Total .moDi-Left i{ font-size:18px;}
.moDi .a-r_Total b{ font-size:13px; font-weight:normal }
.moDi .a-r_Total h3{ font-size:15px; font-weight:600 }
.moDi .a-r_Total span{ line-height:2; }
.moDi-detay{ display:none; padding:10px; background:#f5f5f5; border-radius:10px; margin-top:5px;}
.moDi-detay.active{ display:block;}
.anasayfa .home-control .home-left{display:none;}
.anasayfa .home-control .home-right{/* display:none; */width: 100%;/* height: 100vh; */padding: 0;}
.anasayfa .home-control .row{/* flex-wrap:wrap; */display:flex;/* flex-direction:column; */}
.main.category-page .home-control .site > .row{ flex-wrap:wrap;}
.category-page .home-control .home-left{display:block;}
.category-page .home-control .home-right{display:block;}
.category-page .home-control > .row{flex-wrap:nowrap;	}
.phone-select .title #info p{ padding:0; -webkit-line-clamp: 1;  font: 11px / 1.9 Inter, Arial, Helvetica, sans-serif;}
.main.category-page .home-control > .row{flex-wrap:wrap;	}
.main.category-page .home-control .home-right{width:100%;padding: 10px 10px 30px 10px;}
.new-product{ background:#fff; padding:20px; border-radius:10px; margin-bottom:10px;}
.new-product .product-list #item{width:calc(100% / 2 - 10px);flex: 0 0 calc((100% - 2 * 10px) / 2);}
.phone-select{ padding:5px;}
.phone-select .title #phone {height: 75px; width:75px}
.phone-select .title h1{white-space:normal;font-size:13px;}

.filter_list{margin-bottom: 5px;}
.mobile-filter{/* margin-top:10px; */padding: 10px;border-top: 1px solid #ededed;border-bottom: 1px solid #ededed;background: #ededed;border-radius: 6px;margin: 0 10px;}
.mobile-filter span{display: flex;padding: 10px 10px;color: #222;/* border-radius:10px; */font: 500 13px/1 Inter,Arial,helvetica,sans-serif;justify-content: space-between;background: #ffffff;border: 1px solid  #eee;border-radius: 6px;}

.category-page .home-control .row .home-left{width:100%;display:none; position:fixed; bottom:0; left:5px; right:5px; width:calc(100% - 10px); z-index:9;max-height: 70%; border-radius:10px 10px 0 0 /* Yeni nesil güvenli yükseklik */}
.category-page .home-control .row .home-left.active{display:block;z-index: 9999;max-height: none;height: 75%;top: unset;overflow: auto;}
.detay-page .more-color ul{padding: 10px;}
.product-list.category-list{ }
.product-list.category-list #item{flex: 0 0 calc((100% - 5px) / 2);border: 0;border-radius: 0;border-left: 1px solid #fff;}
.product-list.category-list #item:first-child{border-left:0;/* border-bottom: 0; */}
.product-list.category-list #item:nth-child(2n+1){ border-left:0; }
.product-list.gN #item #color_list{display:none;}
	.product-list #item .text{padding: 15px;}
.product-list #item .text strong{font: 500 13px/1.4 Inter,Arial,Helvetica,sans-serif;-webkit-line-clamp: 3;letter-spacing: 0;}

#color_list{height:38px;overflow:hidden;margin-bottom:10px;}
.detay-page .area .detay #havele-indirim{/* padding-top:15px; *//* justify-content: center; */}
.product-list #item #color_list .row{flex-direction:row;flex-wrap:wrap;}
.gallery{padding:20px;}
.detay-page .area .gallery{ padding:20px; }
.gallery .main-image{height: 300px;}
.gallery .thumbnails a{height:60px;width:60px;}
.detay-page .more-color{padding: 0;}
.new-product .inner{padding: 10px 0; margin:0; box-shadow:0 0 0 }

.product-info{ padding:0 5px;background:none;  }
.tab-links{border-radius: inherit;background: #222;width: auto;padding: 10px;}
.tab-content{/* padding: 20px 0; */font-size:13px;background:#fff;margin-top:0;border-radius:0 0 10px 10px}
.tab-content h3{ font:600 16px Inter,Arial,Helvetica,sans-serif; padding:0; margin:0; margin-bottom:20px;}
.alisveris .area > .row{display:block !important;flex-wrap:wrap !important;flex-direction:column !important;}
.alisveris .area > .row .a-l{display:block;flex:100% !important;width:100% !important;padding:10px;}
.alisveris .area > .row .a-r{display:block;flex:100% !important;width:100% !important;overflow: hidden;padding:10px;position: fixed;bottom: 0;height: auto;z-index: 99;top: auto;}
.adresler .row label{ flex:0 0 calc(100%  - 10px); }
.sepet-urun #item .row{flex-wrap: wrap;gap: 10px;}
.sepet-urun #item .item-col {flex: 0 1 calc(50% - 15px) !important;box-sizing: border-box;}
	.sepet-urun #item #text{ padding:0; }
.sepet-urun #item #img{/* width: 100px; *//* height:100px; */}
.sepet-urun #item #text a > b{ overflow:hidden; margin-bottom:10px; height:auto; }
.sepet-urun #item #img img{/* height: 100%; */width: auto;object-fit: cover;max-width: 100%;max-height: 100%;}

	.sepet-list.gN #item button{ display:block;}
.a-r_Total + .a-r_Pa{ display:flex}

.product-list.category-list .row{gap: 5px;}

.gallery .thumbnails{justify-content:flex-start;}

.mark_area .liste .row .item{width:calc(100% / 2 - 10px);}
.cihaz_area .liste .row .item{width:calc(100% / 2 - 10px);}
.cihaz_area .liste .row .item a .text{padding:15px;}
.cihaz_area .liste .row .item a .text strong{font-size:16px;}

.aiText{/* background:#f4f4f4; */}
	.gIndi{  margin-top:0;}
.detay-page .area .p-Ba{flex-wrap:wrap;flex-direction:column;gap:0;align-items: flex-start;padding: 10px;align-content: flex-start;background: #f4f4f4;}
.detay-page .area .detay #price{/* background: #f9f9f9; */margin: 10px 0 10px 0;border-radius: 10px;/* display: inline-block; */margin-bottom: 0;padding-bottom: 0;}
.detay-page .area .detay #price del{ margin-top:7px; line-height:1 }
.detay-page .basket-adet{width:100%;}
.detay-page #info-detay{display: flex;flex-wrap: wrap;gap: 0;margin-top: 10px;}
.detay-page #info-detay p{width:100%;margin: 0;margin-bottom: 5px;}	
.a_link .row{gap:5px;}
.a_link a{padding: 10px;font-size: 12px;}

.phone-select .title{padding: 10px;}

.detay-bilgi .Bi{font:12px/1.5 Inter,Arial,Helvetica,sans-serif;padding:5px 10px;}

.main.alisveris #t-baslik {display:none;}
.sepet-list #t-baslik{ display:block !important; padding:10px  }
#logo-alisveris + hr{     margin-bottom: 3px; }
.ozel_urunler .o-u_Area .list .item .row{ flex-wrap:wrap;}
.ozel_urunler .o-u_Area .list .item > .row >  div{ flex: 1 1 calc(50% - 5px); /* 2'li yan yana kutular */}
.ozel_urunler .o-u_Area .list .item #islem{flex: 1 1 100%;width: 100%;}
.ozel_urunler .o-u_Area .list .item #islem button{ width:100%; }
.ozel_urunler .o-u_Area .list .item #img{width:75px;height:75px;}

.mark-list{ padding:20px 0; margin:20px 0;}

.sepet-urun #item .row div{flex:1 0 50%;}

.modal-row{flex-wrap:wrap;}

.detay-ust #img{width:100% !important;}
.detay-ust #text{width:100% !important;}

.modal-row .detay-bilgi .row{flex-wrap:wrap;}
.modal-row .detay-bilgi .Bi{width:100% !important;text-align:center;}

.sag-kisim{ margin-top:10px; }
.kargo-ikon{ display: none; }
.product-list #item .text .price{display:block;height:auto;font: 600 16px/1.5 Inter,Arial,Helvetica,sans-serif;}
.product-list #item .text .price del{display:block;font-size: 13px;}
/*
.footer-container{ grid-template-columns: repeat(auto-fit, minmax(calc(100% / 2 - 30px), 0fr)); }
.newsletter-form input{ width:100%; }*/
.footer-area{ padding:20px 5%; }
.footer-bar__flex{align-items:flex-start;text-align:center;flex-direction:column;gap:20px;}
.footer-bar__feature{padding-left:15px;}

.account-container{ flex-wrap:wrap; padding:20px  0;}
.account-sidebar,.account-content { width:100%; }
.account-sidebar ul{ display:none;}
.account-sidebar ul.active{ display:block;}
.siparis-list .siparis-grid{ grid-template-columns: 100%; }
.account-sidebar h2{ padding:0;  margin:0; font:14px Inter,Arial,Helvetica,sans-serif}
.dashboard-header{ padding:0; border-radius:0; box-shadow:0 0 0 }
.siparis-list{ margin-top:0;}
.adres-list{ padding:0;}
.account-content{ padding:20px 10px;}
.dashboard-grid{grid-template-columns: repeat(auto-fit, minmax(120px, 2fr));}

/* Sidebar buton */
.sidebar-toggle{}

/* Arkaplan karartma */
.sidebar-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:1000;}
.sidebar-overlay.active{display:block;}

/* Sidebar */
.mobile-sidebar{position:fixed;top:0;left:-100%;width:80%;max-width:300px;height:100vh;background-color:white;z-index:1002;transition:left 0.3s ease;box-shadow:2px 0 10px rgba(0,0,0,0.2);overflow-y:auto;padding:20px;font-family:Inter,Arial,Helvetica,sans-serif; }
.mobile-sidebar.active{left:0;}
.sidebar-content #search{position:relative;padding:5px 10px;background:#fff;border:1px solid #e1e1e1;border-radius:20px;width:100%;height:auto;}
.sidebar-content #search.active{display:block;width:90%;margin-top:10px;}
.sidebar-content #search input{padding:10px;width:88%;background:#fff;font:normal 13px/1 Instrument Sans,Helvetica,sans-serif;border:0;color:#000;}
.sidebar-content #search button{padding:10px;font-size:16px;line-height:1;border:0;background:#fff;color:#333;position:absolute;right:10px;}
.sidebar-logo img{max-width:120px;margin-bottom:20px;}
.sidebar-section{margin-bottom:20px;font-family:Inter,Arial,Helvetica,sans-serif;}
.sidebar-section ul{height:40vh;overflow:auto;list-style:none;padding-left:0;}
.sidebar-section h3{margin-bottom:10px;font-size:18px;color:#333;}
.sidebar-section a{color:#333;font-size:12px;}
.sidebar-section ul li{padding:8px 0;border-bottom:1px solid #eee;}

.login-page .login-area{ max-width:100%; }

}

/* tablet.css */
@media (min-width: 768px) and (max-width: 1024px) {
    /* Genel site genişliği */
    .site {
        width: 100%;
        max-width: 96%;
        padding: 0 15px;
    }

    /* Header düzeni */
    .header>.site>.row {
        flex-wrap: wrap;
        gap: 15px;
    }

    .header #logo {
        width: auto;
        max-width: 15%;
        justify-content: flex-start;
    }

    .header #link {
	}
    .header #search {
        width: 30%;
    }
	.detay-page .more-color ul li{
		 flex: 0 0 calc(100% / 3 - 5px);
	}
	
	.diger-urunler #item{
		flex: 1 0 calc(100% / 4 - 10px) !important;
    }

    /* Menü elemanları */
    .header-menu #menu a {
        padding: 10px 12px;
        font-size: 13px;
    }

    /* Kategori ve sol menü */
    .home-control .home-left {
        width: 28%;
    }
    .home-control .home-right {
        width: 72%;
    }

    /* Ürün listesi 2 sütun */
    .product-list #item {
        flex: 0 0 calc(33% - 5px);
    }

    .promo__col--left,
    .promo__col--center,
    .promo__col--right {
        width: 100%;
    }
	.categories {gap:10px; }
	.categories .category{ width:calc(100% / 8 - 10px); }
	.categories .category .circle{ width:75%; height:75%; }
	.sepet-list.gN #item button{ display:block;}
}